:root{--bg:#f1f3f2;--surface:#fff;--ink:#16232c;--muted:#687780;--line:#dce2e3;--nav:#111d25;--accent:#bd302c;--blue:#28637b;--green:#278657;font-family:'IBM Plex Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#edf2f3;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 16px 'Bricolage Grotesque',sans-serif;letter-spacing:.04em}.brand img{width:32px;height:32px;object-fit:contain;flex:0 0 32px}.brand small{display:block;font:600 9px 'IBM Plex Sans',sans-serif;letter-spacing:.2em;color:#9eafb7;margin-top:4px}.nav-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#84939a}.nav-label{margin:52px 12px 14px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px 14px;border-radius:7px;text-decoration:none;color:#b9c5ca;font-size:14px;display:flex;gap:12px;align-items:center}.sidebar nav a.active,.sidebar nav a:hover{background:#243640;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid #2b3b43;padding:18px 5px 0;display:flex;gap:10px;align-items:center;font-size:12px}.sidebar-bottom small,.profile small{display:block;color:#94a3aa;margin-top:3px}.secure-dot{width:9px;height:9px;border-radius:50%;background:#d69a42}.main{margin-left:248px;max-width:1500px;padding:34px clamp(22px,4vw,60px) 25px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{color:#77858b}.topbar h1{font:800 clamp(27px,3vw,36px)/1.1 'Bricolage Grotesque',sans-serif;margin:7px 0 0}.profile{display:flex;align-items:center;gap:10px;font-size:12px}.profile small{color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:#dce6e9;display:grid;place-items:center;font-weight:700;color:#315b6b}.notice{border:1px solid #e6c98b;background:#fff8e8;color:#69501e;border-radius:7px;padding:12px 15px;display:flex;gap:10px;font-size:12px;margin-bottom:20px}.notice b{white-space:nowrap}.welcome{background:linear-gradient(112deg,#172832,#244656);border-radius:10px;color:white;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;min-height:205px;overflow:hidden}.eyebrow.light{color:#9db4be}.welcome h2{font:800 clamp(25px,3vw,36px)/1.08 'Bricolage Grotesque',sans-serif;margin:10px 0}.welcome p{color:#c0cdd2;margin:0;font-size:13px}.welcome-mark{width:96px;height:96px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center;flex:0 0 96px}.welcome-mark img{width:54px;height:54px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.stat{padding:17px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:700}.pill{font-size:9px;border-radius:20px;padding:4px 8px;letter-spacing:.08em}.neutral{background:#edf0f1;color:#69777d}.stat strong{display:block;font:700 19px 'Bricolage Grotesque',sans-serif;margin:13px 0 4px}.stat small{color:var(--muted);font-size:11px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{font:700 20px 'Bricolage Grotesque',sans-serif;margin:5px 0 0}.icon{width:34px;height:34px;border-radius:7px;background:#edf2f3;display:grid;place-items:center;color:var(--blue);font-size:18px}.empty{text-align:center;padding:20px 10px 8px}.empty-icon{font-size:30px;color:#8a9ba2}.empty b,.camera-placeholder b{display:block;font-size:13px;margin:8px 0}.empty p{font-size:11px;color:var(--muted);max-width:320px;margin:0 auto 14px;line-height:1.5}.empty button{border:0;border-radius:5px;background:#263d49;color:white;padding:8px 12px;font:600 11px 'IBM Plex Sans';margin:3px}.empty button:disabled{opacity:.4;cursor:not-allowed}.empty button.secondary{background:#edf0f1;color:#617078}.empty small{display:block;font-size:9px;color:#89969b;margin-top:10px}.camera-placeholder{height:195px;background:repeating-linear-gradient(135deg,#18262e,#18262e 12px,#1d2e37 12px,#1d2e37 24px);border-radius:6px;margin-top:17px;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px}.camera-symbol{font-size:35px;color:#91aab4}.camera-placeholder b{margin:7px 0}.camera-placeholder span{font-size:10px;color:#bdc9ce;max-width:290px;line-height:1.5}.camera-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.camera-foot b{color:#8b969b;letter-spacing:0}.activity{margin-top:14px}.muted{font-size:11px;color:var(--muted)}.event-empty{border-top:1px solid var(--line);margin-top:15px;padding:22px 0 5px;text-align:center;color:var(--muted);font-size:11px}.support{margin-top:14px;background:#a92d2a;border-radius:8px;padding:20px 23px;color:white;display:flex;justify-content:space-between;align-items:center}.support h3{font:700 20px 'Bricolage Grotesque',sans-serif;margin:6px 0}.support p{font-size:11px;color:#f1d8d7;margin:0}.support a{background:white;color:#8d2624;border-radius:5px;padding:10px 13px;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}footer{padding:22px 0 4px;color:#879399;font-size:10px}footer a{color:#596b73}@media(max-width:900px){.sidebar{width:205px}.main{margin-left:205px;padding:25px 20px}.grid-two{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:14px 17px}.brand img{width:30px;height:30px;flex-basis:30px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:13px}.sidebar nav a{padding:9px 11px;white-space:nowrap;font-size:12px}.main{margin:0;padding:20px 14px}.topbar{align-items:flex-start}.profile{font-size:10px}.welcome{padding:22px;min-height:175px}.welcome-mark{width:64px;height:64px;flex:0 0 64px}.welcome-mark img{width:38px;height:38px}.stats{grid-template-columns:1fr}.stat{padding:14px}.support{align-items:flex-start;gap:15px;flex-direction:column}.notice{align-items:flex-start;flex-direction:column;gap:3px}}