*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--card:#16213e;--accent:#e94560;--blue:#0f3460;--teal:#4ecdc4;--green:#2ecc71;--orange:#f5a623;--text:#fff;--dim:#a0a0b0;--border:#2a2a4a;--danger:#e74c3c;--sidebar-width:240px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}input,select,textarea,button{font-family:inherit;font-size:inherit}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px}.sidebar-brand{color:var(--accent);margin:0;font-size:18px;font-weight:700}.sidebar-subtitle{color:var(--dim);margin:4px 0 0;font-size:13px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-link{color:var(--dim);border-left:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:400;transition:all .2s;display:block;text-decoration:none!important}.nav-link:hover{color:var(--text);background:#ffffff0d;text-decoration:none!important}.nav-link-active{background:var(--blue);border-left-color:var(--accent);font-weight:600;color:var(--text)!important}.sidebar-footer{border-top:1px solid var(--border);padding:16px 20px}.logout-btn{border:1px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:10px 16px;font-size:14px;transition:all .2s}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:32px;overflow:auto}.mobile-navbar{display:none}.hamburger-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.mobile-title{color:var(--accent);font-size:16px;font-weight:600}.sidebar-overlay{display:none}@media (width<=1024px){.main-content{padding:24px}}@media (width<=768px){.mobile-navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:99;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#0009;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:72px 16px 16px}table{white-space:nowrap;display:block;overflow-x:auto}.form-row{flex-direction:column!important}}@media (width<=480px){.main-content{padding:68px 12px 12px}.sidebar{width:100%}}