@font-face{font-family:__geistSans_1e4310;src:url(/_next/static/media/4473ecc91f70f139-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:__geistSans_Fallback_1e4310;src:local("Arial");ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.__className_1e4310{font-family:__geistSans_1e4310,__geistSans_Fallback_1e4310}.__variable_1e4310{--font-geist-sans:"__geistSans_1e4310","__geistSans_Fallback_1e4310"}@font-face{font-family:__geistMono_c3aa02;src:url(/_next/static/media/463dafcda517f24f-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:__geistMono_Fallback_c3aa02;src:local("Arial");ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.__className_c3aa02{font-family:__geistMono_c3aa02,__geistMono_Fallback_c3aa02}.__variable_c3aa02{--font-geist-mono:"__geistMono_c3aa02","__geistMono_Fallback_c3aa02"}:root{--brand-50:#effcf8;--brand-100:#d4f7ec;--brand-200:#a8eeda;--brand-300:#6fdfc3;--brand-400:#35c9a9;--brand-500:#12b391;--brand-600:#0b9478;--brand-700:#0b7662;--brand-800:#0c5e4f;--brand-900:#0b4d41;--brand-950:#052e27;--accent-400:#a78bfa;--accent-500:#8b5cf6;--accent-600:#7c3aed;--side-bg:#0b1614;--side-bg-2:#0e1d1a;--side-border:hsla(0,0%,100%,.07);--side-text:#94a8a2;--side-text-hi:#e7f0ed;--slate-25:#fcfcfd;--slate-50:#f8f9fb;--slate-100:#f1f3f6;--slate-200:#e4e8ee;--slate-300:#cdd3dc;--slate-400:#9aa3b2;--slate-500:#6b7280;--slate-600:#4b5563;--slate-700:#374151;--slate-800:#1f2937;--slate-900:#111827;--slate-950:#0b0f1a;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff;--bg:#f8f9fb;--surface:#fff;--surface-2:#fcfcfd;--border:#e4e8ee;--border-strong:#cdd3dc;--text:#1f2937;--text-muted:#6b7280;--text-subtle:#9aa3b2;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--shadow-xs:0 1px 2px rgba(16,24,40,.05);--shadow-sm:0 1px 3px rgba(16,24,40,.07),0 1px 2px rgba(16,24,40,.04);--shadow-md:0 4px 12px rgba(16,24,40,.08),0 2px 4px rgba(16,24,40,.04);--shadow-lg:0 12px 32px rgba(16,24,40,.12),0 4px 8px rgba(16,24,40,.05);--shadow-pop:0 20px 60px rgba(16,24,40,.18),0 8px 16px rgba(16,24,40,.08);--sidebar-w:256px;--topbar-h:60px}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--brand-600);text-decoration:none}a:hover{color:var(--brand-700)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}h1,h2,h3,h4{margin:0;font-weight:650;color:var(--slate-900);letter-spacing:-.01em}p,ul{margin:0}ul{padding:0;list-style:none}hr{border:none;border-top:1px solid var(--border);margin:0}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--side-bg-2),var(--side-bg) 40%);border-right:1px solid var(--side-border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:30}.sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-color:transparent}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;border-bottom:1px solid var(--side-border);position:-webkit-sticky;position:sticky;top:0;background:var(--side-bg-2);z-index:2}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#35c9a9,#0b7662);display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;box-shadow:0 4px 14px rgba(18,179,145,.4),inset 0 1px 0 hsla(0,0%,100%,.25)}.brand-name{font-weight:700;font-size:15px;color:var(--side-text-hi);letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--side-text);font-weight:500}.nav{padding:12px 12px 24px;flex:1 1}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:rgba(148,168,162,.65);font-weight:600;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--r-md);color:var(--side-text);font-size:13.5px;font-weight:500;margin-bottom:1px;transition:all .15s ease;position:relative}.nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--side-text-hi)}.nav-item.active{background:rgba(18,179,145,.13);color:#4fe3c2;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;background:var(--brand-400);border-radius:0 3px 3px 0}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item .badge-count{margin-left:auto;background:hsla(0,0%,100%,.08);color:var(--side-text);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:10px}.nav-item.active .badge-count{background:rgba(18,179,145,.25);color:#4fe3c2}.sidebar-foot{border-top:1px solid var(--side-border);padding:12px}.org-switch{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);cursor:pointer}.org-switch:hover{background:hsla(0,0%,100%,.05)}.org-switch>svg{width:15px;height:15px;flex-shrink:0;color:var(--side-text);margin-left:auto}.org-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.org-info{line-height:1.2;min-width:0}.org-name{font-size:12.5px;font-weight:600;color:var(--side-text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-plan{font-size:11px;color:var(--side-text)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);gap:14px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.crumbs,.topbar{display:flex;align-items:center}.crumbs{gap:8px;font-size:13px}.crumbs .c-muted{color:var(--text-subtle)}.crumbs .c-current{color:var(--slate-900);font-weight:600}.crumbs .sep{color:var(--text-subtle)}.topbar-spacer{flex:1 1}.searchbox{position:relative;width:280px}.searchbox .input{width:100%;padding:7px 12px 7px 32px!important;border:1px solid var(--border);border-radius:var(--r-md);background:var(--slate-50);color:var(--text);outline:none;transition:.15s}.searchbox .input:focus{background:#fff;border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-50)}.searchbox svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--slate-400);width:14px;height:14px;pointer-events:none;z-index:10}.iconbtn{width:36px;height:36px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;display:grid;place-items:center;color:var(--text-muted);position:relative;transition:.15s}.iconbtn:hover{background:var(--slate-100);color:var(--slate-800)}.iconbtn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:2px solid #fff}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer;transition:.15s}.user-chip:hover{background:var(--slate-50)}.user-chip .ua{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.user-chip .un{font-size:12.5px;font-weight:600;color:var(--slate-800)}.user-chip>svg{width:14px;height:14px;color:var(--text-subtle);flex-shrink:0}.content{padding:28px 32px 64px;width:100%}.page-head{margin-bottom:22px;display:flex;align-items:flex-start;gap:16px}.page-head .ph-text{flex:1 1;min-width:0}.page-title{font-size:22px;font-weight:700}.page-desc{color:var(--text-muted);font-size:13.5px;margin-top:4px;max-width:80ch}.page-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--r-md);font-size:13px;font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:0 1px 2px rgba(11,148,120,.3),inset 0 1px 0 hsla(0,0%,100%,.12)}.btn-primary:hover{background:var(--brand-700)}.btn-secondary{background:#fff;color:var(--slate-700);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--slate-50);border-color:var(--slate-400)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--slate-100);color:var(--slate-800)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger-ghost{background:#fff;color:var(--danger);border-color:#fecaca}.btn-danger-ghost:hover{background:var(--danger-bg)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:11px 18px;font-size:14px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.card-title{font-size:14.5px;font-weight:650}.card-desc{font-size:12.5px;color:var(--text-muted);margin-top:2px}.card-head .ch-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.card-body{padding:20px}.card-body.p-0{padding:0}.card-foot{padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);display:flex;align-items:center;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px}.stat-value{font-size:27px;font-weight:700;color:var(--slate-900);margin-top:6px;letter-spacing:-.02em}.stat-foot{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:5px;color:var(--text-muted)}.stat-icon{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.stat-icon svg{width:17px;height:17px}.trend-up{color:var(--success);font-weight:600}.trend-down{color:var(--danger);font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.6}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge.no-dot:before{display:none}.badge-success{background:var(--success-bg);color:#047857}.badge-warning{background:var(--warning-bg);color:#b45309}.badge-danger{background:var(--danger-bg);color:#b91c1c}.badge-info{background:var(--info-bg);color:#1d4ed8}.badge-neutral{background:var(--slate-100);color:var(--slate-600)}.badge-brand{background:var(--brand-50);color:var(--brand-700)}.badge-dot-lg:before{width:7px;height:7px}.arch-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.arch-status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.arch-status.live{background:var(--success-bg);color:#047857}.arch-status.live:before{background:#10b981}.arch-status.plan{background:var(--warning-bg);color:#b45309}.arch-status.plan:before{background:#f59e0b}.arch-node .arch-status{position:absolute;top:6px;right:6px}.arch-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--text-muted);background:var(--slate-50);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;margin-bottom:16px}.arch-legend strong{color:var(--slate-800);font-weight:650}.arch-legend .leg-item{display:inline-flex;align-items:center;gap:6px}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;padding:10px 16px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);background:var(--slate-50);white-space:nowrap}table.tbl td,table.tbl th{border-bottom:1px solid var(--border)}table.tbl td{padding:13px 16px;vertical-align:middle}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr{transition:background .12s}table.tbl tbody tr:hover{background:var(--slate-50)}table.tbl .cell-strong{font-weight:600;color:var(--slate-900)}table.tbl .cell-muted{color:var(--text-muted)}table.tbl .cell-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.tbl-actions{display:flex;gap:4px;justify-content:flex-end}.row-click{cursor:pointer}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--slate-700);margin-bottom:6px}.form-label .req{color:var(--danger)}.form-hint{font-size:12px;color:var(--text-muted);margin-top:5px}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:#fff;color:var(--text);outline:none;transition:.15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-50)}.input.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.textarea{resize:vertical;min-height:90px}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-right:70px}.input-group .ig-suffix{position:absolute;right:6px}.input-affix{display:flex;align-items:stretch;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden}.input-affix .input{border:none;border-radius:0}.input-affix .affix{display:flex;align-items:center;padding:0 12px;background:var(--slate-50);color:var(--text-muted);font-size:12.5px;border-right:1px solid var(--border-strong)}.checkbox-row{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 0}.checkbox-row input{width:16px;height:16px;accent-color:var(--brand-600)}.radio-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:6px 0}.radio-row input{margin-top:2px;width:16px;height:16px;accent-color:var(--brand-600)}.toggle{position:relative;display:inline-block;width:38px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:var(--slate-300);border-radius:999px;transition:.2s;cursor:pointer}.toggle .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle input:checked+.slider{background:var(--brand-600)}.toggle input:checked+.slider:before{transform:translateX(16px)}.toggle-lg{width:44px;height:25px}.toggle-lg .slider:before{height:19px;width:19px;left:3px;top:3px}.toggle-lg input:checked+.slider:before{transform:translateX(19px)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-2{grid-template-columns:1fr 2fr}.stack{flex-direction:column;gap:16px}.row,.stack{display:flex}.row{gap:12px;align-items:center}.row-wrap{flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.grow{flex:1 1;min-width:0}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.tc{text-align:center}.nowrap{white-space:nowrap}.divider-v{width:1px;align-self:stretch;background:var(--border)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tab{padding:11px 16px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:.15s;margin-bottom:-1px}.tab:hover{color:var(--slate-800)}.tab.active{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:600}.seg button{padding:5px 12px;font-weight:500}.seg button.active{color:var(--slate-900);font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:44px;height:44px;font-size:16px}.av-1{background:linear-gradient(135deg,#35c9a9,#0b7662)}.av-2{background:linear-gradient(135deg,#f59e0b,#ef4444)}.av-3{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.av-4{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.av-5{background:linear-gradient(135deg,#ec4899,#be185d)}.av-6{background:linear-gradient(135deg,#10b981,#047857)}.cell-user{display:flex;align-items:center;gap:10px}.cell-user .cu-name{font-weight:600;color:var(--slate-900);font-size:13px;line-height:1.2}.cell-user .cu-email{font-size:12px;color:var(--text-muted);line-height:1.2}.chart{height:240px;position:relative}.bars{display:flex;align-items:flex-end;gap:8px;height:200px;padding:0 4px}.bars .bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bars .bar{width:60%;max-width:26px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--brand-400),var(--brand-600));transition:.3s;min-height:2px}.bars .bar.alt{background:linear-gradient(180deg,var(--accent-400),var(--accent-600))}.bars .bar-lbl{font-size:10.5px;color:var(--text-subtle)}.spark{display:flex;gap:3px;align-items:flex-end;height:30px}.spark span{flex:1 1;background:var(--brand-400);border-radius:2px 2px 0 0;opacity:.8;min-height:3px}.donut{width:140px;height:140px;place-items:center;position:relative}.donut,.donut-hole{border-radius:50%;display:grid}.donut-hole{width:90px;height:90px;background:var(--surface);place-items:center;text-align:center}.donut-hole .dv{font-size:22px;font-weight:700}.donut-hole .dl{font-size:11px;color:var(--text-muted)}.legend{display:flex;flex-direction:column;gap:9px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12.5px}.legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.linechart{width:100%;height:200px;display:block}.meter{height:7px;background:var(--slate-100);overflow:hidden}.meter,.meter-fill{border-radius:999px}.meter-fill{height:100%;background:var(--brand-500);transition:width .4s}.meter-fill.success{background:var(--success)}.meter-fill.warn{background:var(--warning)}.meter-fill.danger{background:var(--danger)}.usage-row{display:flex;align-items:center;gap:12px}.usage-row .ur-lbl{width:130px;font-size:12.5px;font-weight:500;color:var(--slate-700)}.usage-row .ur-bar{flex:1 1}.usage-row .ur-val{width:80px;text-align:right;font-size:12px;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.matrix-scroll{overflow-x:auto}table.matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}table.matrix td,table.matrix th{padding:9px 12px;text-align:center;border-bottom:1px solid var(--border)}table.matrix td:first-child,table.matrix th:first-child{text-align:left;width:200px}table.matrix thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);border-bottom:1px solid var(--border-strong)}table.matrix td.mod,table.matrix thead th{background:var(--slate-50);font-weight:600}table.matrix td.mod{color:var(--slate-800)}table.matrix tr:hover td{background:rgba(18,179,145,.045)}.perm-yes{color:var(--success);font-weight:700}.perm-no{color:var(--slate-300)}.perm-partial{color:var(--warning);font-weight:700}.empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-icon{width:56px;height:56px;border-radius:14px;background:var(--slate-100);display:grid;place-items:center;margin:0 auto 14px;color:var(--text-subtle)}.empty h3{font-size:15px;color:var(--slate-800);margin-bottom:5px}.empty p{font-size:13px;max-width:360px;margin:0 auto 16px}.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal,.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:var(--r-xl);width:100%;max-width:520px;box-shadow:var(--shadow-pop);max-height:90vh;overflow:hidden;flex-direction:column;animation:pop .18s ease}.modal.lg{max-width:760px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.modal-head .mh-title{font-size:16px;font-weight:650}.modal-head .mh-close{margin-left:auto}.modal-body{padding:22px;overflow-y:auto}.modal-foot{padding:14px 22px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;gap:10px;justify-content:flex-end;border-radius:0 0 var(--r-xl) var(--r-xl)}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:200;flex-direction:column}.toast,.toast-wrap{display:flex;gap:10px}.toast{background:#fff;border:1px solid var(--border);border-left:4px solid var(--success);padding:12px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);align-items:flex-start;min-width:280px;max-width:360px;animation:slideIn .25s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.code-block{background:var(--slate-900);color:#e4e8ee;border-radius:var(--r-md);padding:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;overflow-x:auto;line-height:1.6;position:relative}.code-block .c-key{color:#4fe3c2}.code-block .c-str{color:#c4b5fd}.code-block .c-com{color:#6b7280}.code-block .c-num{color:#f59e0b}.code-head{background:var(--slate-800);color:var(--slate-300);padding:8px 14px;font-size:11.5px;font-family:JetBrains Mono,monospace;border-radius:var(--r-md) var(--r-md) 0 0;display:flex;align-items:center;gap:8px;border:1px solid var(--slate-800)}.code-head+.code-block{border-radius:0 0 var(--r-md) var(--r-md)}.kbd{font-family:JetBrains Mono,monospace;background:var(--slate-100);border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:5px;padding:1px 6px;font-size:11px;color:var(--slate-700)}.callout{padding:14px 16px;border-radius:var(--r-md);display:flex;gap:12px;font-size:13px}.callout-icon{flex-shrink:0;margin-top:1px}.callout-info{background:var(--info-bg);color:#1e40af;border:1px solid #bfdbfe}.callout-warn{background:var(--warning-bg);color:#92400e;border:1px solid #fde68a}.callout-success{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.callout-brand{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200)}.statusdot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.sd-up{background:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.sd-deg{background:var(--warning);box-shadow:0 0 0 3px var(--warning-bg)}.sd-down{background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.provider-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;transition:.15s;cursor:pointer;position:relative;background:#fff}.provider-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm)}.provider-card.enabled{border-color:var(--brand-200);background:linear-gradient(180deg,#fff,var(--brand-50)/.3)}.pc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pc-logo{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff}.pc-name{font-weight:650;font-size:14px}.pc-type{font-size:11.5px;color:var(--text-muted)}.pc-toggle{position:absolute;top:14px;right:14px}.flow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.flow-step{flex:1 1;min-width:160px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;position:relative}.flow-step .fs-num{width:24px;height:24px;border-radius:50%;background:var(--brand-600);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;margin-bottom:8px}.flow-step .fs-title{font-weight:650;font-size:13px;margin-bottom:4px}.flow-step .fs-desc{font-size:12px;color:var(--text-muted);line-height:1.45}.flow-arrow{display:flex;align-items:center;padding:0 4px;color:var(--brand-400);align-self:center}.flow-arrow svg{width:22px;height:22px}.arch{display:flex;flex-direction:column;gap:20px;align-items:center}.arch-layer{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.arch-node{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;min-width:150px;text-align:center;box-shadow:var(--shadow-xs);position:relative}.arch-node.an-brand{border-color:var(--brand-200);background:linear-gradient(180deg,#fff,var(--brand-50))}.arch-node .an-icon{margin-bottom:6px;color:var(--brand-600)}.arch-node .an-title{font-weight:650;font-size:13px}.arch-node .an-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.arch-bus{width:80%;height:2px;background:var(--brand-300);position:relative}.arch-bus:after{content:"";position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:10px;height:10px;background:var(--brand-500);border-radius:50%}.arch-arrow{color:var(--text-subtle);display:grid;place-items:center}.arch-arrow svg{width:18px;height:18px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:radial-gradient(900px 600px at 85% -10%,rgba(53,201,169,.45),transparent 60%),radial-gradient(700px 520px at -10% 110%,rgba(139,92,246,.28),transparent 62%),linear-gradient(160deg,#0d4237,var(--brand-950) 72%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-aside:before{top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,hsla(0,0%,100%,.1),transparent 70%)}.auth-aside:after,.auth-aside:before{content:"";position:absolute;border-radius:50%}.auth-aside:after{bottom:-30%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 70%)}.auth-aside .aa-content{position:relative;z-index:1}.auth-aside .aa-brand{display:flex;align-items:center;gap:10px;margin-bottom:56px}.auth-aside .aa-brand .brand-mark{width:38px;height:38px;border-radius:10px;font-size:18px}.auth-aside .aa-brand-name{font-size:18px;font-weight:700}.auth-aside h2{color:#fff;font-size:30px;line-height:1.25;margin-bottom:16px;max-width:18ch}.auth-aside p{color:hsla(0,0%,100%,.78);font-size:14.5px;max-width:42ch;line-height:1.6}.auth-aside .aa-quotes{position:relative;z-index:1}.aa-quote{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-lg);padding:18px 20px;max-width:420px}.aa-quote p{color:#fff;font-size:14px;line-height:1.5;margin-bottom:12px}.aa-quote .aq-by{display:flex;align-items:center;gap:10px;font-size:12.5px;color:hsla(0,0%,100%,.8)}.glass-demo{position:relative;z-index:1;max-width:440px;width:100%;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(53,201,169,.75),hsla(0,0%,100%,.1) 35%,rgba(167,139,250,.65));box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 42px rgba(53,201,169,.16),0 0 60px rgba(139,92,246,.12);transform:rotate(-1.6deg);transition:transform .35s ease}.glass-demo:hover{transform:rotate(0deg) translateY(-2px)}.glass-demo .gd-inner{border-radius:17px;background:linear-gradient(165deg,rgba(16,28,26,.92),rgba(10,16,20,.88));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:14px 22px 22px;overflow:hidden;position:relative}.glass-demo .gd-inner:before{content:"";position:absolute;top:-40%;left:-20%;width:80%;height:80%;pointer-events:none;background:radial-gradient(circle,rgba(53,201,169,.12),transparent 65%)}.gd-titlebar{display:flex;align-items:center;gap:6px;margin-bottom:18px;position:relative}.gd-titlebar .dot{width:11px;height:11px;border-radius:50%}.gd-titlebar .dot.r{background:#ff5f57}.gd-titlebar .dot.y{background:#febc2e}.gd-titlebar .dot.g{background:#28c840}.gd-titlebar .gd-title{position:absolute;left:50%;transform:translateX(-50%);font-size:11.5px;color:rgba(231,240,237,.55);font-weight:500;white-space:nowrap}.gd-mic{display:grid;place-items:center;margin:6px 0 18px}.gd-mic .gd-mic-ring{width:88px;height:88px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,#35c9a9,#4fe3c2,#a78bfa,#8b5cf6,#35c9a9);box-shadow:0 0 30px rgba(79,227,194,.45),0 0 64px rgba(139,92,246,.3);animation:gd-pulse 3.2s ease-in-out infinite}.gd-mic .gd-mic-core{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#17302b,#0a1412 70%);display:grid;place-items:center;color:#dffcf4}.gd-mic svg{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(79,227,194,.6))}@keyframes gd-pulse{0%,to{box-shadow:0 0 22px rgba(79,227,194,.3),0 0 44px rgba(139,92,246,.2)}50%{box-shadow:0 0 34px rgba(79,227,194,.5),0 0 64px rgba(139,92,246,.32)}}.gd-wave{display:flex;align-items:center;gap:3px;height:56px;margin-bottom:18px;position:relative}.gd-wave span{flex:1 1;border-radius:2px;min-height:3px;animation:gd-eq 1.8s ease-in-out infinite}@keyframes gd-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}.gd-text{font-size:13px;line-height:1.65;color:rgba(231,240,237,.88);position:relative}.gd-text .gd-live{color:#4fe3c2;font-weight:600}.gd-text .gd-dim{color:rgba(231,240,237,.55)}.gd-text .gd-tag{color:#a78bfa;font-weight:600}.gd-caret{display:inline-block;width:1.5px;height:1em;background:#4fe3c2;vertical-align:-2px;margin-left:2px;animation:gd-blink 1.1s steps(1) infinite}@keyframes gd-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.gd-caret,.gd-mic .gd-mic-ring,.gd-wave span{animation:none}}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.auth-card{width:100%;max-width:400px}.auth-card .ac-back{margin-bottom:24px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.auth-card h1{font-size:26px;font-weight:700;margin-bottom:6px}.auth-card .ac-sub{color:var(--text-muted);font-size:14px;margin-bottom:28px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-subtle);font-size:12px;margin:22px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.sso-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid var(--border-strong);background:#fff;border-radius:var(--r-md);font-weight:600;font-size:13px;color:var(--slate-700);transition:.15s}.sso-btn:hover{background:var(--slate-50)}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}.tl-item{position:relative;padding-bottom:18px}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-22px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--brand-500)}.tl-dot.warn{border-color:var(--warning)}.tl-dot.danger{border-color:var(--danger)}.tl-dot.neutral{border-color:var(--slate-300)}.tl-meta{font-size:11.5px;color:var(--text-subtle);margin-bottom:2px}.tl-title{font-size:13px;font-weight:600;color:var(--slate-800)}.tl-desc{font-size:12.5px;color:var(--text-muted);margin-top:2px}.flag-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}.flag-row:last-child{border-bottom:none}.flag-info{flex:1 1;min-width:0}.flag-name{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px}.flag-key{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--text-subtle)}.flag-desc{font-size:12px;color:var(--text-muted);margin-top:3px}.set-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.set-row .sr-info{flex:1 1;min-width:0}.set-row .sr-title{font-weight:600;font-size:13.5px;color:var(--slate-800)}.set-row .sr-desc{font-size:12.5px;color:var(--text-muted);margin-top:3px}.health-list{padding:4px 0}.health-row{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--border);transition:background .12s}.health-row:last-child{border-bottom:none}.health-row:hover{background:var(--slate-50)}.health-row>.statusdot{flex-shrink:0;margin-right:0}.health-info{flex:1 1;min-width:0}.health-name{font-weight:600;font-size:13.5px;color:var(--slate-800);line-height:1.3}.health-meta{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:11.5px;color:var(--text-subtle)}.health-meta .hm-sep{color:var(--slate-300)}.health-desc{font-size:12px;color:var(--text-muted);margin-top:3px;line-height:1.4}@media (max-width:768px){.health-row{padding:12px 16px}}.tag{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--slate-100);color:var(--slate-600);font-size:11.5px;font-weight:500}.tag-brand{background:var(--brand-50);color:var(--brand-700)}.copy-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:var(--slate-100);color:var(--text-muted);font-size:11.5px;cursor:pointer;transition:.15s}.copy-chip:hover{background:var(--slate-200)}.kbd-key{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--slate-800);color:#fff;padding:2px 7px;border-radius:4px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.feat-select{flex-shrink:0;width:240px;max-width:42%}.seg{display:inline-flex;background:var(--slate-100);border-radius:var(--r-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;padding:7px 14px;font-size:12.5px;color:var(--text-muted);border-radius:7px;cursor:pointer;transition:.15s;white-space:nowrap;font:inherit;font-weight:600}.seg button:hover{color:var(--slate-800)}.seg button.active{background:#fff;color:var(--brand-700);box-shadow:var(--shadow-xs)}.flow-step.primary{border-color:var(--brand-200);background:linear-gradient(180deg,#fff,var(--brand-50))}.traffic-breakdown{margin-top:14px;display:flex;flex-direction:column;gap:9px}.tb-row{display:flex;align-items:center;gap:12px}.tb-label{font-size:12px;font-weight:600;color:var(--slate-700);min-width:96px}.tb-bar{flex:1 1;min-width:0;height:8px;background:var(--slate-100);overflow:hidden}.tb-bar,.tb-fill{border-radius:5px}.tb-fill{height:100%;transition:width .4s ease}.tb-val{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--text-muted);min-width:56px;text-align:right}@media (max-width:768px){.tb-label{min-width:72px}.tb-val{min-width:44px}}.sidebar-toggle{display:none}@media (max-width:1100px){.grid-3,.grid-4,.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-1-2,.grid-2-1{grid-template-columns:1fr}}@media (max-width:900px){.auth-wrap{grid-template-columns:1fr}.auth-aside,.searchbox{display:none}}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:grid}.content{padding:18px 16px 48px}.grid-2,.grid-3,.grid-4,.stat-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.topbar{padding:0 16px}.user-chip .un{display:none}}@media (max-width:520px){.crumbs{font-size:12px}}@media (max-width:640px){.modal{max-width:100%}.modal .grid-2{grid-template-columns:1fr}.feat-select{width:100%;max-width:100%}.set-row{flex-direction:column;align-items:stretch;gap:8px}.set-row .sr-control{width:100%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--slate-300)}