:root{--ink:#17212b;--muted:#607180;--surface:#fff;--background:#f3f5f7;--border:#d9e0e5;--platform:#315f7d;--platform-dark:#18384e;--platform-light:#3f789a;--sidebar:#17364a;--pet:#1f8f68;--charge:#0067c5;--success:#16794b}*{box-sizing:border-box}body{color:var(--ink);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(180deg, var(--platform-dark), #214c64);flex-direction:column;padding:28px 18px 20px;display:flex}.brand{align-items:center;gap:12px;padding:0 9px 30px;display:flex}.brandMark{color:#14212b;background:linear-gradient(135deg,#ecf1f4,#91a4b2);border-radius:11px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.brand strong,.brand small,.operator span,.operator strong,.operator small{display:block}.brand small{color:#96abba;margin-top:3px;font-size:11px}.navLabel,.eyebrow{letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:900}.navLabel{color:#7f96a6;margin:8px 12px}.navItem{color:#e0edf4;text-align:left;opacity:1;background:0 0;border:0;border-radius:9px;width:100%;padding:12px}.navItem.active{color:var(--platform-dark);background:#fff;font-weight:700}.operator{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:13px;margin-top:auto;padding:15px}.operator span,.operator small{color:#98adba;font-size:10px}.operator strong{margin:5px 0;font-size:13px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--border);background:#ffffffeb;justify-content:space-between;align-items:center;height:72px;padding:0 26px;display:flex}.searchBox{border:1px solid var(--border);color:#8b98a3;border-radius:10px;width:min(490px,42vw);padding:11px 14px;font-size:12px}.topbarContext{align-items:center;gap:12px;display:flex}.topbar span{color:var(--muted);letter-spacing:1.4px;font-size:9px;display:block}.topbar strong{margin-top:4px;font-size:14px;display:block}.avatar{background:#dfe6eb;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.content{max-width:1260px;margin:auto;padding:36px 32px}.headline{color:#fff;background:linear-gradient(110deg, var(--platform-dark), var(--platform-light));border-radius:13px;justify-content:flex-start;align-items:center;min-height:112px;padding:24px 28px;display:flex;overflow:hidden;box-shadow:0 22px 55px #12202b2e}.headline>div{align-items:center;gap:16px;display:flex}.headline h1{letter-spacing:-.7px;margin:0 0 4px;font-size:28px;line-height:1.1}.headline p{color:#c9d7df;max-width:590px;margin:0;line-height:1.45}.headlineIcon{background:#ffffff24;border-radius:50%;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0;display:grid}.metrics article{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:21px;box-shadow:0 12px 35px #1528340d}.metrics span,.metrics small{color:var(--muted);display:block}.metrics span{font-size:11px;font-weight:700}.metrics strong{margin:14px 0 7px;font-size:29px;display:block}.metrics small{font-size:10px}.metrics .healthy{color:var(--success)}.panel{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:30px}.panelHeader{justify-content:space-between;align-items:center;display:flex}.panelHeader h2{margin:7px 0 0;font-size:25px}.panelHeader button{color:#fff;background:var(--platform);opacity:.55;border:0;border-radius:9px;padding:10px 14px}.tenantList{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px;display:grid}.tenantList article{border:1px solid var(--border);border-radius:13px;align-items:center;gap:12px;padding:15px;display:flex}.tenantList article div{flex:1}.tenantList strong,.tenantList small{display:block}.tenantList small{color:var(--muted);margin-top:3px;font-size:11px}.productMark{color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.productMark.pet{background:var(--pet)}.productMark.charge{background:var(--charge)}.pill{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.pill.pet{color:#116541;background:#e5f5ed}.pill.charge{color:#0053a1;background:#e2f0ff}.notice{color:var(--muted);background:var(--background);border-radius:9px;margin:20px 0 0;padding:12px;font-size:11px}.authPanel,.readGate{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin:22px 0;padding:24px}.authPanel{gap:14px;display:grid}.authPanel h2,.authPanel p{margin:0}.authPanel label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.authPanel input{border:1px solid var(--border);border-radius:9px;padding:11px 12px}.authPanel button,.projectionProbe button{color:#fff;background:var(--platform);cursor:pointer;border:0;border-radius:9px;width:fit-content;padding:10px 16px}.authError{color:#b42318}.readGate{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.readGate span{color:var(--success);background:#e8f5ee;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.projectionProbe{align-items:center;gap:12px;margin-top:14px;display:flex}.projectionProbe small{color:var(--muted)}@media (max-width:960px){.shell{grid-template-columns:90px minmax(0,1fr)}.brand>span:last-child,.navLabel,.navItem:not(.active),.operator{display:none}.brand,.navItem.active{text-align:center;justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.shell{display:block}.sidebar{min-height:auto;padding:12px 18px}.brand{padding:0}.sidebar nav{display:none}.content{padding:24px 16px}.headline{padding:28px}.ecosystem{display:none}.metrics,.tenantList{grid-template-columns:1fr}}