:root{--bg:#020617;--panel:#0f172a;--panel2:#1e293b;--line:#334155;--txt:#f8fafc;--muted:#94a3b8;--green:#22c55e;--blue:#60a5fa;--red:#f87171}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.5 Segoe UI,Microsoft YaHei,sans-serif}
a{color:inherit;text-decoration:none} .shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:8px}.sidebar a{padding:10px 12px;border-radius:8px;color:var(--muted)}.sidebar a.on,.sidebar a:hover{background:var(--panel2);color:var(--txt)}.brand{font-size:18px;font-weight:700;padding:6px 8px 16px}.content{flex:1;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page,.login,.user-shell{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.login{max-width:360px;margin:48px auto;display:flex;flex-direction:column;gap:10px}input,button,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--txt)}button{background:var(--blue);border:0;cursor:pointer;font-weight:700}.err{color:var(--red)}