:root{--nav:#15253a;--nav2:#1d3650;--paper:#f3f6f9;--ink:#172433;--cyan:#2387a5;--amber:#c9831d;--line:#dce4eb;--white:#fff;--side:224px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}.topbar{height:58px;position:fixed;inset:0 0 auto 0;z-index:3;background:#101d2c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.topbar div:first-child{display:flex;gap:14px;align-items:baseline}.topbar b{letter-spacing:.18em}.topbar span,.topbar a{color:#b7c9d8}.sidebar{position:fixed;top:58px;bottom:0;left:0;width:var(--side);background:var(--nav);color:#fff;transition:width .18s}.sidebar nav{padding:18px 10px;overflow:auto;height:100%}.sidebar p{margin:16px 12px 6px;color:#7994aa;font-size:11px;letter-spacing:.12em}.sidebar a{display:block;padding:10px 12px;border-radius:6px;color:#ccdae5;cursor:pointer;white-space:nowrap;overflow:hidden}.sidebar a:hover,.sidebar a.active{background:var(--nav2);color:#fff}.sidebar a.active{box-shadow:inset 3px 0 var(--cyan)}.sidebar-toggle{position:absolute;right:-12px;top:16px;width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:var(--nav);box-shadow:0 2px 8px #0003;cursor:pointer}.main-shell{position:fixed;left:var(--side);top:58px;right:0;bottom:0;display:flex;flex-direction:column;transition:left .18s}.data-freshness-rail{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));background:#fff;border-bottom:1px solid var(--line);padding:10px 18px;gap:1px}.data-freshness-rail span{padding:3px 14px;border-left:2px solid #d7e2e9}.data-freshness-rail span:first-child{border-color:var(--cyan)}.data-freshness-rail small{display:block;color:#718193;font-size:11px}.data-freshness-rail b{display:block;font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{height:42px;background:#e8eef3;border-bottom:1px solid var(--line);padding:6px 12px 0}.tabs button{border:1px solid var(--line);border-bottom-color:#fff;background:#fff;padding:8px 18px;border-radius:6px 6px 0 0;color:var(--ink)}#content-frame{width:100%;flex:1;border:0;background:var(--paper)}.sidebar-collapsed .sidebar{width:64px}.sidebar-collapsed .sidebar nav p,.sidebar-collapsed .sidebar nav a{font-size:0}.sidebar-collapsed .sidebar nav a:before{content:"•";font-size:20px}.sidebar-collapsed .main-shell{left:64px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#214661,#101d2c 62%)}.login-card{width:min(420px,calc(100% - 32px));padding:38px;background:#fff;border-radius:14px;box-shadow:0 30px 80px #0006}.signal-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--cyan);color:#fff;font-weight:800;border-radius:8px;transform:skew(-7deg)}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.16em}.login-card h1{margin:8px 0}.login-card label{display:grid;gap:6px;margin:18px 0;color:#536373}.login-card input{padding:12px;border:1px solid var(--line);border-radius:6px}.login-card button{width:100%;padding:12px;border:0;border-radius:6px;background:var(--cyan);color:#fff;font-weight:700}.alert.error{padding:10px;background:#fff0ed;color:#a53727;border-left:3px solid #c94f3d}@media(max-width:760px){.sidebar{width:64px}.sidebar nav p,.sidebar nav a{font-size:0}.sidebar nav a:before{content:"•";font-size:20px}.main-shell{left:64px}.data-freshness-rail{grid-template-columns:1fr 1fr}}