.shell{display:flex;min-height:100vh}.shell-nav{width:200px;flex:0 0 200px;border-right:.5px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;background:var(--surface-0);position:sticky;top:0;height:100vh}.shell-logo{display:flex;align-items:center;gap:8px;padding:2px 8px 14px;font-size:17px;font-weight:500}.shell-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);font-size:14px;color:var(--text-secondary);text-decoration:none}.shell-nav-item:hover{background:var(--surface-1)}.shell-nav-item.on{background:var(--surface-2);border:.5px solid var(--border);color:var(--text-primary)}.shell-nav-item i{font-size:18px}.shell-section{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px 10px}.shell-user{margin-top:auto;display:flex;align-items:center;gap:8px;padding:8px;border-top:.5px solid var(--border)}.shell-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-accent);color:var(--text-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex:0 0 28px}.shell-main{flex:1;min-width:0;padding:20px 24px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end;z-index:50}.drawer-panel{width:360px;max-width:92vw;height:100%;background:var(--surface-2);border-left:.5px solid var(--border);padding:16px 18px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-body{display:flex;flex-direction:column;gap:12px;flex:1}.drawer-body label{font-size:12px;color:var(--text-secondary);display:block}.drawer-body label input,.drawer-body label select,.drawer-body label textarea{width:100%;margin-top:4px}.drawer-footer{margin-top:16px;padding-top:14px;border-top:.5px solid var(--border);display:flex;gap:8px}.drawer-footer button{flex:1}:root{--surface-0: #f7f6f2;--surface-1: #f0efe9;--surface-2: #ffffff;--surface-3: #ffffff;--text-primary: #1a1a18;--text-secondary: #5f5e5a;--text-muted: #888780;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .22);--border-accent: #185fa5;--bg-accent: #e6f1fb;--text-accent: #0c447c;--bg-warning: #faeeda;--text-warning: #633806;--bg-danger: #fcebeb;--text-danger: #791f1f;--bg-success: #eaf3de;--text-success: #27500a;--fill-primary: #1a1a18;--on-primary: #ffffff;--radius: 8px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-voice: Georgia, "Times New Roman", serif}@media (prefers-color-scheme: dark){:root{--surface-0: #171715;--surface-1: #1f1f1c;--surface-2: #26261f;--surface-3: #2c2c28;--text-primary: #f1efe8;--text-secondary: #b4b2a9;--text-muted: #888780;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--border-accent: #378ade;--bg-accent: #0c447c;--text-accent: #b5d4f4;--bg-warning: #854f0b;--text-warning: #fac775;--bg-danger: #791f1f;--text-danger: #f7c1c1;--bg-success: #27500a;--text-success: #c0dd97;--fill-primary: #f1efe8;--on-primary: #171715}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;margin:0}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}p{line-height:1.6;margin:0}button,input,select,textarea{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{height:36px;padding:0 10px;border:.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text-primary)}textarea{height:auto;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--border-accent)}button{cursor:pointer;border:.5px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);border-radius:var(--radius);padding:8px 14px;font-size:14px;-webkit-tap-highlight-color:transparent}button:hover{background:var(--surface-1)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--fill-primary);color:var(--on-primary);border:none}button.primary:hover{opacity:.9}a{color:var(--text-accent)}.card{background:var(--surface-2);border:.5px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.metric{background:var(--surface-1);border-radius:var(--radius);padding:12px 14px}.metric .label{font-size:13px;color:var(--text-secondary)}.metric .value{font-size:22px;font-weight:500;margin-top:2px}.metric .unit{font-size:13px;color:var(--text-muted);font-weight:400}.pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:99px;white-space:nowrap}.pill-accent{background:var(--bg-accent);color:var(--text-accent)}.pill-warning{background:var(--bg-warning);color:var(--text-warning)}.pill-danger{background:var(--bg-danger);color:var(--text-danger)}.pill-success{background:var(--bg-success);color:var(--text-success)}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:12px;color:var(--text-muted);font-weight:400;padding:6px;border-bottom:.5px solid var(--border)}td{padding:6px;border-bottom:.5px solid var(--border);font-size:13px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}