*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#1a1a2e}#app{display:flex;min-height:100vh}a{text-decoration:none;color:inherit}.sidebar{width:220px;min-width:220px;background:linear-gradient(180deg,#0d1b3e,#162447);color:#a8b2c1;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:24px 20px 20px;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar-nav{flex:1;padding:12px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;font-size:14px;color:#a8b2c1;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#e8eaed}.nav-item--active{background:rgba(26,115,232,.2);color:#7baaf7;border-left-color:#7baaf7;font-weight:600}.nav-icon{margin-right:10px;font-size:16px}.sidebar-footer{padding:16px 20px;font-size:11px;border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-footer .sidebar-info{line-height:1.8}.role-switch{width:100%;margin:8px 0;padding:6px;border-radius:4px;background:#fff}.main{margin-left:220px;flex:1;padding:24px;min-width:0}.sidebar{width:232px;min-width:232px;background:#101e36;color:#aebcd0}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:28px 22px;font-size:23px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#4f7cff;font-size:22px;letter-spacing:-2px}.sidebar-logo small{display:block;margin-top:5px;font-size:8px;letter-spacing:1.8px;color:#8eabc9;font-weight:500}.sidebar-nav{padding:16px 12px;overflow-y:auto;min-height:0}.sidebar .nav-item{margin-bottom:5px;padding:12px 13px;border:0;border-radius:9px;font-size:13px;color:#aebcd0}.sidebar .nav-item--active{background:#274779;color:#fff;box-shadow:inset 3px 0 #80a8ff}.sidebar .nav-icon{width:21px;text-align:center;opacity:.85}.sidebar-footer{padding:16px 24px;background:#0c182d}.sidebar-footer .role-switch{background:#1d304d;color:#e5edfa;border:1px solid #354763;padding:8px}.main{margin-left:232px;padding:28px;background:#f3f6fa;color:#26364e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.main>div{background-color:transparent}.main .page-title h1{color:#172b49;letter-spacing:-.6px}.main .panel{border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 3px 12px #172b4904}.main .filter-bar{gap:12px}.main .filter-input,.main .filter-select{border-color:#dbe3ef;border-radius:8px;min-height:38px}.main .data-table th{color:#6b7a90;background:#f8fafc;font-size:11px;font-weight:600;padding-top:14px;padding-bottom:14px}.main .data-table td{border-bottom-color:#eef2f7;padding-top:13px;padding-bottom:13px;font-variant-numeric:tabular-nums}.main .data-table tbody tr:hover{background:#f7faff}.main button{transition:background .15s,box-shadow .15s}.main a:focus-visible,.main button:focus-visible,.sidebar a:focus-visible{outline:3px solid #91b5ff;outline-offset:3px}@media (max-width:1100px){.main{padding:20px}}@media (max-width:760px){.sidebar{position:relative;width:100%;min-width:0}#app:has(>.sidebar){flex-direction:column}.sidebar-logo{padding:14px 18px}.sidebar-nav{display:flex;flex:none;overflow-x:auto;padding:8px 12px}.sidebar .nav-item{white-space:nowrap;margin:0 4px 0 0}.sidebar-footer{padding:8px 18px;display:flex;align-items:center;gap:16px}.sidebar-footer .role-switch{width:auto;margin:0}.main{margin-left:0;padding:16px;width:100%}}