:root{--primary:#294d4a;--mint:#d7fefa;--bg:#f8f9fa;--line:#c0c8c6;--muted:#414847}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:flex;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#191c1d}[hidden]{display:none!important}.material-symbols-outlined{font-family:Material Symbols Outlined;font-size:20px;vertical-align:middle;line-height:1}.login-view{width:100%;min-height:100%;display:grid;place-items:center;padding:24px;background:#eef1f0}.login-panel{width:min(380px,100%);display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #d6dddb;border-radius:8px;box-shadow:0 16px 42px #191c1d1f}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-brand>.material-symbols-outlined{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-size:24px}.login-brand h1{margin:0;font:700 22px/1.2 Hanken Grotesk,Inter,sans-serif;color:var(--primary)}.login-brand p{margin:4px 0 0;font-size:12px;color:var(--muted)}.login-panel label{margin:0 0 6px;font-size:12px;font-weight:600;color:#35413f}.login-panel input{width:100%;height:44px;margin:0 0 16px;padding:0 12px;border:1px solid #aeb9b6;border-radius:6px;background:#fff;color:#191c1d;font:500 14px Inter,sans-serif;outline:none}.login-panel input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #294d4a1f}.login-panel>button{height:44px;margin-top:4px;border:0;border-radius:6px;background:var(--primary);color:#fff;font:700 14px Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.login-panel>button:hover{background:#365e5a}.login-panel>button:disabled{opacity:.62;cursor:wait}.login-error{margin:0 0 12px;padding:9px 10px;border:1px solid #efc5c0;border-radius:6px;background:#fff3f1;color:#982f28;font-size:12px;line-height:1.5}.login-error.is-success{border-color:#b8ddd2;background:#effaf6;color:#225f50}#nav{width:260px;height:100vh;position:fixed;left:0;top:0;background:#f3f4f5;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 0;overflow-y:auto;transition:width .2s ease,transform .2s ease}.brand{padding:0 14px 16px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:56px}.brand-copy{min-width:0}.brand h1{font-family:Hanken Grotesk;font-size:20px;color:var(--primary);margin:0;white-space:nowrap}.brand p{font-size:11px;letter-spacing:.1em;color:var(--muted);margin:4px 0 0;text-transform:uppercase}.nav-collapse{width:32px;height:32px;flex:0 0 32px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.nav-collapse:hover{background:#e7e8e9;border-color:#d5dcda}.nav-collapse:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-collapse .material-symbols-outlined{font-size:19px}.grp{display:block}.grp>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:10px 20px;color:var(--muted);cursor:pointer;border-left:4px solid transparent}.grp>button:hover{background:#e7e8e9}.grp.on>button{color:var(--primary);font-weight:700}.nav-icon{flex:0 0 20px}.nav-label{flex:1;min-width:0;white-space:nowrap}.chev{margin-left:auto;font-size:18px;transition:transform .2s}.grp.open .chev{transform:rotate(180deg)}.sub{list-style:none;margin:0;padding:0 0 4px}.sub.hide{display:none}.sub a{display:block;padding:8px 20px 8px 52px;color:var(--muted);text-decoration:none;font-size:13px;cursor:pointer}.sub a:hover{background:#e7e8e9}.sub a.active{background:var(--mint);color:var(--primary);font-weight:700}.single a{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--muted);text-decoration:none;border-left:4px solid transparent;cursor:pointer}.single a:hover{background:#e7e8e9}.single a.active{border-left-color:var(--primary);background:#d7fefa80;color:var(--primary);font-weight:700}#main{flex:1;margin-left:260px;height:100vh;display:flex;flex-direction:column;transition:margin-left .2s ease}#topbar{height:56px;flex:0 0 56px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#edeeef}.topbar-title{display:flex;align-items:center;gap:10px;min-width:0}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.logout-button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--primary);cursor:pointer}.logout-button:hover{background:#dfe4e3;border-color:#cbd3d1}.logout-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.logout-button .material-symbols-outlined{font-size:19px}#navToggle,#navBackdrop{display:none}#crumb{font-family:Hanken Grotesk;font-weight:700;color:var(--primary)}.status{font-size:12px;color:var(--muted)}.status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot.ok{background:#006d37}.dot.bad{background:#ba1a1a}.dot.wait{background:#8a5a00}#frame{flex:1;width:100%;border:0;background:#fff}@media(min-width:721px){body.nav-collapsed #nav{width:72px}body.nav-collapsed #main{margin-left:72px}body.nav-collapsed .brand{padding:0 12px 16px;justify-content:center;align-items:center}body.nav-collapsed .brand-copy,body.nav-collapsed .nav-label,body.nav-collapsed .chev{display:none}body.nav-collapsed .nav-collapse{width:40px;height:36px;flex-basis:40px}body.nav-collapsed .grp>button,body.nav-collapsed .single a{width:48px;min-height:42px;margin:0 12px;padding:10px 0;justify-content:center;border-left:0;border-radius:6px}body.nav-collapsed .grp.on>button,body.nav-collapsed .single a.active{background:var(--mint)}body.nav-collapsed .sub{display:none!important}}@media(max-width:720px){#nav{width:min(280px,calc(100vw - 48px));z-index:40;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 12px 30px #191c1d2e}#nav .nav-collapse{display:none}body.nav-open #nav{transform:translate(0)}#navBackdrop{position:fixed;inset:0 0 0 min(280px,calc(100vw - 48px));z-index:35;border:0;background:#191c1d5c;cursor:pointer}body.nav-open #navBackdrop{display:block}#main{margin-left:0;width:100%;min-width:0}#topbar{height:52px;flex-basis:52px;padding:0 12px;gap:10px}#navToggle{display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--primary);cursor:pointer}#navToggle:hover{background:#dfe4e3}#crumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{max-width:60%}.topbar-actions .status{max-width:calc(100% - 44px)}}