:root{--color-primary: #2B5BDB;--color-primary-dark: #1E44B8;--color-primary-light: #EEF2FF;--color-bg: #F4F5F7;--color-surface: #FFFFFF;--color-border: #E2E4E9;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-muted: #9CA3AF;--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--sidebar-bg: #0F172A;--sidebar-text: #94A3B8;--sidebar-text-active: #F1F5F9;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-splash{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg)}.splash-spinner{width:28px;height:28px;border:3px solid rgba(43,91,219,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.splash-text{font-size:13px;color:var(--color-text-muted);font-family:var(--font-mono)}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.sb-logo{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.sb-logo-mark{width:32px;height:32px;flex-shrink:0;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center}.sb-logo-name{font-size:15px;font-weight:600;color:#f1f5f9;letter-spacing:-.2px}.sb-logo-sub{font-size:10px;color:#475569;font-family:var(--font-mono)}.sb-group-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#475569;padding:14px 8px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;color:var(--sidebar-text);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .13s,color .13s;margin-bottom:2px}.nav-item:hover{background:#94a3b814;color:#cbd5e1}.nav-item.active{background:var(--color-primary);color:#fff}.nav-item svg{width:17px;height:17px;flex-shrink:0}.sb-foot{margin-top:auto;padding-top:18px}.sb-user{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid rgba(148,163,184,.12)}.sb-user-avatar{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:#1e293b;color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.sb-user-meta{min-width:0}.sb-user-email{font-size:12px;color:#cbd5e1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.sb-user-role{font-size:10px;color:#475569;font-family:var(--font-mono)}.btn-logout{margin-top:10px;width:100%;background:transparent;border:1px solid rgba(148,163,184,.18);color:#94a3b8;font-family:var(--font-sans);font-size:12px;font-weight:500;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:border-color .13s,color .13s}.btn-logout:hover{border-color:#dc262666;color:#f87171}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:60px;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar-title{font-size:16px;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:10px}.btn-refresh{display:inline-flex;align-items:center;gap:7px;background:var(--color-primary-light);color:var(--color-primary);border:1px solid #DBE2FF;font-family:var(--font-sans);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .13s}.btn-refresh:hover{background:#e2e9ff}.btn-refresh:disabled{opacity:.55;cursor:not-allowed}.btn-refresh svg{width:14px;height:14px}.btn-refresh.spinning svg{animation:spin .8s linear infinite}.content{padding:28px;flex:1}.ts-banner{display:flex;align-items:flex-start;gap:12px;background:#fffbeb;border:1px solid #FDE68A;border-radius:10px;padding:14px 16px;margin-bottom:22px}.ts-banner svg{width:18px;height:18px;color:#b45309;flex-shrink:0;margin-top:1px}.ts-banner-title{font-size:13px;font-weight:600;color:#92400e;margin-bottom:2px}.ts-banner-text{font-size:12.5px;color:#b45309;line-height:1.5}.ts-banner-text code{font-family:var(--font-mono);background:#b453091a;padding:1px 5px;border-radius:4px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px 20px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.stat-value{font-size:30px;font-weight:700;line-height:1;font-family:var(--font-mono)}.stat-value.ok{color:var(--color-success)}.stat-value.bad{color:var(--color-danger)}.cat-block{margin-bottom:28px}.cat-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.cat-title{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-secondary)}.cat-count{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);background:var(--color-bg);padding:2px 8px;border-radius:20px}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.svc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:9px;transition:border-color .13s,box-shadow .13s}.svc-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0d}.svc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.svc-name{font-size:14.5px;font-weight:600}.svc-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.svc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.svc-dot.up{background:var(--color-success);box-shadow:0 0 0 3px #05966926}.svc-dot.down{background:var(--color-danger);box-shadow:0 0 0 3px #dc262626}.svc-dot.unknown{background:var(--color-text-muted)}.svc-status.up{color:var(--color-success)}.svc-status.down{color:var(--color-danger)}.svc-status.unknown{color:var(--color-text-muted)}.svc-purpose{font-size:12.5px;color:var(--color-text-secondary);line-height:1.5}.svc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.svc-port{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.svc-link{font-size:12px;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:4px}.svc-link:hover{color:var(--color-primary-dark)}.svc-link svg{width:12px;height:12px}.svc-link.disabled{color:var(--color-text-muted);cursor:not-allowed;pointer-events:none}.cat-head .cat-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--color-primary-light);color:var(--color-primary)}.cat-head .cat-icon svg{width:14px;height:14px}.prod-card{border-left:3px solid var(--color-primary)}.prod-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.prod-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 9px;border-radius:20px;line-height:1.4}.prod-badge.ok{background:#0596691a;color:var(--color-success)}.prod-badge.plan{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.rep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.rep-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .13s,box-shadow .13s,transform .13s}.rep-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #2b5bdb14;transform:translateY(-1px)}.rep-icon{width:38px;height:38px;border-radius:10px;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.rep-icon svg{width:19px;height:19px}.rep-title{font-size:14.5px;font-weight:600}.rep-desc{font-size:12.5px;color:var(--color-text-secondary);line-height:1.5;flex:1}.rep-open{font-size:12px;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:5px}.rep-open svg{width:13px;height:13px}.page-intro{margin-bottom:22px}.page-intro h2{font-size:18px;font-weight:700;margin-bottom:4px}.page-intro p{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.err-box{background:#fef2f2;border:1px solid #FECACA;color:var(--color-danger);border-radius:10px;padding:14px 16px;font-size:13px;margin-bottom:20px}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.sb-foot{margin-top:0;padding-top:0}.sb-group-label{display:none}.summary{grid-template-columns:1fr}}:root{--color-bg: #F7F8FA;--color-border: #E6E8EE;--color-success: #16A34A}.sb-group-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#475569;padding:16px 8px 8px}.nav-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d3992e}.nav-item.active .nav-dot{background:#fff;box-shadow:0 0 0 3px #ffffff40}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:0 12px;height:36px;width:230px}.topbar-search svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.topbar-search input{border:none;background:transparent;outline:none;width:100%;font-family:var(--font-sans);font-size:12.5px;color:var(--color-text-primary)}.topbar-search input::placeholder{color:var(--color-text-muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:22px}.tab{padding:10px 14px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;font-family:var(--font-sans);transition:color .13s,border-color .13s}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.svc-status{font-weight:500;color:var(--color-text-secondary)!important}.svc-status.up{color:var(--color-text-secondary)!important}.svc-status.down{color:var(--color-danger)!important}.svc-dot{width:7px;height:7px}.svc-dot.up{background:var(--color-success);box-shadow:0 0 0 3px #16a34a21}.svc-dot.down{background:var(--color-danger);box-shadow:0 0 0 3px #dc262621}.stat-card{box-shadow:var(--shadow-sm, 0 1px 2px rgba(15,23,42,.05));border-radius:12px}.stat-row{display:flex;align-items:baseline;gap:8px}.stat-value.ok{color:var(--color-text-primary)}.stat-value.muted{color:var(--color-text-muted)}.stat-chip{font-size:11px;font-family:var(--font-mono);padding:2px 7px;border-radius:6px;background:var(--color-primary-light);color:var(--color-primary)}.empty-state{padding:40px 0;text-align:center;color:var(--color-text-muted);font-size:13px}.prod-badge.ok{background:#16a34a17;color:var(--color-success)}.cat-head .cat-icon{flex-shrink:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:15px 16px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(15,23,42,.05))}.kpi-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:9px}.kpi-val{font-size:26px;font-weight:700;letter-spacing:-.8px;line-height:1}.kpi-delta{font-size:11px;font-family:var(--font-mono);margin-top:8px;display:flex;align-items:center;gap:4px}.kpi-delta.up{color:var(--color-success)}.kpi-delta.down{color:var(--color-danger)}.kpi-delta svg{width:11px;height:11px}.kpi-src{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono);margin-top:7px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(15,23,42,.05));margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--color-border)}.panel-title{font-size:13.5px;font-weight:600}.panel-sub{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.chart{padding:18px;height:200px;display:flex;flex-direction:column;gap:10px}.chart svg{width:100%;height:100%;flex:1}.chart-legend{display:flex;gap:18px;font-size:11.5px;color:var(--color-text-secondary)}.chart-legend .dot{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.chart-legend .dot.blue{background:var(--color-primary)}.chart-legend .dot.gray{background:var(--color-text-muted)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600;padding:10px 18px;border-bottom:1px solid var(--color-border);background:#fbfcfe}.data-table td{font-size:12.5px;color:var(--color-text-secondary);padding:11px 18px;border-bottom:1px solid var(--color-border)}.data-table tr:last-child td{border-bottom:none}.data-table td.name{color:var(--color-text-primary);font-weight:500}.data-table td.mono{font-family:var(--font-mono);font-size:11.5px}.data-table td.muted{color:var(--color-text-muted)}.data-table td.td-empty{text-align:center;color:var(--color-text-muted);padding:28px}.data-table .pill{font-size:11px;font-family:var(--font-mono);padding:2px 8px;border-radius:6px;background:var(--color-primary-light);color:var(--color-primary)}.kind-pill{font-size:10.5px;font-family:var(--font-mono);padding:2px 8px;border-radius:6px}.kind-pill.auth{background:#fef3c7;color:#b45309}.kind-pill.behavioral{background:var(--color-primary-light);color:var(--color-primary)}.funnel{padding:18px}.fbar{margin-bottom:14px}.fbar:last-child{margin-bottom:0}.fbar-top{display:flex;justify-content:space-between;font-size:12.5px;color:var(--color-text-secondary);margin-bottom:5px}.fbar-top .v{font-family:var(--font-mono);color:var(--color-text-primary);font-weight:600}.fbar-track{height:9px;background:var(--color-bg);border-radius:5px;overflow:hidden}.fbar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#5B82E8);border-radius:5px;transition:width .3s}.embed-frame{padding:18px}.embed-frame iframe{width:100%;height:420px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg)}.embed-hint{font-size:11px;color:var(--color-text-muted);margin-top:8px}.embed-hint code{font-family:var(--font-mono);background:var(--color-bg);padding:1px 5px;border-radius:4px}.ariel-hero{display:flex;gap:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(15,23,42,.05))}.ariel-mark{width:52px;height:52px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),#6D5BDB);color:#fff;display:flex;align-items:center;justify-content:center}.ariel-mark svg{width:26px;height:26px}.ariel-hero-body{flex:1;min-width:0}.ariel-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}.ariel-title-row h2{font-size:18px;font-weight:700}.ariel-hero-body p{font-size:13px;color:var(--color-text-secondary);line-height:1.55;margin-bottom:16px;max-width:640px}.ariel-hero-body code{font-family:var(--font-mono);font-size:12px;background:var(--color-bg);padding:1px 6px;border-radius:4px}.btn-cockpit{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:9px;transition:background .13s}.btn-cockpit:hover{background:var(--color-primary-dark);color:#fff}.btn-cockpit svg{width:14px;height:14px}.btn-cockpit.disabled{background:var(--color-border);color:var(--color-text-muted);pointer-events:none}.ariel-note{font-size:12px;color:var(--color-text-muted);margin-top:12px;line-height:1.5}.ariel-team{display:flex;flex-wrap:wrap;gap:8px;padding:18px}.ariel-chip{font-size:12px;font-weight:500;padding:5px 12px;border-radius:8px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary)}.st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-mono)}.st .dot{width:7px;height:7px;border-radius:50%}.st.up .dot{background:var(--color-success);box-shadow:0 0 0 3px #16a34a21}.st.down{color:var(--color-text-secondary)}.st.down .dot{background:var(--color-text-muted)}@media (max-width: 900px){.kpis{grid-template-columns:repeat(2,1fr)}.topbar-search{width:150px}}@media (max-width: 560px){.kpis{grid-template-columns:1fr}}.btn-logout svg{width:14px;height:14px;flex-shrink:0}.sb-logo-mark svg{width:16px;height:16px}.svc-uso{display:flex;align-items:flex-start;gap:8px;padding-top:8px;border-top:1px dashed var(--color-border)}.svc-uso-text{font-size:11.5px;color:var(--color-text-secondary);line-height:1.5}.integ-badge{flex-shrink:0;font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;padding:2px 7px;border-radius:5px;line-height:1.5;white-space:nowrap}.integ-badge.ok{background:#0596691a;color:var(--color-success)}.integ-badge.plan{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.integ-badge.muted{background:#f1f5f9;color:var(--color-text-muted);border:1px solid var(--color-border)}.kv-list{display:flex;flex-direction:column;gap:0;width:100%}.kv-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--color-border);font-size:12.5px}.kv-row:last-child{border-bottom:none}.kv-k{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11.5px;flex-shrink:0}.kv-v{color:var(--color-text-primary);text-align:right;font-weight:500}.muted-foot{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);margin-top:14px}.doc-list{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.doc-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--color-border);transition:background .12s}.doc-row:last-child{border-bottom:none}.doc-row:hover{background:var(--color-primary-light)}.doc-type{flex-shrink:0;font-size:9.5px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;padding:3px 6px;border-radius:4px;min-width:38px;text-align:center;background:#f1f5f9;color:var(--color-text-secondary)}.doc-type.dir{background:var(--color-primary-light);color:var(--color-primary)}.doc-name{flex:1;font-size:13px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{flex-shrink:0;font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.frente-card{border-left:3px solid var(--color-border)}.frente-card.ok{border-left-color:var(--color-success)}.frente-card.plan{border-left-color:var(--color-warning)}.frente-next{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px dashed var(--color-border);margin-top:2px}.frente-next-label{font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.03em}.frente-next-text{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.frente-colision{font-size:10.5px;color:var(--color-text-muted);font-family:var(--font-mono)}.prefix-badge{flex-shrink:0;font-size:10px;font-weight:700;font-family:var(--font-mono);padding:2px 7px;border-radius:5px;line-height:1.6;white-space:nowrap}.prefix-badge.nova{background:var(--color-primary-light);color:var(--color-primary)}.prefix-badge.ariel{background:#f3e8ff;color:#7c3aed}.prefix-badge.joint{background:#0596691a;color:var(--color-success)}.prefix-badge.muted{background:#f1f5f9;color:var(--color-text-muted)}.fleet-locks-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 900px){.fleet-locks-grid{grid-template-columns:1fr}}.lock-list,.feed-list{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.lock-row,.feed-row{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--color-border)}.lock-row:last-child,.feed-row:last-child{border-bottom:none}.lock-icon{flex-shrink:0;display:inline-flex}.lock-icon svg{width:15px;height:15px}.lock-icon.intent{color:var(--color-warning)}.lock-icon.live{color:var(--color-success)}.lock-body,.feed-body{flex:1;min-width:0}.lock-key,.feed-key{font-size:11.5px;font-family:var(--font-mono);color:var(--color-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-type{margin-left:7px;font-size:9.5px;text-transform:uppercase;color:var(--color-text-muted);background:#f1f5f9;padding:1px 5px;border-radius:3px}.lock-lead,.feed-lead{font-size:11.5px;color:var(--color-text-secondary);line-height:1.45;margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lock-when,.feed-when{flex-shrink:0;font-size:10.5px;color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}.feed-list .feed-row:hover{background:var(--color-primary-light)}