:root{--bg-app:#05070b;--bg-surface:rgba(255,255,255,0.02);--bg-surface-hover:rgba(255,255,255,0.04);--bg-surface-active:rgba(255,255,255,0.06);--bg-overlay:rgba(0,0,0,0.7);--bg-modal:#0a0d12;--bg-input:rgba(255,255,255,0.05);--bg-row-hover:rgba(255,255,255,0.03);--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.18);--text-primary:#ffffff;--text-secondary:#c9c9d1;--text-muted:#8b8b94;--text-faint:#5a5a63;--text-disabled:#404048;--accent:#10b981;--accent-hover:#0ea372;--accent-soft:rgba(16,185,129,0.12);--accent-fg-on:#ffffff;--info:#3b82f6;--info-soft:rgba(59,130,246,0.15);--warn:#f59e0b;--warn-soft:rgba(245,158,11,0.15);--danger:#f87171;--danger-soft:rgba(248,113,113,0.12);--success:#34d399;--success-soft:rgba(52,211,153,0.15);--purple:#a78bfa;--purple-soft:rgba(167,139,250,0.15);--pink:#f472b6;--pink-soft:rgba(244,114,182,0.15);--plan-free:#9ca3af;--plan-starter:#60a5fa;--plan-pro:#34d399;--plan-enterprise:#fbbf24;--plan-internal:#f472b6;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--f-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--f-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--sidebar-w:220px;--topbar-h:56px;--t-fast:120ms;--t-med:200ms;--shadow-modal:0 20px 60px rgba(0,0,0,0.6),0 4px 16px rgba(0,0,0,0.4);--shadow-drawer:0 0 40px rgba(0,0,0,0.6);--focus-ring:0 0 0 2px rgba(16,185,129,0.55)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--f-sans);font-size:var(--fs-13);-webkit-font-smoothing:antialiased;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)!important}body:focus-visible,html:focus-visible{box-shadow:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:8px 14px;border-radius:var(--r-md);font-size:var(--fs-12);font-weight:500;line-height:1;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),opacity var(--t-fast);white-space:nowrap;min-height:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--sm{padding:4px 10px;min-height:26px;font-size:var(--fs-11)}.ui-btn--lg{padding:11px 18px;min-height:40px;font-size:var(--fs-13)}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--accent);color:var(--accent-fg-on)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-btn--secondary{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.ui-btn--ghost{color:var(--text-muted)}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.ui-btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.ui-btn--danger:hover:not(:disabled){background:var(--danger-soft)}.ui-btn--danger-solid{background:var(--danger);color:var(--text-primary)}.ui-btn--danger-solid:hover:not(:disabled){filter:brightness(.9)}.ui-btn--icon{padding:6px;min-height:32px;min-width:32px}.ui-input,.ui-select,.ui-textarea{width:100%;padding:8px 12px;font-size:var(--fs-13);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-md);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);font-family:var(--f-sans)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-faint)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:rgba(255,255,255,.28)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.ui-input--mono{font-family:var(--f-mono)}.ui-textarea{min-height:80px;resize:vertical}.ui-input--sm,.ui-select--sm{padding:6px 10px;font-size:var(--fs-12)}.ui-field{display:flex;flex-direction:column;gap:var(--s-2)}.ui-field-label{font-size:var(--fs-12);color:var(--text-muted);font-weight:500}.ui-field-help{font-size:var(--fs-11);color:var(--text-faint)}.ui-field-error{font-size:var(--fs-11);color:var(--danger)}.ui-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--s-4)}.ui-card--inset{padding:var(--s-3) var(--s-4)}.ui-card-title{font-size:var(--fs-15);font-weight:600;margin:0 0 var(--s-2)}.ui-stat{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.ui-stat-label{font-size:var(--fs-11);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ui-stat-value{font-size:var(--fs-20);font-weight:600;color:var(--text-primary)}.ui-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--fs-11);font-weight:500;border-radius:var(--r-sm);background:rgba(255,255,255,.08);color:var(--text-muted);white-space:nowrap;text-transform:capitalize}.ui-badge--success{background:var(--success-soft);color:var(--success)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger)}.ui-badge--warn{background:var(--warn-soft);color:var(--warn)}.ui-badge--info{background:var(--info-soft);color:var(--info)}.ui-badge--purple{background:var(--purple-soft);color:var(--purple)}.ui-badge--pink{background:var(--pink-soft);color:var(--pink)}.ui-table-wrap{border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-surface)}.ui-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.ui-table{width:100%;border-collapse:collapse;font-size:var(--fs-12)}.ui-table thead tr{background:rgba(255,255,255,.03)}.ui-table th{padding:8px 12px;text-align:left;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap}.ui-table td.ui-td-num,.ui-table th.ui-th-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-table th button.ui-th-sort{display:inline-flex;align-items:center;gap:var(--s-1);background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;border-radius:var(--r-sm)}.ui-table th button.ui-th-sort:hover{color:var(--text-primary)}.ui-table th .ui-th-arrow{display:inline-block;width:10px;text-align:center;color:var(--text-faint)}.ui-table th .ui-th-arrow--active{color:var(--accent)}.ui-table td{padding:7px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table--hover tbody tr{transition:background var(--t-fast);cursor:pointer}.ui-table--hover tbody tr:hover{background:var(--bg-row-hover)}.ui-table .ui-td-mono{font-family:var(--f-mono)}.ui-table .ui-td-clip{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border-default);flex-wrap:wrap}.ui-tab{background:none;color:var(--text-muted);padding:10px 14px;font-size:var(--fs-13);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast)}.ui-tab--active,.ui-tab:hover{color:var(--text-primary)}.ui-tab--active{border-bottom-color:var(--accent);font-weight:500}.ui-modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s-4);animation:ui-fade-in var(--t-fast) ease-out}.ui-modal{width:100%;max-width:460px;background:var(--bg-modal);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--s-6);box-shadow:var(--shadow-modal);max-height:calc(100vh - 32px);overflow-y:auto;animation:ui-scale-in var(--t-fast) ease-out}.ui-modal-title{font-size:var(--fs-15);font-weight:600;margin:0 0 var(--s-4)}.ui-modal-actions{display:flex;gap:var(--s-2);justify-content:flex-end;margin-top:var(--s-5)}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ui-slide-in-l{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes ui-slide-in-r{0%{transform:translateX(100%)}to{transform:translateX(0)}}.ui-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--bg-modal);border-left:1px solid var(--border-default);padding:var(--s-6);overflow-y:auto;z-index:90;animation:ui-slide-in-r var(--t-med) ease-out;box-shadow:var(--shadow-drawer)}.ui-toast-host{position:fixed;bottom:var(--s-5);right:var(--s-5);z-index:200;display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none;max-width:calc(100vw - 32px)}.ui-toast{pointer-events:auto;background:var(--bg-modal);border:1px solid var(--border-default);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:10px 14px;font-size:var(--fs-13);color:var(--text-primary);box-shadow:var(--shadow-drawer);display:flex;align-items:flex-start;gap:var(--s-3);min-width:280px;max-width:420px;animation:ui-slide-in-r var(--t-med) ease-out}.ui-toast--success{border-left-color:var(--success)}.ui-toast--error{border-left-color:var(--danger)}.ui-toast--warn{border-left-color:var(--warn)}.ui-toast-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 4px;font-size:var(--fs-15);line-height:1}.ui-skeleton{display:block;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%;border-radius:var(--r-sm);animation:ui-shimmer 1.4s linear infinite;height:12px}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-8) var(--s-4);color:var(--text-faint);font-size:var(--fs-13);text-align:center}.ui-empty-title{color:var(--text-secondary);font-size:var(--fs-14);font-weight:500}.ui-empty-actions{margin-top:var(--s-3)}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.ui-toolbar-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.ui-page-h1{font-size:var(--fs-20);font-weight:600;margin:0 0 var(--s-1)}.ui-page-sub{font-size:var(--fs-13);color:var(--text-muted);margin:0 0 var(--s-6)}.ui-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-bottom:var(--s-5)}.ui-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--s-4)}.ui-card-grid,.ui-split{display:grid;gap:var(--s-4)}.ui-split{grid-template-columns:minmax(280px,360px) 1fr;grid-gap:var(--s-4);flex:1 1;min-height:0}.ui-split--wide{grid-template-columns:minmax(320px,480px) 1fr}.ui-sidepanel{border:1px solid var(--border-default);border-radius:var(--r-lg);background:var(--bg-surface);overflow:hidden;display:flex;flex-direction:column}.ui-sidepanel-head{padding:8px 12px;border-bottom:1px solid var(--border-default);font-size:var(--fs-11);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.ui-sidepanel-list{overflow-y:auto;flex:1 1;min-height:0}.ui-sidepanel-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;font:inherit}.ui-sidepanel-item:hover{background:var(--bg-surface-hover)}.ui-sidepanel-item--active{background:var(--accent-soft);border-left:2px solid var(--accent)}.ui-sidepanel-item-label{font-size:var(--fs-12);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-sidepanel-item-sub{font-size:var(--fs-10);color:var(--text-faint);margin-top:2px}.app-shell{display:flex;min-height:100vh}.app-main{flex:1 1;padding:var(--s-6);overflow-x:hidden;min-width:0}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border-default);background:var(--bg-surface);display:flex;flex-direction:column;padding:var(--s-4) 0}.app-sidebar-brand{padding:0 var(--s-4) var(--s-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--s-2)}.app-sidebar-brand-name{font-size:var(--fs-14);font-weight:600;color:var(--accent)}.app-sidebar-brand-sub{font-size:var(--fs-10);color:var(--text-faint);margin-top:2px}.app-sidebar-section-label{font-size:var(--fs-10);font-weight:500;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;padding:var(--s-3) var(--s-4) 4px}.app-sidebar-nav{display:flex;flex-direction:column;gap:1px;padding:0 var(--s-2);flex:1 1}.app-sidebar-link{display:flex;align-items:center;gap:var(--s-3);padding:8px 12px;border-radius:var(--r-md);font-size:var(--fs-13);color:var(--text-muted);text-decoration:none;transition:background var(--t-fast),color var(--t-fast);position:relative}.app-sidebar-link:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.app-sidebar-link--active{background:var(--bg-surface-active);color:var(--text-primary);font-weight:500}.app-sidebar-link--active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--accent)}.app-sidebar-icon{width:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-sidebar-foot{padding:var(--s-3) var(--s-4) 0;border-top:1px solid var(--border-default);margin-top:var(--s-2)}.app-topbar{display:none;align-items:center;justify-content:space-between;padding:0 var(--s-3);height:var(--topbar-h);border-bottom:1px solid var(--border-default);background:var(--bg-app);position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-topbar-brand{font-size:var(--fs-14);font-weight:600;color:var(--accent)}.app-topbar-actions{display:flex;gap:var(--s-2)}.app-topbar-btn{background:none;border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-secondary);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-drawer-overlay{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:80;animation:ui-fade-in var(--t-fast)}.app-drawer{position:fixed;top:0;bottom:0;left:0;width:260px;max-width:80vw;background:var(--bg-modal);border-right:1px solid var(--border-default);z-index:90;display:flex;flex-direction:column;padding:var(--s-4) 0;animation:ui-slide-in-l var(--t-med) ease-out;overflow-y:auto}.app-drawer-close{position:absolute;top:var(--s-3);right:var(--s-3);background:none;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:var(--r-md);font-size:var(--fs-18);line-height:1}.ui-mob-list{display:none;padding:var(--s-2)}.ui-mob-cards,.ui-mob-list{flex-direction:column;gap:var(--s-2)}.ui-mob-cards{display:flex}.ui-mob-sort{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-1)}.ui-mob-sort-label{font-size:var(--fs-11);color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px}.ui-mob-sort>.ui-select{flex:1 1;min-width:0}.ui-mob-sort-dir{flex-shrink:0;min-width:36px;font-family:var(--f-mono)}.ui-mob-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.ui-mob-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2)}.ui-mob-card-title{font-weight:500;font-size:var(--fs-13);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1}.ui-mob-card-meta{font-size:var(--fs-11);color:var(--text-faint);white-space:nowrap}.ui-mob-card-row{display:flex;justify-content:space-between;gap:var(--s-2);font-size:var(--fs-12)}.ui-mob-card-row>.ui-mob-card-key{color:var(--text-muted)}.ui-mob-card-row>.ui-mob-card-val{color:var(--text-secondary);font-family:var(--f-mono);text-align:right}.ui-mob-card-actions{display:flex;gap:var(--s-2);margin-top:var(--s-1)}.ui-pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-2);margin-top:var(--s-4)}.ui-pagination-info{font-size:var(--fs-12);color:var(--text-muted);padding:0 var(--s-2)}@media (max-width:1024px){.ui-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-split--wide{grid-template-columns:minmax(280px,360px) 1fr}}@media (max-width:768px){.app-shell{flex-direction:column}.app-main{padding:var(--s-3)}.app-sidebar{display:none}.app-topbar{display:flex}.app-drawer-overlay,.app-drawer-overlay[data-open=true]{display:block}.app-drawer-overlay[data-open=false]{display:none}.ui-split,.ui-split--wide{grid-template-columns:1fr}.ui-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.ui-card-grid{grid-template-columns:1fr;gap:var(--s-3)}.ui-drawer{width:100vw;max-width:100vw;border-left:none;padding:var(--s-4)}.ui-drawer .ui-drawer-grid{grid-template-columns:1fr!important}.ui-modal{padding:var(--s-4)}.ui-table-wrap--responsive .ui-table-scroll{display:none}.ui-table-wrap--responsive .ui-mob-list{display:flex}.ui-toolbar{gap:var(--s-2)}.ui-toolbar-actions{width:100%}.ui-toolbar-actions .ui-btn{flex:1 1 auto}.ui-tabs{flex-wrap:nowrap;overflow-x:auto}.ui-tab{flex-shrink:0}.ui-card{min-width:0;max-width:100%}.ui-card>.ui-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;white-space:nowrap}}@media (max-width:480px){.ui-stat-grid{grid-template-columns:1fr}.ui-page-h1{font-size:var(--fs-18)}.app-main{padding:var(--s-3)}}.u-mono{font-family:var(--f-mono)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-mt-2{margin-top:var(--s-2)!important}.u-mt-3{margin-top:var(--s-3)!important}.u-mt-4{margin-top:var(--s-4)!important}.u-flex-1{flex:1 1;min-width:0}.u-row,.u-row--wrap{display:flex;align-items:center;gap:var(--s-2)}.u-row--wrap{flex-wrap:wrap}.u-col{display:flex;flex-direction:column;gap:var(--s-2)}.u-text-muted{color:var(--text-muted)}.u-text-faint{color:var(--text-faint)}.u-text-danger{color:var(--danger)}.u-text-success{color:var(--success)}.u-text-mono{font-family:var(--f-mono)}.u-text-12{font-size:var(--fs-12)}.u-text-11{font-size:var(--fs-11)}.u-hide-mobile{display:initial}.u-show-mobile{display:none}@media (max-width:768px){.u-hide-mobile{display:none!important}.u-show-mobile{display:initial}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.arch-node{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:8px 10px 10px;min-width:210px;width:210px;font-size:11px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.04),inset 0 0 0 1px rgba(255,255,255,.04);transition:opacity .18s,border-color .18s,box-shadow .18s,transform .18s}.arch-node:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.arch-node[data-dim=true]{opacity:.2}.arch-node[data-tone=green]{border-color:var(--success);box-shadow:0 0 0 1px rgba(16,185,129,.1),0 0 12px rgba(16,185,129,.18)}.arch-node[data-tone=amber]{border-color:var(--warn);box-shadow:0 0 0 1px rgba(217,119,6,.1),0 0 12px rgba(217,119,6,.2)}.arch-node[data-tone=red]{border-color:var(--danger);animation:arch-pulse-red 1.6s ease-in-out infinite}.arch-node--data{background:linear-gradient(180deg,rgba(0,100,200,.05),rgba(0,100,200,.02))}.arch-node--external{background:rgba(120,80,200,.05);border-style:dashed}.arch-node--cron{background:linear-gradient(180deg,rgba(200,120,0,.05),rgba(200,120,0,.02))}.arch-node-head{display:flex;align-items:center;gap:6px}.arch-node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px rgba(255,255,255,.04)}.arch-node-dot--green{background:var(--success);animation:arch-dot-pulse 2.4s ease-in-out infinite}.arch-node-dot--amber{background:var(--warn)}.arch-node-dot--red{background:var(--danger);animation:arch-dot-pulse-fast .9s ease-in-out infinite}.arch-node-dot--unknown{background:var(--border)}.arch-node-clock{font-size:11px;line-height:1}.arch-node-title{font-weight:600;color:var(--text)}.arch-node-sub{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.arch-node-metrics{display:flex;flex-direction:column;gap:2px;margin-top:6px}.arch-node-metrics--grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px 10px;gap:2px 10px;margin-top:6px}.arch-node-metric{display:flex;justify-content:space-between;gap:6px;font-size:10px;min-width:0}.arch-node-metric-label{color:var(--text-muted)}.arch-node-metric-value{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-node-spark{margin-top:6px;opacity:.85}.arch-node-pill{display:inline-block;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;background:rgba(120,120,120,.1);color:var(--text-muted);border-radius:4px}.arch-node-pill--muted{background:rgba(120,120,120,.08)}.arch-node-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.arch-node-badges .arch-node-pill{margin-left:0}.arch-node-link-hint{margin-top:4px;font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:right}.arch-node-flag{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--warn);color:white;font-size:10px;line-height:16px;text-align:center;font-weight:700;box-shadow:0 0 0 2px var(--surface)}@keyframes arch-pulse-red{0%,to{box-shadow:0 0 0 1px rgba(220,38,38,.16),0 0 12px rgba(220,38,38,.28)}50%{box-shadow:0 0 0 2px rgba(220,38,38,.3),0 0 18px rgba(220,38,38,.45)}}@keyframes arch-dot-pulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.55)}50%{box-shadow:0 0 0 4px rgba(16,185,129,0)}}@keyframes arch-dot-pulse-fast{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.65)}50%{box-shadow:0 0 0 5px rgba(220,38,38,0)}}.arch-volume{margin-top:6px}.arch-volume-track{position:relative;height:6px;border-radius:3px;background:rgba(120,120,120,.18);overflow:hidden}.arch-volume-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(16,185,129,.7),rgba(16,185,129,.95));transition:width .4s ease;border-radius:3px}.arch-volume[data-tone=amber] .arch-volume-fill{background:linear-gradient(90deg,rgba(217,119,6,.7),rgba(217,119,6,.95))}.arch-volume[data-tone=red] .arch-volume-fill{background:linear-gradient(90deg,rgba(220,38,38,.7),rgba(220,38,38,.95))}.arch-volume-meta{display:flex;gap:4px;font-size:9px;color:var(--text-muted);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arch-volume-used{color:var(--text);font-weight:500}.arch-edge--green{stroke:var(--success)}.arch-edge--amber{stroke:var(--warn)}.arch-edge--red{stroke:var(--danger)}.arch-edge--unknown{stroke:var(--border)}.arch-edge--flow{stroke-dasharray:6 6;animation:arch-edge-dash 1.4s linear infinite}@keyframes arch-edge-dash{to{stroke-dashoffset:-24}}.arch-edge-particle--green{fill:var(--success)}.arch-edge-particle--amber{fill:var(--warn)}.arch-edge-particle--red{fill:var(--danger)}.arch-edge-particle--unknown{fill:var(--border)}.arch-edge-particle{filter:drop-shadow(0 0 3px currentColor)}.arch-edge-label-stack{display:flex;flex-direction:column;align-items:center;gap:2px}.arch-edge-label{background:var(--surface);padding:1px 5px;border-radius:3px;font-size:9px;border:1px solid var(--border);white-space:nowrap;align-items:center;gap:3px}.arch-edge-label,.arch-edge-label-icon{color:var(--text-muted);display:inline-flex}.arch-edge-label-icon{line-height:1;opacity:.75}.arch-edge-label-icon svg{display:block}.arch-edge-rate{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arch-edge-rate--green[data-flowing=true]{color:var(--success);border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.08)}.arch-edge-rate--amber[data-flowing=true]{color:var(--warn);border-color:rgba(217,119,6,.4);background:rgba(217,119,6,.08)}.arch-edge-rate--red[data-flowing=true]{color:var(--danger);border-color:rgba(220,38,38,.4);background:rgba(220,38,38,.08)}.arch-edge-rate-pulse{width:5px;height:5px;border-radius:50%;background:currentColor;animation:arch-edge-rate-blink 1.2s ease-in-out infinite}@keyframes arch-edge-rate-blink{0%,to{opacity:1}50%{opacity:.35}}.arch-lanes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.arch-lanes-inner{position:absolute;left:0;top:0;width:1px;height:1px}.arch-halo{position:absolute;border-radius:14px;border:1px solid transparent;background:rgba(120,120,120,.05);transition:background .12s ease}.arch-group-label{position:absolute;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);opacity:.8;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);white-space:nowrap}.arch-halo--public{background:rgba(150,150,200,.1);border-color:rgba(150,150,200,.22)}.arch-halo--edge{background:rgba(80,130,200,.1);border-color:rgba(80,130,200,.22)}.arch-halo--app{background:rgba(40,160,130,.1);border-color:rgba(40,160,130,.22)}.arch-halo--data{background:rgba(0,110,200,.1);border-color:rgba(0,110,200,.22)}.arch-halo--external{background:rgba(150,90,200,.1);border-color:rgba(150,90,200,.22)}.arch-halo--cron{background:rgba(200,130,30,.1);border-color:rgba(200,130,30,.22)}.arch-group-label--public{color:rgb(120,120,180)}.arch-group-label--edge{color:rgb(60,110,180)}.arch-group-label--app{color:rgb(30,140,110)}.arch-group-label--data{color:rgb(0,90,180)}.arch-group-label--external{color:rgb(130,70,180)}.arch-group-label--cron{color:rgb(180,110,20)}.arch-controls{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:6px}.arch-controls-modes{display:flex;gap:4px;flex-wrap:wrap}@media (max-width:768px){.arch-controls-mode{padding:4px 8px;font-size:11px}.arch-controls-ts{display:none}.arch-legend{font-size:10px;padding:4px 8px;bottom:4px}.arch-node{min-width:130px;font-size:10px;padding:6px 8px}}.arch-controls-mode{background:transparent;border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px;color:var(--text-muted);cursor:pointer}.arch-controls-mode.is-active{background:var(--accent);color:white;border-color:var(--accent)}.arch-controls-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--text-muted)}.arch-controls-refresh{background:transparent;border:1px solid var(--border);border-radius:4px;width:24px;height:24px;cursor:pointer;color:var(--text-muted)}.arch-controls-layout-meta{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);background:rgba(120,80,200,.1);border:1px solid rgba(120,80,200,.25);padding:2px 6px;border-radius:3px}.arch-controls-reset{background:transparent;border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text-muted);cursor:pointer}.arch-controls-reset:hover{color:var(--text);border-color:var(--text-muted)}.arch-legend{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:11px;display:flex;flex-direction:column;gap:4px;z-index:10}.arch-legend-row{display:flex;gap:12px;align-items:center}.arch-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;border:1.5px solid var(--border)}.arch-legend-swatch--service{background:var(--surface)}.arch-legend-swatch--data{background:rgba(0,100,200,.1)}.arch-legend-swatch--external{background:rgba(120,80,200,.1);border-style:dashed}.arch-legend-swatch--cron{background:rgba(200,120,0,.1)}.arch-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.arch-legend-dot[data-tone=green]{background:var(--success)}.arch-legend-dot[data-tone=amber]{background:var(--warn)}.arch-legend-dot[data-tone=red]{background:var(--danger)}.arch-legend-dot[data-tone=unknown]{background:var(--border)}.arch-detail-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.arch-detail-desc{color:var(--text-muted);font-size:13px;line-height:1.4;margin:8px 0}.arch-detail-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:12px 0}.arch-detail-metric{padding:6px 8px;background:var(--surface-2,var(--surface));border-radius:4px}.arch-detail-metric-label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase}.arch-detail-metric-value{display:block;font-size:14px;color:var(--text);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arch-detail-warnings{background:rgba(200,120,0,.06);border-left:3px solid var(--warn);padding:8px 10px;margin:12px 0}.arch-detail-warning{font-size:12px;color:var(--text)}.arch-detail-sharp{background:rgba(200,50,50,.04);border-left:3px solid var(--danger);padding:8px 10px;margin:12px 0}.arch-detail-sharp-title{font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:4px}.arch-detail-sharp ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-muted)}.arch-detail-meta{font-size:12px;color:var(--text-muted);margin:4px 0}.arch-detail-meta span{font-weight:600}.arch-detail-link{display:inline-block;color:var(--accent);font-size:13px;text-decoration:none}.arch-detail-link:hover{text-decoration:underline}.arch-detail-links{display:flex;flex-direction:column;gap:6px;margin-top:12px}.arch-detail-block{margin:14px 0 8px}.arch-detail-block-title{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.arch-actions-list{display:flex;flex-direction:column;gap:6px}.arch-action-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.arch-action-btn:hover:not(:disabled){border-color:var(--accent);background:rgba(0,0,0,.02)}.arch-action-btn:disabled{opacity:.5;cursor:not-allowed}.arch-action-btn--danger{color:var(--danger);border-color:rgba(220,38,38,.3)}.arch-action-btn--danger:hover:not(:disabled){background:rgba(220,38,38,.04);border-color:var(--danger)}.arch-action-footnote{font-size:10px;color:var(--text-muted)}.arch-audit-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px}.arch-audit-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:6px;gap:6px;font-size:11px;padding:4px 6px;border-bottom:1px dashed var(--border);align-items:baseline}.arch-audit-target code{font-size:10px}.arch-audit-when{color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arch-audit-actor{color:var(--text-muted);font-size:10px;grid-column:3;text-align:right}.arch-audit-error{grid-column:1/-1;color:var(--danger);font-size:10px;margin-top:2px}.arch-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap}.arch-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 10px;transition:color .15s,border-color .15s}.arch-tab:hover{color:var(--text)}.arch-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.arch-tables{width:100%;border-collapse:collapse;font-size:12px}.arch-tables td,.arch-tables th{text-align:left;padding:4px 6px;border-bottom:1px solid var(--border)}.arch-tables th{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-weight:600}.arch-tables td code{font-size:11px}.arch-tables-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arch-tables-empty{color:var(--text-muted);text-align:center;padding:12px;font-style:italic}.arch-conn-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.arch-conn-row{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.arch-conn-row:hover{border-color:var(--accent);background:rgba(0,0,0,.02)}.arch-conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.arch-conn-dot--green{background:var(--success)}.arch-conn-dot--amber{background:var(--warn)}.arch-conn-dot--red{background:var(--danger)}.arch-conn-dot--unknown{background:var(--border)}.arch-conn-name{flex:1 1;font-weight:500}.arch-conn-proto{padding:1px 6px;border:1px solid var(--border);border-radius:8px}.arch-conn-proto,.arch-conn-rate{font-size:10px;color:var(--text-muted)}.arch-conn-rate{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.react-flow__controls{background:rgba(10,13,18,.85);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:0 4px 12px rgba(0,0,0,.4);overflow:hidden}.react-flow__controls-button{background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);width:28px;height:28px;transition:background var(--t-fast),color var(--t-fast)}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls-button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.react-flow__controls-button path,.react-flow__controls-button svg{fill:currentColor}.react-flow__minimap{background:rgba(10,13,18,.85)!important;border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:0 4px 12px rgba(0,0,0,.4);overflow:hidden}.react-flow__attribution{display:none}.supervisor-banner{padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.supervisor-banner-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.supervisor-banner-left{flex:1 1 320px;min-width:0}.supervisor-banner-right{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.supervisor-banner-label{font-size:var(--fs-11);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.supervisor-banner-value{font-size:var(--fs-15);color:var(--text-primary)}.supervisor-banner-summary{margin-top:var(--s-2);font-size:var(--fs-13);color:var(--text-secondary);font-style:italic}.supervisor-banner-sevs{display:flex;gap:var(--s-4);align-items:center}.supervisor-sev-pill{display:inline-flex;align-items:center;font-size:var(--fs-13)}.supervisor-banner-total{color:var(--text-muted);font-size:var(--fs-13)}.supervisor-filters{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4)}.supervisor-filter-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.supervisor-filter-label{font-size:var(--fs-11);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:60px}.supervisor-chip-row{display:flex;gap:var(--s-1);flex-wrap:wrap}.supervisor-chip{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-12);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.supervisor-chip:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.supervisor-chip--active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.supervisor-feed{display:flex;flex-direction:column;gap:var(--s-3)}.supervisor-proposal{padding:var(--s-4) var(--s-5)}.supervisor-proposal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-2)}.supervisor-proposal-chips{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}.supervisor-proposal-when{color:var(--text-muted);font-size:var(--fs-12);white-space:nowrap}.supervisor-lens-chip{font-size:var(--fs-11);padding:3px 8px;border-radius:var(--r-pill);font-weight:500;text-transform:capitalize}.supervisor-confidence{font-family:var(--f-mono);font-size:var(--fs-11);color:var(--text-muted)}.supervisor-proposal-headline{font-size:var(--fs-15);font-weight:600;color:var(--text-primary);margin:var(--s-2) 0 var(--s-3)}.supervisor-proposal-section{margin-top:var(--s-3)}.supervisor-proposal-section-label{font-size:var(--fs-11);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--s-1)}.supervisor-evidence{margin:0;padding-left:16px;font-family:var(--f-mono);font-size:var(--fs-12);color:var(--text-secondary)}.supervisor-evidence-item{margin-bottom:2px;word-break:break-all}.supervisor-action{padding:var(--s-2) 0}.supervisor-action-summary{color:var(--text-primary);font-size:var(--fs-13);margin-bottom:var(--s-1)}.supervisor-action-tool{display:flex;gap:var(--s-2);flex-wrap:wrap;font-family:var(--f-mono);font-size:var(--fs-11);color:var(--text-muted)}.supervisor-action-tool code{background:var(--bg-surface);padding:2px 6px;border-radius:var(--r-sm)}.supervisor-action-args{color:var(--text-faint)}.supervisor-impacts{display:grid;grid-gap:4px;gap:4px;margin-top:var(--s-3);font-size:var(--fs-13)}.supervisor-impact-label{font-weight:500}.supervisor-proposal-actions{display:flex;gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap}.supervisor-review-meta{font-size:var(--fs-12);color:var(--text-muted);margin-top:var(--s-3)}.supervisor-review-note{font-style:italic;color:var(--text-secondary);margin:4px 0}@media (max-width:720px){.supervisor-banner-row{flex-direction:column;align-items:stretch}.supervisor-banner-right{justify-content:space-between}.supervisor-banner-sevs{gap:var(--s-3)}}