*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--panel:#1e293b;--panel2:#263449;--text:#e2e8f0;--muted:#94a3b8;--brand:#2563eb;--border:#334155;--green:#22c55e;--yellow:#eab308;--orange:#f97316;--red:#ef4444;--gray:#64748b}body,html{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:4px}.nav-item{padding:10px 12px;border-radius:8px;color:var(--muted);cursor:pointer;display:block}.nav-item:hover{background:var(--panel2);color:var(--text)}.nav-item.active{background:var(--brand);color:#fff}.main{flex:1 1;min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.hamburger{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer}.backdrop,.hamburger{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.btn{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer}.btn-ghost{background:transparent;padding:8px 14px;cursor:pointer}.btn-ghost,.input{border:1px solid var(--border);color:var(--text);border-radius:8px}.input{width:100%;padding:10px 12px;background:var(--bg)}.label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.field{margin-bottom:14px}@media (max-width:768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform .2s ease;z-index:50}.sidebar.open{transform:translateX(0)}.hamburger{display:inline-flex}.backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40}}