:root{--ink:#14181f;--ink-2:#232a36;--surface:#f5f6f3;--card:#ffffff;--accent:#e2762a;--accent-dark:#b85a1b;--teal:#2c6e63;--ok:#2f9e58;--ok-bg:#e8f5ec;--warn:#d94f4f;--warn-bg:#fceaea;--muted:#6b7280;--line:#e6e7e3;--radius:10px}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--surface);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;-webkit-tap-highlight-color:transparent}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.display{font-family:Space Grotesk,sans-serif}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:232px;flex-shrink:0;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.app-logo{display:flex;align-items:center;gap:9px;padding:4px 8px 16px}.app-logo img{width:30px;height:30px;border-radius:8px;flex-shrink:0}.app-logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em}.app-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.app-nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#b7bcc6;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s ease}.app-nav-item:hover{background:#232a36;color:#fff}.app-nav-item.active{background:var(--accent);color:#fff}.app-nav-icon{width:16px;height:16px;flex-shrink:0;display:inline-flex}.app-footer{border-top:1px solid #333b48;padding-top:12px;margin-top:10px}.app-main{flex:1 1;min-width:0;padding:26px 28px 60px}@media (max-width:860px){.app-shell{flex-direction:column}.app-sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 14px;gap:10px}.app-logo{padding:0}.app-nav{flex-direction:row;flex-wrap:wrap;flex:1 1}.app-footer{border-top:none;margin:0;padding:0}.app-main{padding:18px}}