:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;height:100vh;margin:0;padding:0}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a}.highlight{color:#f0a020;font-weight:700}.highlight-red{color:#d03050;font-weight:700}.highlight-green{color:#18a058;font-weight:700}.highlight-blue{color:#2080f0;font-weight:700}.risk-metrics{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px 0}.metric-item{text-align:center;width:100%;padding:10px 0}.metric-label{font-size:12px;color:#888;margin-bottom:4px}.metric-value{font-size:24px;font-family:Monaco,Consolas,monospace}.metric-desc{font-size:11px;color:#666;margin-top:4px}.metric-divider{width:80%;height:1px;background-color:#ffffff1a;margin:5px 0}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#666}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.glass-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.05)}.metric-divider{background-color:#0000000d}}.text-green{color:#18a058;font-weight:700}.text-red{color:#d03050;font-weight:700}body{margin:0;font-family:Nunito,PingFang SC,sans-serif;overflow:hidden;color:var(--text-color);transition:color .3s ease}.login-layout{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}:root{--glass-bg: rgba(255, 255, 255, .3);--sider-bg: linear-gradient(135deg, rgba(255, 255, 255, .7), rgba(255, 240, 245, .6));--header-bg: linear-gradient(90deg, rgba(255, 255, 255, .5), rgba(255, 245, 250, .4));--card-bg: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(255, 245, 247, .7));--card-shadow: 0 8px 32px 0 rgba(255, 192, 203, .15);--card-shadow-start: 0 8px 32px 0 rgba(255, 192, 203, .15);--card-shadow-end: 0 12px 40px 0 rgba(255, 182, 193, .25);--card-shadow-hover: 0 15px 45px 0 rgba(255, 105, 180, .2);--breathe-color-start: rgba(102, 204, 255, .1);--breathe-color-end: rgba(102, 204, 255, .4);--text-color: #333;--profile-bg: rgba(255,255,255,.5);--profile-bg-hover: rgba(255,255,255,.8)}[data-theme=dark]{--glass-bg: rgba(0, 0, 0, .6);--sider-bg: linear-gradient(135deg, rgba(20, 20, 30, .8), rgba(40, 0, 40, .7));--header-bg: linear-gradient(90deg, rgba(20, 20, 30, .7), rgba(0, 40, 40, .6));--card-bg: linear-gradient(145deg, rgba(30, 30, 40, .8), rgba(10, 10, 20, .85));--card-shadow: 0 8px 32px 0 rgba(0, 255, 255, .1);--card-shadow-start: 0 8px 32px 0 rgba(0, 255, 255, .1);--card-shadow-end: 0 12px 40px 0 rgba(255, 0, 255, .2);--card-shadow-hover: 0 15px 45px 0 rgba(0, 255, 255, .3);--breathe-color-start: rgba(255, 0, 255, .1);--breathe-color-end: rgba(0, 255, 255, .3);--text-color: #fff;--profile-bg: rgba(255,255,255,.1);--profile-bg-hover: rgba(255,255,255,.2)}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-color:#f0f2f5}.bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 1.5s ease-in-out}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;transition:background .3s ease}.main-layout{height:100vh;animation:window-breathe 8s infinite ease-in-out}@keyframes window-breathe{0%,to{box-shadow:inset 0 0 20px var(--breathe-color-start)}50%{box-shadow:inset 0 0 50px var(--breathe-color-end)}}.glass-sider{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.4);background:var(--sider-bg)!important;transition:background .3s ease}.glass-header{background:var(--header-bg)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.4);height:64px;display:flex;align-items:center;padding:0 24px;transition:background .3s ease}.glass-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:var(--card-bg)!important;animation:breathe 6s infinite ease-in-out;color:var(--text-color)}@keyframes breathe{0%,to{box-shadow:var(--card-shadow-start)}50%{box-shadow:var(--card-shadow-end)}}.glass-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.logo-container{height:64px;display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:1px solid rgba(0,0,0,.05)}.logo-text{font-weight:700;font-size:16px;color:var(--text-color);transition:color .3s ease}.user-profile{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:10px;padding:10px;background:var(--profile-bg);border-radius:12px;transition:background .3s;cursor:pointer}.user-profile:hover{background:var(--profile-bg-hover)}.user-info{display:flex;flex-direction:column}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background-color:#18a058;box-shadow:0 0 8px #18a058}