:root,:root[data-theme=dark]{--bg:#0b0e14;--fg:#e6edf3;--muted:#8b949e;--accent:#4f8cff;--card:#131826;--border:#232a3b}:root[data-theme=light]{--bg:#f6f8fa;--fg:#1f2328;--muted:#656d76;--accent:#2563eb;--card:#fff;--border:#d8dee4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.ff{width:100%;position:relative}.ff>input,.ff>select{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:18px 10px 6px;font-size:14px;line-height:1.2}.ff>input:focus,.ff>select:focus{border-color:var(--accent);outline:none}.ff>label{color:var(--muted);pointer-events:none;font-size:14px;transition:all .15s;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.ff>input:focus+label,.ff>input:not(:placeholder-shown)+label,.ff>select+label{color:var(--accent);font-size:11px;top:4px;transform:none}.ff.invalid>input,.ff.invalid>select{border-color:#e5484d}.ff.invalid>label{color:#e5484d}.ff.with-icon>input{padding-left:34px}.ff.with-icon>label{left:34px}.ff>.ff-lead{color:var(--muted);pointer-events:none;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ff.with-eye>input{padding-right:38px}.ff>.ff-eye{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ff>.ff-eye:hover{color:var(--fg)}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0}.app-nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:12px 10px;display:flex;overflow-y:auto}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-main-inner{width:100%;max-width:1440px;margin:0 auto;padding:28px 36px}@media (max-width:820px){.app-shell{flex-direction:column}.app-sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:30;width:100%;height:auto;position:sticky;top:0}.app-nav{flex-direction:row;gap:4px;overflow:auto hidden}.app-nav a{white-space:nowrap}.app-main-inner{padding:16px}}.scroll-x{overflow-x:auto}