:root{color-scheme:dark;--primary: #60a5fa;--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(148, 163, 184, .16);--bg: #0b1120;--card: #151c2c;--code-bg: rgba(148, 163, 184, .12);--sidebar-bg: #0f172a;--sidebar-width: 220px;--sidebar-collapsed-width: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 500px at 10% -10%,rgba(96,165,250,.12),transparent),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:13px}code{padding:2px 8px;border-radius:4px;background:var(--code-bg);color:#dbeafe;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);border-color:var(--border);box-shadow:0 18px 60px #0000006b}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-logo,.logo-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary);color:#fff;font-weight:800}.login-brand .ant-typography{margin:0}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:100;width:var(--sidebar-width);display:flex;flex-direction:column;overflow:hidden;background:var(--sidebar-bg);border-right:1px solid var(--border);transition:width .22s ease}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.sidebar-collapsed .sidebar-logo{justify-content:center;padding-inline:10px;gap:0}.sidebar-brand-text,.nav-label,.sidebar-footer .user-info{max-width:150px;overflow:hidden;opacity:1;transform:translate(0);white-space:nowrap;transition:max-width .14s ease .16s,opacity .14s ease .18s,transform .14s ease .18s}.nav-group-title{max-width:180px;max-height:28px;overflow:hidden;opacity:1;transform:translate(0);white-space:nowrap;transition:max-height .14s ease .12s,padding .14s ease .12s,opacity .14s ease .18s,transform .14s ease .18s}.sidebar-collapsed .sidebar-brand-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer .user-info{max-width:0;opacity:0;transform:translate(-4px);pointer-events:none;transition-delay:0s}.sidebar-collapsed .nav-group-title{max-height:0;padding-block:0;opacity:0;transform:translate(-4px);pointer-events:none;transition-delay:0s}.logo-text{color:#e2e8f0;font-size:15px;font-weight:700}.logo-ver{margin-left:4px;color:var(--text-muted);font-size:11px}.sidebar-nav{flex:1;padding:8px 0 12px;overflow-y:auto}.nav-group{margin-bottom:2px}.nav-group-title{padding:10px 16px 4px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em}.nav-item{display:flex;align-items:center;gap:10px;margin:1px 8px;padding:8px 12px;border-radius:6px;color:#94a3b8;text-decoration:none;transition:background .12s,color .12s,gap .16s ease,padding .16s ease}.nav-item:hover{background:#ffffff0f;color:#e2e8f0}.nav-item.active{background:#60a5fa29;color:var(--primary)}.nav-icon,.nav-label{pointer-events:none}.nav-icon{display:inline-flex;width:20px;justify-content:center}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:10px 8px}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.sidebar-collapsed .sidebar-footer{justify-content:center;gap:0;padding-inline:10px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#60a5fa24;color:var(--primary);font-weight:700}.user-name{max-width:150px;overflow:hidden;color:#e2e8f0;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-muted);font-size:11px}.main{flex:1;min-width:0;margin-left:var(--sidebar-width);transition:margin-left .22s ease}.sidebar-collapsed .main{margin-left:var(--sidebar-collapsed-width)}.topbar{position:sticky;top:0;z-index:50;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--card);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:10px}.breadcrumb{color:var(--text-secondary);font-size:12px}.breadcrumb span{color:var(--text);font-weight:600}.content{padding:20px 22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-header .ant-typography{margin:0}.page-header .ant-typography-secondary{margin-top:4px;max-width:880px}.page-header-extra{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.metric-card .ant-card-body{padding:16px}.metric-dot{width:40px;height:40px;border-radius:10px;border:1px solid var(--border)}.metric-blue{background:#60a5fa29}.metric-green{background:#34d39929}.metric-orange{background:#fbbf2429}.metric-purple{background:#a78bfa29}.metric-red{background:#f8717129}.metric-value{color:var(--text);font-size:22px;font-weight:700;line-height:1.15}.metric-label{margin-top:2px;color:var(--text-secondary)}.metric-hint,.muted{color:var(--text-muted);font-size:12px}.chart-placeholder{min-height:180px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:10px;color:var(--text-secondary);background:#94a3b80f;text-align:center;padding:20px}.filter-bar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:14px}.filter-bar{flex:1 1 auto;min-width:0;width:100%;margin-bottom:14px;flex-wrap:wrap}.filter-bar-row .filter-bar{margin-bottom:0}.table-total-hint{flex:0 0 auto;font-size:13px;color:var(--text-secondary);white-space:nowrap}.notice{margin-bottom:14px;padding:12px 14px;border:1px solid rgba(96,165,250,.24);border-radius:8px;background:#60a5fa1a;color:#cbd5e1;font-size:12px;line-height:1.65}.notice--warning{border-color:#fbbf2447;background:#fbbf2414}.notice-body{margin:8px 0 0;color:var(--text-secondary)}.notice-link{display:inline-block;margin-top:8px;padding:0;border:none;background:none;color:var(--primary);font-size:12px;cursor:pointer;text-decoration:none}.notice-link:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.settings-tab-panel{max-width:560px;padding:16px 0 8px}.settings-advanced-actions{margin-top:12px;margin-bottom:8px}.app-settings-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.table-cell-strong{font-weight:600;color:var(--text)}.copyable-code.ant-typography{margin-bottom:0;max-width:100%}.copyable-code .ant-typography-copy{color:var(--text-muted)}.copyable-code .ant-typography-copy:hover{color:var(--primary)}.detail-item{padding:12px;border:1px solid var(--border);border-radius:8px;background:#0000002e}.detail-label{color:var(--text-muted);font-size:12px}.detail-value{margin-top:4px;color:var(--text);font-weight:600;word-break:break-all}.json-block-wrap{position:relative}.json-block-wrap .json-block-copy{position:absolute;top:8px;right:10px;z-index:1}.json-block{max-height:420px;overflow:auto;margin:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:#0f172a;color:#dbeafe;font-size:12px;line-height:1.6}@media(max-width:760px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar-brand-text,.nav-group-title,.nav-label,.sidebar-footer .user-info{display:none}.main{margin-left:var(--sidebar-collapsed-width)}.page-header{display:block}}