:root{--bg: #f5f7fa;--surface: #ffffff;--text: #1a2332;--muted: #5c6b7a;--primary: #165dff;--primary-hover: #2f6feb;--primary-soft: #e8f3ff;--line: #e7e7e7;--sidebar-w: 240px;--topbar-h: 56px;--shadow: 0 0 24px rgba(0, 0, 0, .04);--radius: 8px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}.om-shell{min-height:100vh;display:flex;flex-direction:column}.om-topbar{min-height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 20px;position:sticky;top:0;z-index:40;gap:12px}.om-topbar .brand{font-weight:700;font-size:1.05rem;color:var(--primary);letter-spacing:-.02em;white-space:nowrap}.om-body{flex:1;display:flex;min-height:0}.om-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:8px}.om-sidebar-title{font-size:.75rem;font-weight:600;color:var(--muted);padding:0 8px 8px;text-transform:none}.om-main{flex:1;padding:24px;min-width:0;background:var(--bg)}.om-page-title{margin:0 0 16px;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.om-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(165deg,#eef3f6,#f5f7fa,#e8eef2)}.om-login-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 24px;box-shadow:var(--shadow)}