:root{color:#172026;background:#f4f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#f4f6f8}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}code{border-radius:4px;background:#eef2f5;color:#0e6f63;padding:2px 5px}.shell{min-height:100vh;padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 auto 20px;max-width:1440px}h1,h2,p{margin:0}h1{color:#11181d;font-size:28px;font-weight:750;line-height:1.2}h2{color:#1b252d;font-size:17px;font-weight:720}.eyebrow{margin-bottom:6px;color:#0e6f63;font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.segmented{display:flex;overflow:hidden;border:1px solid #d5dde5;border-radius:8px;background:#fff}.segmented button{min-height:40px;border:0;border-right:1px solid #d5dde5;background:transparent;color:#45535f;padding:0 13px}.segmented button:last-child{border-right:0}.segmented .active{background:#0e6f63;color:#fff}.primaryButton,.secondaryButton,.ghostButton{min-height:40px;border-radius:8px;padding:0 14px;font-weight:720}.primaryButton{border:1px solid #e95f2c;background:#e95f2c;color:#fff}.secondaryButton{border:1px solid #172026;background:#172026;color:#fff}.ghostButton{border:1px solid #d5dde5;background:#fff;color:#172026}.bannerError,.errorText{color:#b42318}.bannerError{max-width:1440px;margin:0 auto 16px;border:1px solid #f1b8b2;border-radius:8px;background:#fff2f0;padding:12px 14px}.metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:1440px;margin:0 auto 18px}.metric,.dataPanel,.loginPanel,.setupPanel{border:1px solid #dfe5eb;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0f}.metric{min-height:104px;padding:15px}.metric span{display:block;min-height:34px;color:#63717e;font-size:13px;line-height:1.3}.metric strong{display:block;margin-top:8px;color:#11181d;font-size:26px;font-weight:780;line-height:1.1;overflow-wrap:anywhere}.contentGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:16px;max-width:1440px;margin:0 auto}.dataPanel{min-width:0;padding:16px}.dataPanel:first-child{grid-row:span 2}.tableWrap{width:100%;margin-top:12px;overflow-x:auto}.tableWrap--scrollRows{max-height:502px;overflow-y:auto}.tableWrap--scrollRows thead th{position:sticky;top:0;background:#fff;z-index:1}table{width:100%;min-width:680px;border-collapse:collapse}th,td{border-bottom:1px solid #e6ebf0;padding:11px 10px;text-align:left;vertical-align:middle}th{color:#63717e;font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}td{color:#25313a;font-size:14px}tbody tr:last-child td{border-bottom:0}.emptyCell,.emptyState{color:#7a8793}.emptyCell{height:64px;text-align:center}.transitionList{display:grid;gap:8px;margin-top:12px}.transitionList--scrollRows{max-height:652px;overflow-y:auto;padding-right:4px}.transitionRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;border:1px solid #e4e9ee;border-radius:8px;background:#fbfcfd;padding:10px 12px}.transitionRow div{display:grid;gap:2px;min-width:0}.transitionRow strong,.transitionRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transitionRow strong{color:#18242d;font-size:14px}.transitionRow span{color:#63717e;font-size:13px}.transitionRow b{color:#0e6f63;font-size:16px}.loginScreen,.statusScreen{display:grid;min-height:100vh;place-items:center;padding:24px}.loginPanel,.setupPanel{display:grid;width:min(420px,100%);gap:14px;padding:22px}.setupPanel{width:min(620px,100%)}.loginPanel label{display:grid;gap:6px;color:#394752;font-size:13px;font-weight:700}.loginPanel input{min-height:42px;border:1px solid #cfd8e1;border-radius:8px;background:#fff;color:#172026;padding:0 12px}.loginPanel input:focus{border-color:#0e6f63;outline:3px solid rgb(14 111 99 / 16%)}@media(max-width:1120px){.metricsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.contentGrid{grid-template-columns:1fr}.dataPanel:first-child{grid-row:auto}}@media(max-width:760px){.shell{padding:16px}.topbar{display:grid}.actions{justify-content:flex-start}.segmented{width:100%}.segmented button{flex:1 1 0;padding:0 8px}.secondaryButton,.ghostButton{flex:1 1 140px}.metricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:24px}}@media(max-width:480px){.metricsGrid{grid-template-columns:1fr}.metric{min-height:92px}}
