:root{--bg: #09090b;--surface: #111113;--surface2: #18181b;--border: #26262b;--txt: #f4f4f5;--txt2: #a1a1aa;--txt3: #71717a;--blue: #3b82f6;--blue-solid: #2563eb;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--txt);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.hamburger{display:inline-flex;flex-direction:column;gap:4px;width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer}.hamburger span{width:16px;height:1.5px;background:var(--txt2);border-radius:2px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--txt);text-decoration:none;font-weight:800}.brand-name{font-size:15px}.backdrop{position:fixed;inset:0;z-index:38;background:#0000008c;border:0}.sidebar{position:fixed;top:57px;bottom:0;left:0;width:240px;transform:translate(-100%);transition:transform .2s ease;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40;padding:12px}.sidebar.open{transform:translate(0)}.sidebar-brand{display:none;align-items:center;gap:8px;font-weight:800;padding:6px 8px 14px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--txt2);text-decoration:none;font-weight:500}.nav-item:hover{background:var(--surface2);color:var(--txt)}.nav-item.active{background:var(--surface2);color:var(--txt);font-weight:700}.sidebar-footer{margin-top:auto;color:var(--txt3);font-size:12px;padding:8px}.app-main{padding:20px 16px 48px}.page-title{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}.page-sub{color:var(--txt2);margin:0 0 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-width:0}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-num{font-size:24px;font-weight:800}.stat-label{color:var(--txt2);font-size:13px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--txt);font-weight:700;cursor:pointer;text-decoration:none}.btn-solid{background:var(--blue);border-color:var(--blue);color:#fff}.btn-solid:hover{background:var(--blue-solid)}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--txt);font:inherit;min-width:0}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.form-label{font-size:13px;color:var(--txt2);font-weight:600}.form-wrap{max-width:420px}@media(min-width:768px){.app-header,.backdrop{display:none}.sidebar{transform:none;top:0}.sidebar-brand{display:flex}.app-main{margin-left:240px;padding:28px 28px 56px}}