@font-face{font-family:Instrument;src:url('/instrument-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Instrument,Arial,sans-serif;color:#eaf2f5;background:#071521;font-size:14px;line-height:1.45;--base:#071521;--surface:#102638;--lift:#18344a;--rule:#244154;--muted:#96aab6;--text:#eaf2f5;--gold:#d9aa55;--teal:#64d2bd;--red:#ee8581}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
#app{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{min-width:0;background:#0b2030;border-right:1px solid #173748;display:flex;flex-direction:column;min-height:100vh;padding:25px 15px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 28px}.brand-symbol,.login-mark{font-size:23px;font-weight:770;letter-spacing:-.13em;color:#fff}.brand-symbol span,.login-mark span{color:var(--gold);padding:0 .12em}.brand strong{display:block;font-size:15px;letter-spacing:-.035em}.brand small{display:block;color:var(--muted);font-size:11px}.site-picker{padding:14px 12px 18px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.site-picker label{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.site-picker select{width:100%;height:38px;border:1px solid #355164;border-radius:8px;background:#132d40;color:var(--text);padding:0 10px}.sidebar nav{padding-top:17px;overflow:auto;flex:1}.nav-group{margin:12px 11px 6px;color:#738d9c;font-size:11px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:8px;background:transparent;color:#b9cbd4;padding:10px 12px;font-size:13px}.sidebar nav button:hover{background:#153246;color:#fff}.sidebar nav button.active{background:#1b3c50;color:white;box-shadow:inset 2px 0 var(--gold)}.nav-icon{width:17px;height:17px;color:var(--teal);display:grid;place-items:center;font-size:15px}.sidebar-foot{border-top:1px solid var(--rule);padding:17px 9px 0}.connection{display:flex;align-items:center;gap:8px;color:#a9c4ce;font-size:12px}.connection i{width:7px;height:7px;border-radius:50%;background:var(--gold)}.connection.ok i{background:var(--teal)}.connection.error i{background:var(--red)}.quiet-button{border:0;background:none;color:var(--muted);padding:10px 0 0}.quiet-button:hover{color:white}
.app-main{min-width:0}.topbar{height:88px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;padding:0 35px;background:#0a1b29}.top-title small{color:var(--muted);font-size:12px}.top-title h1{font-size:22px;line-height:1.1;margin:4px 0 0;letter-spacing:-.04em;font-weight:680}.top-actions{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:12px}.refresh-button{background:transparent;border:1px solid #3c596a;color:var(--text);border-radius:7px;padding:8px 13px}.refresh-button:hover{border-color:var(--teal)}.mobile-brand{display:none}main{padding:29px 35px 55px;max-width:1500px;margin:auto}.banner{background:#112c3d;border:1px solid #315165;border-radius:12px;padding:18px 21px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.banner h2{font-size:15px;margin:0 0 3px;font-weight:650}.banner p{margin:0;color:var(--muted);font-size:12px}.banner b{color:var(--gold);font-size:12px;font-weight:600;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:24px}.metric{border:1px solid var(--rule);border-radius:10px;background:var(--surface);padding:18px 20px;min-height:112px}.metric small{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:29px;font-weight:660;letter-spacing:-.045em;margin:6px 0 0;font-variant-numeric:tabular-nums}.metric em{font-style:normal;color:var(--teal);font-size:12px}.metric.warn em{color:var(--gold)}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden;margin-bottom:18px}.panel-head{padding:18px 20px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{font-size:15px;margin:0;font-weight:650}.panel-head span{color:var(--muted);font-size:12px}.panel-body{padding:18px 20px}.table-scroll{overflow:auto;max-height:66vh}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:11px;color:#9fb6c2;font-weight:600;background:#152d3f;position:sticky;top:0;z-index:1}th,td{padding:12px 14px;white-space:nowrap;border-bottom:1px solid #233f50}td{color:#d6e4ea;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1a384b}.status{display:inline-block;padding:4px 8px;border-radius:20px;background:#1d4c49;color:#86e4cb}.status.dim{background:#3e3330;color:#edb875}.empty{color:var(--muted);padding:28px 20px}.error{background:#3c242d;border:1px solid #77444c;color:#ffd4d5;border-radius:8px;padding:14px 17px;margin-bottom:16px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar input,.toolbar select,.form-grid input,.form-grid select{height:38px;border:1px solid #355366;background:#0b2232;border-radius:7px;color:white;padding:0 10px}.toolbar button,.form-grid button{height:38px;border:0;border-radius:7px;background:var(--gold);color:#1b1d1f;padding:0 14px;font-weight:680}.toolbar button:hover,.form-grid button:hover{background:#f0c16f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:700px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.form-grid button{align-self:end}.message{min-height:20px;color:var(--teal);font-size:12px;margin:12px 0 0}.detail{color:var(--muted);font-size:12px}.loading{color:var(--muted);padding:35px 0}
.login-body{display:grid;place-items:center;background:radial-gradient(circle at 35% 18%,#14364a 0,#071521 42%);padding:24px}.login-shell{width:min(420px,100%);padding:42px;border:1px solid #2b4d60;border-radius:16px;background:#102638}.login-mark{font-size:33px}.login-caption{color:var(--gold);margin:17px 0 5px;font-size:13px}.login-shell h1{font-size:30px;line-height:1.1;letter-spacing:-.045em;margin:0}.login-intro{color:var(--muted);margin:12px 0 28px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form label{color:var(--muted);font-size:12px;display:flex;flex-direction:column;gap:7px}.login-form input{height:43px;border:1px solid #3e5c6d;border-radius:7px;background:#081e2d;color:white;padding:0 12px}.login-form button{height:43px;border:0;border-radius:7px;background:var(--gold);font-weight:700;color:#17222a;margin-top:6px}.login-form p{color:var(--red);min-height:18px;margin:0}.login-footer{border-top:1px solid var(--rule);padding-top:20px;margin-top:18px;color:#7994a3;font-size:11px}
@media(max-width:850px){#app{grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden}.sidebar{height:auto;min-height:0;position:relative;padding:14px 16px;display:block}.brand{padding:0 0 13px}.site-picker{padding:10px 0}.sidebar nav{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:11px 0 2px}.sidebar nav button{white-space:nowrap;width:auto;flex:none}.nav-group,.sidebar-foot{display:none}.topbar{height:75px;padding:0 18px}.top-title h1{font-size:18px}.top-actions span{display:none}.mobile-brand{display:none}main{padding:19px 16px 40px}.metrics{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.banner{align-items:flex-start;flex-direction:column}}
.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 18px 16px;color:var(--muted);font-size:12px}.pager button{border:1px solid #355366;border-radius:7px;background:#102a3b;color:var(--text);padding:8px 13px;cursor:pointer}.pager button:disabled{opacity:.45;cursor:default}.pager button:not(:disabled):hover{border-color:var(--teal)}
@media(max-width:480px){.metrics{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.form-grid{grid-template-columns:1fr}.login-shell{padding:27px}.panel-head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.operation-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 20px;border-bottom:1px solid var(--rule)}.operation-row strong{min-width:190px}.operation-row span{color:var(--muted);flex:1}.operation-row button{border:1px solid var(--gold);border-radius:7px;background:transparent;color:var(--gold);padding:7px 11px}.operation-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.operation-fields label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}@media(max-width:480px){.operation-fields{grid-template-columns:1fr}}
.operation-detail{margin:0;padding:14px 20px;background:#0a2030;color:#c7dbe4;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--rule);font-size:11px}
.row-detail-button{border:1px solid #355366;border-radius:6px;background:#0b2232;color:var(--teal);padding:5px 9px;white-space:nowrap}
.row-detail-button:hover{border-color:var(--teal)}
.row-detail td{background:#0b2232;white-space:normal}
.row-detail-list{display:grid;grid-template-columns:minmax(120px,200px) minmax(180px,1fr);gap:8px 16px;max-width:900px;margin:0}
.row-detail-list dt{color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.row-detail-list dd{margin:0;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:480px){.row-detail-list{grid-template-columns:1fr;gap:3px}.row-detail-list dd{margin-bottom:10px}}
.team-toolbar{gap:10px}.team-toolbar input{min-width:min(260px,100%)}.team-toolbar select{min-width:155px}
.team-cards{display:none}.team-form-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.team-form-layout .panel{height:100%;margin:0}.team-form-layout .form-grid{max-width:none}
.team-card{padding:14px 16px;border-top:1px solid var(--rule);display:grid;gap:8px}
.team-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.team-card strong{overflow-wrap:anywhere}.team-card p{margin:0;color:var(--muted);font-size:12px}
.team-card button{justify-self:start}.team-status{font-size:11px;font-weight:650;border-radius:99px;padding:3px 8px;white-space:nowrap}
.team-status.is-active{background:#17483f;color:#8ee2ce}.team-status.is-pending{background:#4d3c22;color:#f2c875}.team-status.is-disabled{background:#263847;color:#a7bac3}
#mobile-menu{display:none}
@media(max-width:1050px){.team-form-layout{grid-template-columns:1fr}}
@media(max-width:650px){.team-table{display:none}.team-cards{display:block}.team-toolbar{display:grid;grid-template-columns:1fr 1fr}.team-toolbar input{grid-column:1/-1;width:100%}.team-toolbar select{min-width:0}.team-form-layout{gap:0}.team-form-layout .panel{height:auto;margin-bottom:18px}}
@media(max-width:850px){
  body.mobile-menu-open{overflow:hidden}
  .sidebar{z-index:40;background:#0b2030}
  .brand{padding:0 0 12px}
  #mobile-menu{display:block;margin-left:auto;border:1px solid #355164;border-radius:7px;background:#132d40;color:var(--text);padding:7px 11px;min-width:58px}
  .sidebar nav{display:none}
  .sidebar.is-open{position:fixed;inset:0;width:100%;height:100dvh;display:flex;flex-direction:column;padding:16px;overflow:hidden}
  .sidebar.is-open .site-picker{flex:none}
  .sidebar.is-open nav{display:block;flex:1;overflow-y:auto;overflow-x:hidden;max-width:none;padding:10px 0;scrollbar-width:thin;scrollbar-color:#355164 transparent}
  .sidebar.is-open nav button{display:flex;width:100%;white-space:normal;text-align:left;padding:12px}
  .sidebar.is-open .nav-group{display:block;margin:16px 11px 7px}
  .sidebar.is-open .sidebar-foot{display:block;flex:none;padding:12px 9px 4px}
}
.toolbar label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}.toolbar input[type=date]{min-width:145px;color-scheme:dark}.panel>.metrics,.panel>.detail{margin:18px 20px}.panel>.toolbar{padding:18px 20px 0;margin-bottom:0}.panel>.toolbar+div>.metrics{margin:18px 20px}.panel>.toolbar+div>.detail{margin:0 20px 18px}.metric strong{overflow-wrap:anywhere}