:root{color-scheme:light;--bg: #f3f6f5;--ink: #102a27;--panel: #ffffff;--line: #d7e3df}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:IBM Plex Sans,Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#c8ebe4 0%,transparent 55%),radial-gradient(900px 400px at 100% 0%,#e7f0ff 0%,transparent 50%),var(--bg)}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 28px 22px;box-shadow:0 20px 50px #102a2714}.loginBrand{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.loginSub{margin:0 0 20px;color:#5b726d;font-size:14px}.appShell{min-height:100vh;display:flex;flex-direction:column}.appHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.appTitle{font-weight:700;font-size:18px}.appBody{display:grid;grid-template-columns:220px 1fr;gap:0;flex:1;min-height:0}.appNav{border-right:1px solid var(--line);background:#ffffffb3;padding:16px 12px}.appContent{padding:24px;max-width:1100px}@media (max-width: 860px){.appBody{grid-template-columns:1fr}.appNav{border-right:none;border-bottom:1px solid var(--line)}}