:root{color:#18202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fbfc;background:#12202b;padding:20px 14px}.brand{align-items:center;gap:10px;min-height:48px;padding:0 8px;display:flex}.brand.large{margin-bottom:22px;padding:0}.brand strong{font-size:18px;display:block}.brand span{color:#9fb4c2;font-size:12px;display:block}nav{gap:4px;margin-top:24px;display:grid}nav button,.iconButton,.actionOpenButton{cursor:pointer;border:0}nav button{color:#d8e4eb;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}nav button.active,nav button:hover{color:#fff;background:#1f3647}main{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}h1,h2{letter-spacing:0;margin:0}h1{font-size:26px}h2{margin-bottom:14px;font-size:18px}.eyebrow,.muted,small{color:#687584}.eyebrow{text-transform:uppercase;font-size:12px}.session{color:#465462;align-items:center;gap:10px;display:flex}.iconButton,.primary,.pagination button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.iconButton{color:#233241;background:#fff;border:1px solid #d9e0e7;width:38px}.actionOpenButton{color:#15506b;background:#eef8fc;border:1px solid #1d6f8f;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 10px;font-weight:700;display:inline-flex}.readonlyBanner{color:#5b490f;background:#fff9e8;border:1px solid #d9e0e7;border-radius:6px;margin-bottom:16px;padding:10px 12px}.metricGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:14px;display:grid}.metricGrid.ops{grid-template-columns:repeat(6,minmax(140px,1fr))}.metric,.panel,.loginPanel{background:#fff;border:1px solid #d9e0e7;border-radius:8px}.metric{padding:16px}.metric span{color:#687584;font-size:13px;display:block}.metric strong{margin-top:8px;font-size:30px;display:block}.panel{padding:16px;overflow:hidden}.panel.narrow{max-width:560px}.toolbar{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.searchBox{background:#fff;border:1px solid #d9e0e7;border-radius:6px;align-items:center;gap:8px;width:100%;max-width:420px;padding:0 10px;display:flex}.searchBox input,.loginPanel input,.settingsForm input{border:1px solid #d9e0e7;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}.searchBox input{border:0;outline:0}table{border-collapse:collapse;table-layout:fixed;width:100%}.tableWrap{width:100%;overflow-x:auto}th,td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #edf0f3;padding:10px}th:last-child,td:last-child{width:120px}th{color:#687584;text-transform:uppercase;background:#f8fafb;font-size:12px}td strong,td small{display:block}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{border:1px solid #0000;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;display:inline-flex}.badgeGroup{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.badge.ok{color:#17643a;background:#e8f7ef}.badge.warn{color:#715007;background:#fff4d6}.badge.danger{color:#8b1d1d;background:#fdecec}.badge.neutral{color:#4a5968;background:#eef2f5}.badge.auto{color:#1557a5;background:#e8f2ff}.badge.admin{color:#5b2f96;background:#f1eafe}.badge.manual{color:#fff3fb;background:#2b1624}.payload{color:#d9f7ff;background:#101820;border-radius:6px;max-height:180px;margin:0;padding:8px;font-size:12px;overflow:auto}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tabs button{color:#465462;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:6px;min-height:34px;padding:0 10px}.tabs button.active,.tabs button:hover{color:#15506b;background:#eef8fc;border-color:#1d6f8f}.overviewLists,.settingsLayout{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.listStack{gap:8px;display:grid}.listItem{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.listItem strong,.listItem span{display:block}.listItem span{color:#687584;font-size:13px}.emptyState{color:#687584;padding:16px 0}.summaryStack{gap:6px;display:grid}.summaryStack small{margin-top:3px}.quickActions{flex-wrap:wrap;gap:6px;display:flex}.quickActions button,.detailButton,.confirmActions button,.segmented button{color:#233241;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:6px;min-height:34px;padding:0 9px}.quickActions button{font-weight:700}.detailButton{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.detailButton:hover,.quickActions button:hover{color:#15506b;border-color:#1d6f8f}.pagination{justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}.pagination button,.primary{color:#fff;background:#1d6f8f;border:1px solid #1d6f8f;padding:0 14px}.pagination button:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.configList{gap:8px;margin:14px 0;display:grid}.configList div{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.loginScreen,.splash{place-items:center;min-height:100vh;padding:18px;display:grid}.loginPanel{gap:14px;width:min(420px,100%);padding:24px;display:grid}.loginPanel label,.settingsForm label{color:#465462;gap:6px;display:grid}.settingsForm{gap:12px;display:grid}.error,.success,.panelState{border-radius:6px;padding:10px}.error{color:#8b1d1d;background:#fdecec}.success{color:#17643a;background:#e8f7ef}.errorText{color:#b42318}.panelState,.empty{color:#687584;text-align:center;padding:24px}.drawerBackdrop{z-index:10;background:#12202b59;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;border-left:1px solid #d9e0e7;width:min(620px,100%);height:100%;padding:18px;overflow:auto}.drawerHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detailItem,.detailWide{border:1px solid #d9e0e7;border-radius:8px;padding:12px}.detailItem span{color:#687584;font-size:12px;display:block}.detailItem strong{overflow-wrap:anywhere}.detailWide{grid-column:1/-1}.detailWide h3{margin:0 0 8px;font-size:15px}.actionWide{background:#f2fbff;border-color:#1d6f8f}.detailWide h4{margin:12px 0 6px;font-size:13px}.actionPanel{gap:12px;display:grid}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.actionGrid button,.segmented button,.confirmActions button{min-height:36px}button.warn{color:#8a4d00;border-color:#d78a1d}button.danger{color:#8b1d1d;border-color:#ca3b32}.confirmBox{background:#fbfcfd;border:1px solid #d9e0e7;border-radius:8px;gap:10px;padding:12px;display:grid}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button.active{color:#fff;background:#16324f;border-color:#16324f}.warning{color:#6f4600;background:#fff7e6;border:1px solid #f1c36d;border-radius:8px;padding:10px}.confirmActions{justify-content:flex-end;gap:8px;display:flex}.modalBackdrop{z-index:20;background:#12202b6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #d9e0e7;border-radius:8px;gap:12px;width:min(640px,100%);max-height:calc(100vh - 36px);padding:18px;display:grid;overflow:auto}.modalHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.confirmSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.confirmSummary div,.fieldGroup{border:1px solid #edf0f3;border-radius:8px;padding:10px}.confirmSummary span,.fieldGroup>span{color:#687584;margin-bottom:4px;font-size:12px;display:block}.modal label{color:#465462;gap:6px;display:grid}.modal input{border:1px solid #d9e0e7;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}.drawerTabs{z-index:1;background:#fff;padding-bottom:6px;position:sticky;top:0}.technicalList,.payloadList{gap:10px;display:grid}.technicalItem,.payloadDetails{border:1px solid #d9e0e7;border-radius:8px;padding:12px}.technicalItem span,.technicalItem strong,.technicalItem small{display:block}.technicalItem span{color:#687584;font-size:12px}.technicalItem strong{overflow-wrap:anywhere;margin:4px 0}.payloadDetails summary,.miniDetails summary{cursor:pointer;color:#15506b;font-weight:700}.payloadDetails .payload,.miniDetails .payload{margin-top:10px}.detailGrid.single{grid-template-columns:1fr}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{z-index:2;position:sticky;top:0}nav,.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metricGrid.ops,.overviewLists,.settingsLayout,.confirmSummary{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@media (width<=640px){.detailGrid{grid-template-columns:1fr}}@media (width<=560px){main{padding:14px}nav,.metricGrid{grid-template-columns:1fr}}