@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-page: #0A0B0E;--bg-surface: #111318;--bg-surface-2: #151821;--bg-muted: #1A1D26;--bg-hover: #181B23;--bg-active: #1B2332;--border: #1F232D;--border-soft: #181B23;--border-strong: #2A2F3B;--text-1: #F3F5F8;--text-2: #C8CDD6;--text-3: #7A818E;--text-4: #545A66;--text-5: #363B44;--accent: #3B82F6;--accent-hover: #2563EB;--accent-soft: rgba(59, 130, 246, .12);--accent-line: rgba(59, 130, 246, .18);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-xs: 0 1px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--text-1);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}#root{position:relative}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2f3b;border-radius:5px;border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:#3a4150}::-moz-selection{background:var(--accent-soft);color:var(--text-1)}::selection{background:var(--accent-soft);color:var(--text-1)}.ant-card{transition:border-color .16s ease,background .16s ease;box-shadow:inset 0 1px #ffffff08}.ant-card:hover{border-color:var(--border-strong)!important}.ant-card>.ant-card-head{border-bottom:1px solid var(--border-soft)!important}.ant-card>.ant-card-head .ant-card-head-title{font-weight:600;letter-spacing:-.1px}.ant-statistic-title{text-transform:uppercase;letter-spacing:.6px;font-weight:500;margin-bottom:10px!important}.ant-statistic-content{font-weight:700!important;letter-spacing:-.8px;line-height:1.1!important}.ant-statistic-content-prefix{font-size:20px!important;color:var(--text-3)!important;margin-right:6px!important}.ant-statistic-content-suffix{font-size:15px!important;color:var(--text-3)!important;font-weight:500!important;margin-left:4px!important}.oc-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.oc-page-header .oc-page-title{font-size:28px;font-weight:600;color:var(--text-1);letter-spacing:-.8px;margin:0 0 8px;background:linear-gradient(180deg,#f3f5f8,#b4b9c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.oc-page-header .oc-page-desc{font-size:14px;color:var(--text-3);margin:0}.oc-empty{text-align:center;padding:60px 20px;color:var(--text-4);font-size:13px}.oc-icon-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.oc-icon-badge.size-sm{width:24px;height:24px;font-size:13px;border-radius:6px}.oc-icon-badge.size-md{width:32px;height:32px;font-size:16px;border-radius:8px}.oc-icon-badge.size-lg{width:40px;height:40px;font-size:20px;border-radius:10px}.oc-icon-badge.tone-blue{background:#3b82f61f;color:#60a5fa;box-shadow:inset 0 0 0 1px #3b82f638}.oc-icon-badge.tone-green{background:#10b9811f;color:#34d399;box-shadow:inset 0 0 0 1px #10b98138}.oc-icon-badge.tone-purple{background:#8b5cf61f;color:#a78bfa;box-shadow:inset 0 0 0 1px #8b5cf638}.oc-icon-badge.tone-orange{background:#f59e0b24;color:#fbbf24;box-shadow:inset 0 0 0 1px #f59e0b42}.oc-icon-badge.tone-red{background:#ef44441f;color:#f87171;box-shadow:inset 0 0 0 1px #ef444438}.oc-icon-badge.tone-cyan{background:#06b6d424;color:#22d3ee;box-shadow:inset 0 0 0 1px #06b6d43d}.oc-icon-badge.tone-yellow{background:#facc151f;color:#facc15;box-shadow:inset 0 0 0 1px #facc153d}.oc-icon-badge.tone-pink{background:#ec48991f;color:#f472b6;box-shadow:inset 0 0 0 1px #ec489938}.oc-icon-badge.tone-gray{background:#94a3b81a;color:#c8cdd6;box-shadow:inset 0 0 0 1px #94a3b82e}.oc-icon-badge:hover{transform:translateY(-1px)}.oc-layout{display:flex;min-height:100vh;background:var(--bg-page)}.oc-sider{width:252px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.oc-logo{height:56px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-soft);gap:10px;flex-shrink:0}.oc-logo-text{font-size:16px;font-weight:600;letter-spacing:-.3px;color:var(--text-1)}.oc-logo-version{margin-left:auto;font-size:11px;color:var(--text-3);padding:2px 7px;border:1px solid var(--border);border-radius:10px;background:var(--bg-muted)}.oc-menu{flex:1;padding:14px 12px;overflow-y:auto}.oc-menu-group{margin-bottom:18px}.oc-menu-group-label{padding:4px 10px 8px;font-size:11px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.8px}.oc-menu-item{display:flex;align-items:center;gap:11px;padding:7px 10px;margin:2px 0;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;text-decoration:none;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.oc-menu-item:hover{background:var(--bg-hover);color:var(--text-1)}.oc-menu-item.active{background:#ffffff0a;color:var(--text-1);box-shadow:inset 0 0 0 1px var(--border)}.oc-menu-item.active:hover{background:#ffffff0f}.oc-menu-item .oc-icon-badge .anticon{font-size:13px}.oc-menu-label{flex:1;min-width:0}.oc-sider-footer{padding:12px 16px;border-top:1px solid var(--border-soft);display:flex;align-items:center;gap:10px;background:var(--bg-surface);flex-shrink:0;cursor:pointer;transition:background .12s ease}.oc-sider-footer:hover{background:var(--bg-hover)}.oc-avatar{width:28px;height:28px;border-radius:6px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;font-family:var(--font-mono)}.oc-who{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}.oc-who-name{font-size:14px;font-weight:600;color:var(--text-1)}.oc-who-role{font-size:12px;color:var(--text-4)}.oc-main{flex:1;display:flex;flex-direction:column;min-width:0}.oc-header{height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:10;flex-shrink:0}.oc-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-3)}.oc-breadcrumb-sep{color:var(--text-5);font-size:11px}.oc-breadcrumb-current{color:var(--text-1);font-weight:500}.oc-header-spacer{flex:1}.oc-search{display:flex;align-items:center;gap:8px;padding:8px 13px;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);width:280px;color:var(--text-3);font-size:13.5px;cursor:text;transition:all .12s ease}.oc-search:hover{border-color:var(--border-strong);background:var(--bg-muted)}.oc-search-placeholder{flex:1;min-width:0}.oc-search kbd{padding:1px 6px;font-size:10px;border:1px solid var(--border);border-radius:3px;background:var(--bg-page);color:var(--text-4)}.oc-icon-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;position:relative;padding:0}.oc-icon-btn-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg-surface),0 0 8px var(--danger);pointer-events:none}.oc-content{flex:1;padding:28px 32px 40px;overflow:auto;width:100%;max-width:1480px;min-width:0}.oc-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}@media(max-width:1400px){.oc-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.oc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.oc-kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px 22px;display:flex;gap:12px;align-items:flex-start;transition:border-color .16s ease,background .16s ease;box-shadow:inset 0 1px #ffffff08;position:relative;overflow:hidden}.oc-kpi-card:hover{border-color:var(--border-strong)}.oc-kpi-icon-slot{flex-shrink:0;display:flex;align-items:center;justify-content:center}.oc-kpi-body{flex:1;min-width:0}.oc-kpi-label{font-size:13px;color:var(--text-3);margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:.6px}.oc-kpi-value{font-size:34px;font-weight:700;color:var(--text-1);letter-spacing:-1px;line-height:1.1;font-feature-settings:"tnum";display:flex;align-items:baseline;gap:4px}.oc-kpi-value .oc-kpi-unit{font-size:15px;font-weight:500;color:var(--text-3);margin-left:6px;letter-spacing:0}.oc-kpi-hint{margin-top:10px;font-size:13px;color:var(--text-3);font-weight:500;display:inline-flex;align-items:center;gap:6px}.oc-kpi-card.tone-danger .oc-kpi-value,.oc-kpi-card.tone-danger .oc-kpi-icon{color:var(--danger)}.oc-kpi-card.tone-warning .oc-kpi-value{color:var(--warning)}.oc-kpi-card.tone-success .oc-kpi-value{color:var(--success)}