.login-page[data-v-40e489aa]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27 0%,#0f172a 50%,#1a1f3a 100%)}.login-card[data-v-40e489aa]{width:400px;max-width:90vw;padding:48px 40px;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.12);border-radius:16px;text-align:center;box-shadow:0 8px 48px #0006}.login-logo[data-v-40e489aa]{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}h1[data-v-40e489aa]{font-size:20px;font-weight:700;color:#e2e8f0;margin:0 0 4px}.login-sub[data-v-40e489aa]{font-size:12px;color:#64748b;margin:0 0 32px}.login-form[data-v-40e489aa]{text-align:left}.field[data-v-40e489aa]{margin-bottom:20px}.field label[data-v-40e489aa]{display:block;font-size:13px;color:#94a3b8;margin-bottom:6px}.field input[data-v-40e489aa]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.15);background:rgba(10,14,39,.6);color:#e2e8f0;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.field input[data-v-40e489aa]:focus{border-color:#00d4ff66}.field input[data-v-40e489aa]::placeholder{color:#475569}.login-error[data-v-40e489aa]{color:#f43f5e;font-size:13px;margin:-8px 0 16px}.login-btn[data-v-40e489aa]{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .1s}.login-btn[data-v-40e489aa]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn[data-v-40e489aa]:disabled{opacity:.4;cursor:not-allowed}.spinner[data-v-40e489aa]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-40e489aa .6s linear infinite}@keyframes spin-40e489aa{to{transform:rotate(360deg)}}.sidebar[data-v-ee34c414]{width:200px;min-width:200px;background:rgba(10,14,39,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:60}.sidebar-head[data-v-ee34c414]{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo[data-v-ee34c414]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--accent));display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;flex-shrink:0}.sidebar-title h2[data-v-ee34c414]{font-size:14px;font-weight:600;line-height:1.2}.sidebar-title p[data-v-ee34c414]{font-size:10px;color:var(--muted)}.side-nav[data-v-ee34c414]{flex:1;padding:2px 10px;display:flex;flex-direction:column;gap:0;justify-content:space-between}.side-btn[data-v-ee34c414]{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;flex:1;min-height:0;border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:all .15s;font-family:inherit}.side-btn[data-v-ee34c414]:hover{background:rgba(0,212,255,.08);color:var(--text)}.side-btn.active[data-v-ee34c414]{background:rgba(0,212,255,.12);color:var(--cyan)}.side-btn-icon[data-v-ee34c414]{font-size:20px;width:28px;text-align:center;flex-shrink:0}.side-btn-arrow[data-v-ee34c414]{margin-left:auto;font-size:9px;opacity:.4}.sidebar-foot[data-v-ee34c414]{padding:6px 14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.logout-btn[data-v-ee34c414]{color:var(--red);cursor:pointer}.flyout[data-v-ee34c414]{position:fixed;left:200px;top:12vh;width:280px;max-height:76vh;background:rgba(15,23,42,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:12px;z-index:65;display:flex;flex-direction:column;box-shadow:8px 8px 32px #0006}.flyout-head[data-v-ee34c414]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.flyout-head h3[data-v-ee34c414]{font-size:14px;font-weight:600}.flyout-head button[data-v-ee34c414]{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px}.flyout-head button[data-v-ee34c414]:hover{background:rgba(255,71,87,.1);color:var(--red)}.flyout-body[data-v-ee34c414]{padding:6px 0}.flyout-group[data-v-ee34c414]{padding:6px 16px}.flyout-group+.flyout-group[data-v-ee34c414]{border-top:1px solid rgba(148,163,184,.06)}.flyout-group-title[data-v-ee34c414]{display:block;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;padding:6px 0}.flyout-group-title[data-v-ee34c414]:hover{color:var(--cyan)}.flyout-subs[data-v-ee34c414]{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0 8px}.flyout-sub[data-v-ee34c414]{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;color:var(--muted);text-decoration:none;background:rgba(0,212,255,.04);border:1px solid transparent;transition:all .15s}.flyout-sub[data-v-ee34c414]:hover{background:rgba(0,212,255,.1);color:var(--cyan);border-color:#00d4ff33}.flyout-overlay[data-v-ee34c414]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:64;background:rgba(0,0,0,.2)}.app-layout[data-v-5dc4beb5]{display:flex;min-height:100vh}.main[data-v-5dc4beb5]{margin-left:200px;flex:1;padding:50px 28px 28px;max-width:none}.topbar[data-v-5dc4beb5]{display:flex;justify-content:space-between;align-items:center;padding:6px 28px;border-bottom:1px solid var(--border);font-size:12px;position:fixed;top:0;left:200px;right:0;z-index:101;background:rgba(10,14,39,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.breadcrumb[data-v-5dc4beb5]{font-size:12px;color:var(--muted)}.subtitle[data-v-5dc4beb5]{font-size:11px;color:var(--muted);margin-left:12px}.user-name[data-v-5dc4beb5]{color:var(--cyan);font-weight:600}.divider[data-v-5dc4beb5]{color:var(--muted);margin:0 8px}.page-content[data-v-5dc4beb5]{padding-top:4px}.spacer[data-v-5dc4beb5]{flex:1}.logout-btn[data-v-5dc4beb5]{margin-left:8px;background:none;border:1px solid var(--border);color:var(--muted);font-size:14px;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .15s}.logout-btn[data-v-5dc4beb5]:hover{background:rgba(255,71,87,.1);color:#f43f5e;border-color:#ff47574d}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e27;color:#64748b;font-size:16px}:root{--bg: #0a0e27;--card: rgba(15, 23, 42, .8);--card-solid: #0f172a;--card-border: rgba(0, 212, 255, .3);--card-border-hover: rgba(0, 212, 255, .6);--border: rgba(148, 163, 184, .2);--border-hover: rgba(148, 163, 184, .35);--text: #e2e8f0;--muted: #94a3b8;--cyan: #00d4ff;--green: #00ff88;--gold: #ffd700;--purple: #c084fc;--red: #ff4757;--orange: #ff9f43;--accent: #9333ea;--radius: 12px;--glow-outer: 0 0 20px rgba(0, 212, 255, .1);--glow-inner: inset 0 0 30px rgba(0, 212, 255, .05);--glow-hover: 0 0 30px rgba(0, 212, 255, .2), inset 0 0 40px rgba(0, 212, 255, .1);--sidebar-width: 200px}body.light{--bg: #f0f2f5;--card: #fff;--card-solid: #fff;--card-border: rgba(0, 0, 0, .08);--card-border-hover: rgba(0, 0, 0, .15);--border: rgba(0, 0, 0, .1);--text: #1a1a1a;--muted: #888;--cyan: #0066cc;--green: #00aa55;--gold: #cc8800;--purple: #7733cc;--red: #cc2233;--orange: #dd6600}body.shudongpo{--bg: #f5f6f8;--card: #fff;--card-solid: #fff;--card-border: #e8eaed;--card-border-hover: #07c160;--border: #e4e7ed;--text: #303133;--muted: #909399;--cyan: #07c160;--green: #00a854;--gold: #e6a23c;--purple: #722ed1;--red: #f56c6c;--orange: #e6a23c;--accent: #05a04f;--radius: 8px;--glow-outer: 0 1px 3px rgba(0, 0, 0, .06);--glow-inner: none;--glow-hover: 0 2px 12px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#app{display:flex;min-height:100vh}.btn{padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--accent));color:#0a0e27;border:1px solid rgba(0,212,255,.5);font-weight:600;box-shadow:0 0 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d4ff80}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}.btn-sm{padding:4px 10px;font-size:11px}.btn-xs{padding:2px 7px;font-size:10px;border-radius:4px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;box-shadow:var(--glow-outer),var(--glow-inner)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.card-title{font-size:15px;font-weight:600}.card-subtitle{font-size:12px;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.tag-cyan{background:rgba(0,212,255,.12);color:var(--cyan)}.tag-green{background:rgba(0,255,136,.12);color:var(--green)}.tag-gold{background:rgba(255,215,0,.12);color:var(--gold)}.tag-purple{background:rgba(192,132,252,.12);color:var(--purple)}.tag-red{background:rgba(255,71,87,.12);color:var(--red)}.tag-orange{background:rgba(255,159,67,.12);color:var(--orange)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi-grid.col5{grid-template-columns:repeat(5,1fr)}.kpi-grid.col3{grid-template-columns:repeat(3,1fr)}.kpi-grid.col6{grid-template-columns:repeat(6,1fr)}.kpi-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px 20px;transition:all .3s;box-shadow:var(--glow-outer),var(--glow-inner)}.kpi-card:hover{border-color:var(--card-border-hover);box-shadow:var(--glow-hover)}.kpi-card .kpi-label{font-size:12px;color:var(--cyan);margin-bottom:4px;font-weight:500}.kpi-card .kpi-value{font-size:28px;font-weight:700;line-height:1;text-align:center}.kpi-card .kpi-sub{font-size:10px;color:var(--muted);margin-top:4px;text-align:center}.kpi-up{color:var(--green)}.kpi-down{color:var(--red)}.page-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--card-border);padding-bottom:0}.page-tabs a{padding:8px 16px;font-size:13px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s;cursor:pointer}.page-tabs a:hover,.page-tabs a.active{color:var(--cyan);border-bottom-color:var(--cyan)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.text-center{text-align:center}.text-muted{color:var(--muted)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}@media (max-width: 1200px){.kpi-grid,.kpi-grid.col5,.kpi-grid.col6{grid-template-columns:repeat(3,1fr)}.three-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kpi-grid,.kpi-grid.col5,.kpi-grid.col3{grid-template-columns:repeat(2,1fr)}.two-col,.three-col{grid-template-columns:1fr}}