:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:1px solid #bcc7d1;border-radius:6px;background:#fff;color:#17202a;cursor:pointer;font:inherit;font-size:.9rem;font-weight:650;padding:.68rem .9rem}button:hover,button:focus{border-color:#255e70}button.primary{border-color:#255e70;background:#255e70;color:#fff}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#17202a;color:#fff;padding:1.25rem}.brand{align-items:center;border-bottom:1px solid rgba(255,255,255,.14);display:flex;gap:.85rem;padding-bottom:1.25rem}.brand-mark{align-items:center;background:#6eb6a8;border-radius:6px;color:#10201e;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.brand strong,.brand span{display:block}.brand span:last-child{color:#b7c5cf;font-size:.78rem;margin-top:.25rem}nav{display:grid;gap:.2rem;margin-top:1.25rem}.portfolio-nav{border-bottom:1px solid rgba(255,255,255,.14);display:grid;gap:.25rem;margin-top:1rem;padding-bottom:1rem}.portfolio-label{color:#9fb0bd;font-size:.72rem;font-weight:800;padding:0 .7rem .25rem;text-transform:uppercase}.portfolio-link{border-radius:6px;color:#dbe4ea;font-size:.86rem;font-weight:700;padding:.5rem .7rem;text-decoration:none}.portfolio-link:hover,.portfolio-link:focus,.portfolio-link.active{background:#ffffff1a;color:#fff}.nav-item{background:transparent;border:0;color:#dbe4ea;font-size:.9rem;justify-content:flex-start;padding:.62rem .7rem;text-align:left}.nav-item:hover,.nav-item:focus,.nav-item.active{background:#ffffff1a;color:#fff}.workspace{min-width:0;padding:1.4rem}.topbar{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}h1,h2,p{margin:0}h1{font-size:1.65rem;line-height:1.2}h2{font-size:1rem;line-height:1.25}.topbar p,.section-note{color:#5d6b78;margin-top:.35rem}.actions,.control-row{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}input{border:1px solid #bcc7d1;border-radius:6px;color:#17202a;font:inherit;font-size:.9rem;min-height:38px;padding:.55rem .65rem;width:120px}.connection{align-items:center;border:1px solid #d8e0e7;border-radius:999px;color:#5d6b78;display:inline-flex;font-size:.78rem;font-weight:750;min-height:36px;padding:0 .8rem;text-transform:uppercase}.connection.connected{background:#e8f3f0;color:#255e70}.connection.offline{background:#fff4e5;color:#865b16}.connection.loading{background:#edf1f4;color:#596874}.public-dashboard-note{align-self:center;color:#5d6b78;font-size:.82rem;line-height:1.35;max-width:300px;text-align:right}.status-banner{align-items:center;background:#fff;border:1px solid #d8e0e7;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.85rem 1rem}.status-banner strong,.status-banner span{display:block}.status-banner strong{font-size:.95rem}.status-banner div>span{color:#687682;font-size:.86rem;margin-top:.25rem}.status-banner.offline{border-color:#e2bf82}.status-pills{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.status-pills span{background:#edf1f4;border-radius:999px;color:#44535f;font-size:.76rem;font-weight:750;margin-top:0;padding:.35rem .6rem}.section-stack{display:grid;gap:1rem}.section-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{display:grid;gap:.8rem;grid-template-columns:repeat(5,minmax(160px,1fr))}.kpi-grid.compact{grid-template-columns:repeat(3,minmax(160px,1fr))}.kpi-card,.panel{background:#fff;border:1px solid #d8e0e7;border-radius:8px}.kpi-card{min-height:118px;padding:.9rem}.kpi-card span,.kpi-card small,.panel-heading span,.site-row small{color:#687682}.kpi-card span{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase}.kpi-card strong{display:block;font-size:1.42rem;line-height:1.2;margin:.55rem 0 .25rem;overflow-wrap:anywhere}.content-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.panel{min-width:0;overflow:hidden}.panel.wide{grid-column:span 1}.panel-heading{align-items:center;border-bottom:1px solid #d8e0e7;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1rem}.panel-heading span{font-size:.84rem}.admin-controls-panel summary{align-items:center;border-bottom:1px solid #d8e0e7;color:#17202a;cursor:pointer;display:flex;font-weight:750;gap:1rem;justify-content:space-between;list-style-position:inside;padding:.9rem 1rem}.admin-controls-panel summary small{color:#687682;font-size:.84rem;font-weight:600}.admin-controls-panel:not([open]) summary{border-bottom:0}.admin-controls-body{display:grid}.admin-controls-note{margin:0;padding:.85rem 1rem 0}.control-row{border-bottom:1px solid #edf1f4;justify-content:flex-start;padding:.85rem 1rem}.control-form{align-items:end;border-bottom:1px solid #edf1f4;display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem}.control-form label{display:grid;gap:.3rem}.control-form label span{color:#687682;font-size:.76rem;font-weight:750;text-transform:uppercase}.metric-strip{display:grid;gap:0;grid-template-columns:repeat(4,minmax(130px,1fr))}.metric-strip div{border-right:1px solid #edf1f4;padding:.85rem 1rem}.metric-strip div:last-child{border-right:0}.metric-strip span,.metric-strip strong{display:block}.metric-strip span{color:#687682;font-size:.76rem;font-weight:750;text-transform:uppercase}.metric-strip strong{color:#255e70;margin-top:.35rem;overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;min-width:720px;width:100%}th,td{border-bottom:1px solid #edf1f4;font-size:.86rem;line-height:1.35;max-width:340px;padding:.78rem 1rem;text-align:left;vertical-align:top}th{color:#596874;font-size:.72rem;text-transform:uppercase}td{color:#27333e;overflow-wrap:anywhere}.metric-list{display:grid;gap:.75rem;padding:1rem}.metric-list div{align-items:center;border-bottom:1px solid #edf1f4;display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto;padding-bottom:.75rem}.metric-list div:last-child{border-bottom:0;padding-bottom:0}.metric-list span{color:#687682}.metric-list strong{color:#255e70;overflow-wrap:anywhere;text-align:right}.empty-state{color:#687682;font-size:.92rem;padding:1rem}.app-footer{color:#687682;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.7rem;justify-content:space-between;padding:1rem 0 0}.app-footer span{overflow-wrap:anywhere}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid,.kpi-grid.compact,.metric-strip{grid-template-columns:repeat(2,minmax(150px,1fr))}.content-grid,.section-grid{grid-template-columns:1fr}}@media(max-width:680px){.workspace,.sidebar{padding:1rem}.topbar{display:grid}.status-banner{align-items:stretch;display:grid}.actions,.control-row{justify-content:stretch}.public-dashboard-note{max-width:none;text-align:left}.actions button,.control-row button,.control-form button{flex:1}nav,.kpi-grid,.kpi-grid.compact,.metric-strip{grid-template-columns:1fr}.panel-heading{align-items:flex-start;display:grid}}