.of-wrap{max-width:1200px;margin:0 auto;padding:32px 20px 48px;color:#202833;}
.of-head{margin-bottom:24px;}
.of-head h1{margin:0 0 8px;font-size:32px;line-height:1.2;font-weight:600;}
.of-head p{margin:0;color:#66717d;font-size:15px;line-height:1.6;}
.of-layout{display:grid;grid-template-columns:242px minmax(0,1fr);gap:24px;align-items:start;}
.of-navigation,.of-content{min-width:0;}
.of-nav{display:flex;flex-direction:column;gap:3px;padding:8px;background:#f4f5f6;border:1px solid #e3e6e9;border-radius:12px;}
.of-nav a{display:block;padding:10px 12px;border-radius:7px;color:#39434d;font-size:14px;line-height:1.4;text-decoration:none;font-weight:400;}
.of-nav a:hover{background:#fff;color:#a61926;}
.of-nav a[aria-current]{background:#a61926;color:#fff;font-weight:600;}
.of-nav a:focus-visible,.of-select-row select:focus-visible,.of-email a:focus-visible{outline:3px solid #b65159;outline-offset:3px;}
.of-panel{border:1px solid #e1e4e8;border-top:3px solid #a61926;border-radius:12px;overflow:hidden;background:#fff;}
.of-panel[hidden]{display:none;}
.of-panel h2{margin:0;padding:20px;font-size:23px;font-weight:600;line-height:1.3;}
.of-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.55;}
.of-table th,.of-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;overflow-wrap:anywhere;}
.of-table th{background:#f4f5f6;color:#59636e;font-weight:600;font-size:13px;}
.of-table th:first-child{width:32%;}
.of-table th:nth-child(2){width:30%;}
.of-table tbody tr:nth-child(even){background:#fafafb;}
.of-table tbody tr:last-child td{border-bottom:0;}
.of-name{font-weight:500;}
.of-role{color:#58636f;}
.of-email a{color:#a61926;text-decoration:none;font-weight:400;}
.of-email a:hover{text-decoration:underline;}
.of-muted{color:#7a828c;}
.of-select-form{display:none;}
.of-empty{padding:24px;background:#f4f5f6;border-radius:12px;}
@media(max-width:1000px){
  .of-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;}
  .of-table th,.of-table td{padding:12px;}
}
@media(max-width:800px){
  .of-wrap{padding:24px 16px 32px;}
  .of-head{margin-bottom:20px;}
  .of-head h1{font-size:28px;}
  .of-layout{display:block;}
  .of-nav{display:none;}
  .of-select-form{display:block;margin-bottom:18px;}
  .of-select-form label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#59636e;}
  .of-select-row{display:flex;gap:8px;}
  .of-select-row select{flex:1;min-width:0;width:100%;height:46px;border:1px solid #cbd0d6;border-radius:8px;background:#fff;color:#202833;padding:0 32px 0 12px;font:inherit;font-size:16px;}
  .of-submit{border:0;border-radius:8px;background:#a61926;color:#fff;padding:0 14px;font:inherit;}
  .of-enhanced .of-submit{display:none;}
}
@media(max-width:600px){
  .of-panel h2{font-size:21px;padding:18px 16px;}
  .of-table,.of-table tbody{display:block;width:100%;}
  .of-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
  .of-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:16px;border-top:1px solid #e5e7eb;}
  .of-table td{display:block;border:0;padding:0;min-width:0;}
  .of-name{font-size:15px;}
  .of-role{font-size:13px;}
  .of-table .of-email{padding-top:5px;}
  .of-email a{display:inline-block;padding:3px 0;font-size:14px;}
}