@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#faf9f6;--color-card:#fff;--color-card-hover:#f5f4f1;--color-surface:#f3f2ef;--color-text:#1e1b2e;--color-text-secondary:#6b6880;--color-text-muted:#9b98a8;--color-border:#e8e6ef;--color-border-light:#f0eef5;--color-primary:#8b5cf6;--color-primary-light:#ede9fe;--color-primary-muted:#c4b5fd;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-unknown:#9ca3af;--color-unknown-light:#f3f4f6;--color-kpi-1:#e8e0f0;--color-kpi-2:#d1fae5;--color-kpi-3:#fde8d8;--color-kpi-4:#fce7f3;--color-kpi-accent-1:#8b5cf6;--color-kpi-accent-2:#10b981;--color-kpi-accent-3:#f59e0b;--color-kpi-accent-4:#ec4899;--color-chart-line:#8b5cf6;--color-chart-fill:#8b5cf61f;--color-chart-grid:#e8e6ef;--color-chart-tooltip-bg:#fff;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000a;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}[data-theme=dark]{--color-bg:#1c1a22;--color-card:#26232e;--color-card-hover:#302d38;--color-surface:#211e28;--color-text:#f0eef5;--color-text-secondary:#9b98a8;--color-text-muted:#6b6880;--color-border:#3a3644;--color-border-light:#302d38;--color-primary:#a78bfa;--color-primary-light:#2e2547;--color-primary-muted:#7c3aed;--color-success:#34d399;--color-success-light:#132e24;--color-warning:#fb923c;--color-warning-light:#2e2213;--color-danger:#f472b6;--color-danger-light:#2e1325;--color-unknown:#6b7280;--color-unknown-light:#1f2937;--color-kpi-1:#2e2547;--color-kpi-2:#132e24;--color-kpi-3:#2e2213;--color-kpi-4:#2e1325;--color-kpi-accent-1:#a78bfa;--color-kpi-accent-2:#34d399;--color-kpi-accent-3:#fb923c;--color-kpi-accent-4:#f472b6;--color-chart-line:#a78bfa;--color-chart-fill:#a78bfa26;--color-chart-grid:#3a3644;--color-chart-tooltip-bg:#302d38;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background .2s,color .2s}h1,h2,h3,h4{font-weight:600;line-height:1.3}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.tabular-nums{font-variant-numeric:tabular-nums}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:background .2s,border-color .2s,box-shadow .2s}.card-title{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:.875rem;font-weight:500}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-healthy{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-critical{background:var(--color-danger-light);color:var(--color-danger)}.badge-unknown{background:var(--color-unknown-light);color:var(--color-unknown)}.badge-demo{background:var(--color-warning-light);color:var(--color-warning);font-size:.8125rem}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-healthy{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-critical{background:var(--color-danger)}.status-dot-unknown{background:var(--color-unknown)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--color-card-hover);border-color:var(--color-primary-muted)}.btn-active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon{padding:var(--space-2);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;font-size:1.25rem;transition:all .15s}.btn-icon:hover{background:var(--color-surface);color:var(--color-text)}.skeleton{background:var(--color-surface);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-container{max-width:1440px;padding:var(--space-6) var(--space-8);margin:0 auto}.grid-kpi{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.grid-2col{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.workspace-grid{gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.workspace-cell{grid-column:span var(--workspace-span,12);min-width:0}.workspace-feed{max-height:min(22rem,26vh);overflow-y:auto}.workspace-table-scroll{max-height:26rem;overflow-y:auto}.workspace-note{color:var(--color-text-muted);font-size:.75rem;line-height:1.6}.section-title{margin-bottom:var(--space-4);font-size:1rem;font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.data-table tr:last-child td{border-bottom:none}.bar-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.bar-label{width:120px;color:var(--color-text-secondary);text-align:right;flex-shrink:0;font-size:.8125rem}.bar-track{background:var(--color-surface);border-radius:var(--radius-sm);flex:1;height:24px;overflow:hidden}.bar-fill{border-radius:var(--radius-sm);background:var(--color-primary);height:100%;padding-left:var(--space-2);color:#fff;align-items:center;min-width:fit-content;font-size:.75rem;font-weight:600;transition:width .5s;display:flex}.bar-value{font-variant-numeric:tabular-nums;flex-shrink:0;width:48px;font-size:.8125rem;font-weight:600}.coverage-warning{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);margin-bottom:var(--space-4);font-size:.8125rem;display:flex}.state-container{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.state-icon{margin-bottom:var(--space-4);font-size:2.5rem}.state-title{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:1rem;font-weight:500}.state-desc{font-size:.875rem}.login-container{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;min-height:100vh;display:flex}.login-logo{color:var(--color-primary);font-size:2rem;font-weight:700}.login-subtitle{color:var(--color-text-secondary);font-size:1rem}.login-btn{padding:var(--space-3) var(--space-8);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .15s}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-form{gap:var(--space-4);flex-direction:column;width:100%;max-width:340px;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-field label{color:var(--color-text-secondary);font-size:.8125rem}.login-field input,.login-field select,.login-field textarea,textarea.login-field{padding:var(--space-3);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem}.login-field input:focus,.login-field select:focus,textarea.login-field:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:#0000}.login-error{padding:var(--space-3);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.login-notice{padding:var(--space-3);background:var(--color-bg-subtle,var(--color-bg));border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.login-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;text-decoration:underline}.login-hint{color:var(--color-text-muted);text-align:center;max-width:340px;font-size:.75rem;line-height:1.6}.data-freshness{gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border-light);margin-top:var(--space-8);color:var(--color-text-muted);flex-wrap:wrap;font-size:.75rem;display:flex}@media (width<=1279px){.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-2col{grid-template-columns:1fr}}@media (width<=1023px){.dashboard-container{padding:var(--space-4) var(--space-4)}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.workspace-grid{grid-template-columns:1fr}.workspace-cell{grid-column:1/-1}}@media (width<=767px){.grid-kpi{grid-template-columns:1fr}.dashboard-header-actions{flex-wrap:wrap}}.manual-link{stroke:var(--color-border);stroke-width:1.5px}.manual-link-main{stroke-width:2.5px}.manual-center circle{fill:var(--color-primary)}.manual-center text{fill:#fff;font-size:20px;font-weight:700}.manual-cat rect{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1.5px}.manual-cat text{fill:var(--color-text);font-size:15px;font-weight:600}.manual-tool{cursor:pointer}.manual-tool rect{fill:var(--color-card);stroke:var(--color-border);transition:stroke .15s,fill .15s}.manual-tool text{fill:var(--color-text);pointer-events:none;font-size:13px}.manual-tool:hover rect{stroke:var(--color-primary);stroke-width:2px}.manual-tool.selected rect{fill:var(--color-primary);stroke:var(--color-primary)}.manual-tool.selected text{fill:#fff}.manual-tool.orphan rect{stroke-dasharray:4 3}.manual-pop{transform-box:fill-box;transform-origin:50%;animation:.35s both manual-pop}@keyframes manual-pop{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.manual-ring{fill:none;stroke:var(--color-primary);stroke-width:2px;opacity:.6;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite manual-ring}@keyframes manual-ring{0%{opacity:.6;scale:1}70%{opacity:0;scale:1.12}to{opacity:0;scale:1.12}}.manual-bubble{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);margin:0 0 var(--space-2);border-bottom-right-radius:4px;width:fit-content;max-width:32rem;display:block}.manual-bubble-alt{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.manual-caret{animation:.9s step-end infinite manual-caret}@keyframes manual-caret{0%,to{opacity:1}50%{opacity:0}}.manual-pop-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(360px,92%);max-height:380px;padding:var(--space-4);z-index:5;animation:.18s both manual-pop;position:absolute;overflow-y:auto;box-shadow:0 12px 32px #00000059}.manual-pop-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1;position:absolute;top:6px;right:10px}.manual-pop-close:hover{color:var(--color-text)}