html.routx-app-root,body.routx-app-body{overscroll-behavior:none;background:#f3e9fb;height:100%;overflow:hidden}body.routx-app-body{background:#f3e9fb;width:100%;position:fixed;inset:0}body.routx-app-body #root{height:100%}.m-app{--m-accent:#d81b60;--m-accent-soft:#fde7ef;--m-ink:#241d2b;--m-muted:#8a8496;--m-line:#785a781f;--m-card:#fff;--m-shadow:0 14px 34px #6030541a;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:auto;min-height:0;color:var(--m-ink);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 60% at 0 0,#fdeeea 0%,#fdeeea00 60%),radial-gradient(120% 60% at 100% 20%,#f7e6f6 0%,#f7e6f600 55%),linear-gradient(165deg,#fdf2ef 0%,#fbeaf0 45%,#f2e9fb 100%);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.m-screen{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;width:100%;max-width:520px;min-height:0;margin:0 auto;padding-bottom:16px;overflow:hidden auto}.m-screen::-webkit-scrollbar{display:none}.m-header{padding:calc(14px + env(safe-area-inset-top)) 16px 6px;align-items:center;gap:10px;max-width:520px;margin:0 auto;display:flex}.m-header-title{letter-spacing:.01em;opacity:.75;font-size:.95rem;font-weight:600}.m-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.m-branddot{background:#fff;border-radius:11px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 6px 16px #6030541f}.m-branddot svg{width:22px;height:22px;color:var(--m-accent);fill:none;stroke:var(--m-accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.m-branddot circle{fill:var(--m-accent);stroke:none}.m-iconbtn{width:40px;height:40px;color:var(--m-ink);cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 8px 18px #6030541f}.m-iconbtn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.m-body{flex-direction:column;gap:12px;padding:6px 16px 8px;display:flex}.m-card{background:var(--m-card);box-shadow:var(--m-shadow);border-radius:24px;padding:18px}.m-routerchip{color:var(--m-ink);cursor:pointer;background:#fff;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 10px 22px #6030541f}.m-routerchip svg{fill:none;width:16px;height:16px;stroke:var(--m-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.m-hero{background:radial-gradient(80% 90% at 100% 100%,#fbd9e4 0%,#fbd9e400 62%),radial-gradient(70% 70% at 0 0,#fdeee6 0%,#fdeee600 58%),#fff;padding:20px 20px 22px;position:relative;overflow:hidden}.m-status{color:var(--m-muted);background:#f4f1f6;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:.78rem;font-weight:600;display:inline-flex}.m-status-ok{color:#12855a;background:#eaf8f0}.m-status-warn{color:#b47117;background:#fff4e6}.m-status-bad{color:#c4453a;background:#fdecec}.m-status .m-dot{background:currentColor}.m-clock{letter-spacing:-.045em;margin-top:16px;font-size:3.9rem;font-weight:800;line-height:1}.m-date{color:var(--m-muted);margin-top:6px;font-size:.9rem}.m-link{color:var(--m-accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:.82rem;font-weight:600}.m-link-center{text-align:center;width:100%;margin:16px 0 4px;display:block}.m-chips{flex-wrap:wrap;gap:8px;display:flex}.m-chip{background:#fff;border-radius:999px;padding:9px 16px;font-size:.82rem;font-weight:600;box-shadow:0 8px 18px #60305417}.m-latency{justify-content:space-between;align-items:center;gap:12px;display:flex}.m-label{letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted);font-size:.68rem;font-weight:700}.m-latency-value{letter-spacing:-.02em;margin-top:4px;font-size:1.9rem;font-weight:800}.m-latency-value small{color:var(--m-muted);font-size:.85rem;font-weight:600}.m-ipcard{flex-direction:column;gap:10px;display:flex}.m-iprow{justify-content:space-between;align-items:center;gap:14px;display:flex}.m-ip{color:var(--m-ink);overflow-wrap:anywhere;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;font-weight:700}.m-head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.m-installbar{background:linear-gradient(135deg,#fff7fb,#fde7ef 60%,#f3e9ff);border:1px solid #d81b6029;border-radius:16px;align-items:center;gap:10px;padding:11px 12px 11px 14px;display:flex;box-shadow:0 8px 20px #60305412}.m-installbar-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.m-installbar-text strong{font-size:.86rem}.m-installbar-text span{color:var(--m-muted);font-size:.72rem}.m-installbar-close{width:26px;height:26px;color:var(--m-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:1.1rem;line-height:1}.m-guide{flex-direction:column;gap:9px;margin:0;padding-left:20px;font-size:.9rem;line-height:1.45;display:flex}.m-guide li::marker{color:var(--m-accent);font-weight:700}.m-sheet-actions{margin-top:14px}.m-sites .m-sitelrow{border-bottom:1px solid var(--m-line);align-items:center;gap:10px;padding:11px 0;display:flex}.m-sites .m-sitelrow:last-of-type{border-bottom:none}.m-site-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.m-site-label{overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.m-site-url{color:var(--m-muted);overflow-wrap:anywhere;font-size:.7rem}.m-site-latency{color:var(--m-muted);text-align:right;flex:none;font-size:.78rem;font-weight:700}.m-site-down{color:#c4453a}.m-site-actions{flex:none;align-items:center;gap:4px;display:flex}.m-site-actions .m-mini{padding:4px 8px;font-size:.8rem}.m-drag{width:30px;height:28px;color:var(--m-muted);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:8px;place-items:center;padding:0;display:grid}.m-drag:active{cursor:grabbing;background:var(--m-accent-soft)}.m-drag svg{fill:currentColor;width:20px;height:20px}.m-sitelrow.m-dragging{opacity:.55}.m-sitelrow.m-drag-over{background:var(--m-accent-soft);border-radius:12px}.m-mini-danger{color:#bf3a2b;background:#fdeceb}.m-sites-add{border-top:1px solid var(--m-line);flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;display:flex}.m-action{color:#fff;width:100%;font:inherit;cursor:pointer;background:linear-gradient(135deg,#e0195f 0%,#c2185b 55%,#b0168f 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:9px;padding:17px 18px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 16px 30px #c2185b47}.m-action:disabled{opacity:.55;box-shadow:none;cursor:default}.m-action svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}.m-action-sm{border-radius:16px;padding:14px 16px;font-size:.92rem}.m-row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-ghost{color:var(--m-ink);font:inherit;text-align:center;cursor:pointer;background:#fff;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:15px 12px;font-size:.86rem;font-weight:600;line-height:1.25;display:flex;box-shadow:0 12px 24px #6030541a}.m-ghost svg{fill:none;width:18px;height:18px;stroke:var(--m-accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.m-ghost:disabled{opacity:.45;box-shadow:none;cursor:default}.m-ghost-sm{border-radius:14px;padding:10px 14px;font-size:.8rem;box-shadow:0 8px 18px #60305417}.m-ghost-wide{width:100%}.m-mini{background:var(--m-accent-soft);color:var(--m-accent);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.m-lead{color:var(--m-muted);margin:4px 2px 0;font-size:.86rem;line-height:1.5}.m-tabs{background:#fff;border-radius:18px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:5px;display:grid;box-shadow:0 10px 22px #6030541a}.m-tab{color:var(--m-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:11px 8px;font-size:.85rem;font-weight:600}.m-tab-active{background:var(--m-ink);color:#fff}.m-addbox{flex-direction:column;gap:10px;padding:16px;display:flex}.m-inputlabel{letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted);font-size:.68rem;font-weight:700}.m-input{border:1px solid var(--m-line);width:100%;color:var(--m-ink);background:#fcfafd;border-radius:15px;padding:14px 16px;font-family:inherit;font-size:16px}.m-input:focus{border-color:#d81b6073;outline:none;box-shadow:0 0 0 3px #d81b601f}.m-textarea{resize:vertical;min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.m-list{padding:16px}.m-list-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.m-listrow{border-bottom:1px solid var(--m-line);align-items:center;gap:10px;padding:13px 0;display:flex}.m-listrow:last-child{border-bottom:none}.m-listrow-value{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.92rem}.m-conn{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.m-conn-label{overflow-wrap:anywhere;font-size:.92rem}.m-conn-meta{color:var(--m-muted);overflow-wrap:anywhere;font-size:.72rem;line-height:1.4}.m-tag{color:var(--m-muted);letter-spacing:.06em;background:#f3f0f5;border-radius:8px;flex:none;padding:4px 8px;font-size:.62rem;font-weight:700}.m-remove{width:28px;height:28px;color:var(--m-accent);cursor:pointer;background:#fdeef1;border:none;border-radius:50%;flex:none;padding:0;font-size:1.1rem;line-height:1}.m-remove:disabled{opacity:.4;cursor:default}.m-empty-text{color:var(--m-muted);margin:12px 0 4px;font-size:.85rem;line-height:1.5}.m-empty{text-align:center}.m-empty p{color:var(--m-muted);margin:0 0 6px}.m-footnote{color:var(--m-muted);margin:2px 4px;font-size:.75rem;line-height:1.5}.m-note{color:var(--m-muted);margin:4px 0 0;font-size:.8rem}.m-note-warn{color:#b47117}.m-routerrow{border:none;border-bottom:1px solid var(--m-line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 0;display:flex}.m-routerrow:last-child{border-bottom:none}.m-routerrow-active{background:linear-gradient(90deg,#fde7efd9,#fde7ef00);border-radius:14px;margin-left:-10px;padding-left:10px}.m-routerrow-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.m-routerrow-name{font-size:.95rem;font-weight:600}.m-routerrow-meta{color:var(--m-muted);font-size:.75rem}.m-check{fill:none;width:20px;height:20px;stroke:var(--m-accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.m-dot{background:var(--m-muted);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.m-dot-ok{background:#19a974}.m-dot-warn{background:#e8a33d}.m-dot-bad{background:#d9483f}.m-bottomnav{z-index:40;width:100%;max-width:520px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:24px 24px 0 0;flex:none;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 auto;display:grid;position:relative;bottom:auto;left:auto;transform:none;box-shadow:0 -12px 30px #6030541f}.m-navlink{color:var(--m-muted);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.m-navlink svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.m-navlink-active{background:var(--m-accent-soft);color:var(--m-accent)}.m-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#30162c59;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.m-sheet{width:min(520px,100%);max-height:88dvh;padding:10px 18px calc(24px + env(safe-area-inset-bottom));color:var(--m-ink);background:#fdf8fb;border-radius:26px 26px 0 0;animation:.18s ease-out m-rise;overflow-y:auto}.m-sheet-tall{min-height:60dvh}@keyframes m-rise{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.m-sheet-grip{background:#785a7838;border-radius:999px;width:44px;height:5px;margin:0 auto 12px}.m-sheet-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.m-sheet-title{margin:0;font-size:1.1rem;font-weight:700}.m-pick{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 12px;display:flex}.m-pick+.m-pick{margin-top:8px}.m-pick-active{background:var(--m-accent-soft)}.m-pick-name{font-size:.92rem;font-weight:600}.m-pick-meta{color:var(--m-muted);margin-left:auto;font-size:.75rem}.m-sheet-add{background:var(--m-ink);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:16px;margin-top:12px;padding:14px;font-size:.9rem;font-weight:600}.m-scanner{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.m-scanframe{aspect-ratio:1;background:#2a1a2a;border-radius:26px;position:relative;overflow:hidden}.m-scanvideo{object-fit:cover;width:100%;height:100%}.m-scanplaceholder{color:#ffffff8c;place-items:center;display:grid;position:absolute;inset:0}.m-scanplaceholder svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;width:74px;height:74px}.m-scanline{background:linear-gradient(90deg,#ffba6000,#ffb45e,#ffba6000);border-radius:2px;height:2px;animation:1.8s ease-in-out infinite m-scan;position:absolute;top:50%;left:12%;right:12%}@keyframes m-scan{0%,to{opacity:.7;transform:translateY(-34px)}50%{opacity:1;transform:translateY(34px)}}.m-app .job-progress{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 10px 22px #6030541a}.m-app .job-progress-head{color:var(--m-ink)}.m-app .progress{background:#785a7824}.m-app .field-error{color:#c4453a}.m-bell{position:relative}.m-bell-badge{background:var(--m-accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.64rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 3px 8px #d81b6059}.m-pushbox{background:linear-gradient(135deg,#fff7fb,#fde7ef 55%,#f3e9ff);border:1px solid #d81b6021;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;display:flex}.m-pushbox-text{flex-direction:column;flex:180px;gap:2px;min-width:0;display:flex}.m-pushbox-text strong{font-size:.86rem}.m-pushbox-text span{color:var(--m-muted);font-size:.73rem;line-height:1.4}.m-pushbox-text .m-pushbox-hint{color:#9a5b00}.m-notiflist{flex-direction:column;margin-bottom:8px;display:flex}.m-notifrow{border-bottom:1px solid var(--m-line);align-items:flex-start;gap:9px;padding:11px 0;display:flex}.m-notifrow:last-child{border-bottom:none}.m-notifrow .m-dot{margin-top:6px}.m-notif-unread{background:#fde7ef99;border-radius:12px;padding-left:8px;padding-right:6px}.m-notif-main{min-width:0;color:var(--m-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:3px;padding:0;display:flex}.m-notif-message{font-size:.9rem;line-height:1.4}.m-notif-meta{color:var(--m-muted);font-size:.72rem}.m-notif-unread .m-notif-message{font-weight:600}.m-update-card{align-items:center;gap:12px;display:flex}.m-update-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.m-update-main strong{font-size:.92rem}.m-update-main .m-note{margin:0}.m-build{color:var(--m-muted);opacity:.8;font-size:.67rem}@media (width<=380px){.m-clock{font-size:3.2rem}.m-row2{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b14;--bg-soft:#0b1220;--panel:#0f1828d1;--panel-strong:#101a2c;--border:#94a3b829;--border-strong:#94a3b847;--text:#e7eef9;--muted:#94a6c0;--faint:#64748b;--accent:#3ddc9a;--accent-soft:#3ddc9a1f;--cyan:#55c8f5;--danger:#ff7185;--danger-soft:#ff71851f;--warn:#f0c36b;--warn-soft:#f0c36b1f;--radius:18px;--radius-sm:11px;--shadow:0 24px 60px #00000059;--mono:"SFMono-Regular", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html{min-width:320px}body{background:radial-gradient(900px 520px at 12% -10%, #3ddc9a1a, transparent 60%), radial-gradient(800px 480px at 92% 0%, #55c8f514, transparent 55%), linear-gradient(180deg, #080d18 0%, var(--bg) 48%, #060a12 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 35%,#0000 78%);mask-image:radial-gradient(at 50% 0,#000 35%,#0000 78%)}#root{z-index:1;position:relative}code,.mono{font-family:var(--mono);color:var(--cyan);font-size:.86em}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.02em}.boot{place-items:center;min-height:100vh;padding:24px;display:grid}.boot-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);width:min(480px,100%);box-shadow:var(--shadow);padding:26px}.enrollment-card{width:min(720px,100%)}.enroll-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;margin:18px 0;display:grid}.qr{border:1px solid var(--border-strong);background:#fff;border-radius:14px;width:240px;height:240px;padding:10px}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d18db;flex-direction:column;align-self:start;gap:18px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;padding:0 6px 6px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(160deg,#3ddc9a2e,#55c8f514);border:1px solid #3ddc9a52;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff14}.brand-mark svg{width:30px;height:30px;color:var(--accent);fill:none;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:var(--accent);stroke:none}.brand-name{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:650}.brand-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:.68rem}.stage-badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid #3ddc9a47;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:.76rem;font-weight:600}.nav{flex-direction:column;flex:1;gap:16px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-section{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 4px;padding:0 10px;font-size:.66rem;font-weight:650}.nav-link{color:var(--muted);border-radius:9px;padding:8px 10px;font-size:.88rem;text-decoration:none;transition:background .14s,color .14s;display:block}.nav-link:hover{color:var(--text);background:#94a3b814;text-decoration:none}.nav-link-active{background:var(--accent-soft);color:#d7ffef;box-shadow:inset 0 0 0 1px #3ddc9a38}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.nav-user{align-items:center;gap:10px;min-width:0;display:flex}.nav-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border:1px solid #3ddc9a4d;border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:650;display:grid}.nav-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.78rem;display:block;overflow:hidden}.nav-role{color:var(--faint);font-size:.68rem;display:block}.app-main{flex-direction:column;min-width:0;display:flex}.app-topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d18cc;align-items:center;gap:14px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar-title{letter-spacing:.04em;color:var(--muted);margin:0;font-size:.86rem;font-weight:600}.topbar-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar-user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.8rem;overflow:hidden}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9px;flex-direction:column;gap:4px;width:34px;height:30px;padding:7px 6px;display:none}.nav-toggle span{background:var(--muted);border-radius:2px;height:2px;display:block}.app-content{flex:1;padding:28px 26px 48px}.page{flex-direction:column;gap:18px;width:100%;max-width:1240px;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1{margin:0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:680;line-height:1.15}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.7rem;font-weight:650}.page-sub{color:var(--muted);max-width:760px;margin:8px 0 0;font-size:.9rem}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg, #ffffff05, transparent 42%), var(--panel);overflow:hidden;box-shadow:0 18px 44px #00000038}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 12px;display:flex}.panel-head h2{margin:0;font-size:.95rem;font-weight:650}.panel-head p{color:var(--muted);max-width:720px;margin:4px 0 0;font-size:.8rem}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.grid-2-compact{gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.template-locked{border:0;min-width:0;margin:0;padding:0}.template-locked:disabled .panel{opacity:.92}.template-locked:disabled input,.template-locked:disabled textarea,.template-locked:disabled select{opacity:.65;cursor:not-allowed}.template-locked:disabled button{cursor:not-allowed;opacity:.65}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-end{justify-content:flex-end;padding-top:12px}.toolbar .input{min-width:170px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border:1px solid var(--border);background:#0f182899;border-radius:14px;padding:14px 16px}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.72rem;font-weight:600;display:flex}.stat-value{letter-spacing:-.02em;overflow-wrap:anywhere;margin:10px 0 0;font-size:1.4rem;font-weight:650;line-height:1.2}.stat-hint{color:var(--faint);margin:4px 0 0;font-size:.76rem}.dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-ok{background:var(--accent);box-shadow:0 0 0 4px #3ddc9a1f}.dot-bad{background:var(--danger);box-shadow:0 0 0 4px #ff71851f}.dot-warn,.dot-pending{background:var(--warn);box-shadow:0 0 0 4px #f0c36b1f}.dot-muted{background:var(--faint)}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.86rem;font-weight:600;line-height:1.3;text-decoration:none;transition:transform .14s,border-color .14s,background .14s,opacity .14s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{padding:6px 11px;font-size:.78rem}.btn-primary{color:#d7ffef;background:linear-gradient(#3ddc9a38,#3ddc9a1a);border-color:#3ddc9a59}.btn-primary:hover:not(:disabled){background:linear-gradient(#3ddc9a4d,#3ddc9a24);border-color:#3ddc9aa6;transform:translateY(-1px)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:#94a3b80f}.btn-ghost:hover:not(:disabled){background:#94a3b81f;border-color:#94a3b880}.btn-subtle{color:var(--muted);background:0 0;border-color:#0000}.btn-subtle:hover:not(:disabled){color:var(--text);background:#94a3b81a}.btn-danger{background:var(--danger-soft);color:#ffd3d9;border-color:#ff718566}.btn-danger:hover:not(:disabled){background:#ff718533;border-color:#ff7185b3}.link{color:var(--cyan);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.8rem;text-decoration:underline}.icon-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:9px;place-items:center;font-size:1.1rem;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-label-row,.switch-title{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.field-label{letter-spacing:.04em;color:var(--muted);font-size:.76rem;font-weight:600}.info-tip{cursor:help;border-radius:50%;outline:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.info-tip-icon{border:1px solid var(--border-strong);width:16px;height:16px;color:var(--muted);background:#94a3b814;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:.66rem;font-style:italic;font-weight:700;line-height:1;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.info-tip:hover .info-tip-icon,.info-tip:focus .info-tip-icon{color:#c8e9f8;background:#55c8f524;border-color:#55c8f599}.info-tip-bubble{z-index:80;border:1px solid var(--border-strong);width:max-content;max-width:min(320px,100vw - 96px);color:var(--text);letter-spacing:0;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#0c1524;border-radius:10px;padding:9px 11px;font-size:.76rem;font-weight:400;line-height:1.45;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;bottom:calc(100% + 8px);left:-6px;transform:translateY(4px);box-shadow:0 16px 40px #00000080}.info-tip:hover .info-tip-bubble,.info-tip:focus .info-tip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.settings-page .panel{overflow:visible}@media (width<=720px){.info-tip-bubble{width:auto;max-width:none;position:fixed;inset:auto 12px 16px}}.field-hint{color:var(--faint);margin:0;font-size:.74rem}.field-error{color:var(--danger);font-size:.76rem}.input{border:1px solid var(--border-strong);width:100%;color:var(--text);font:inherit;background:#070b14b3;border-radius:10px;padding:9px 12px;font-size:.88rem;transition:border-color .14s}.input:focus{border-color:#55c8f599;outline:none;box-shadow:0 0 0 3px #55c8f51f}.input:disabled{opacity:.6}select.input{cursor:pointer}textarea.input{resize:vertical;line-height:1.5}.code-area{font-family:var(--mono);min-height:120px;font-size:.8rem}.code-block{border:1px solid var(--border);color:#cfe3f5;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#050910cc;border-radius:10px;margin:0;padding:12px 14px;font-size:.78rem;line-height:1.5;overflow-x:auto}.code-block.small{font-size:.72rem}.settings-debug{border:1px solid var(--border);border-radius:var(--radius);background:#94a3b808;padding:0 20px}.settings-debug summary{color:var(--muted);cursor:pointer;padding:15px 0;font-size:.82rem;font-weight:600}.settings-debug summary:hover{color:var(--text)}.settings-debug[open] summary{border-bottom:1px solid var(--border)}.settings-debug-body{flex-direction:column;gap:12px;padding:16px 0 20px;display:flex}.settings-debug-body .field-hint{max-width:820px;line-height:1.55}.code-block.inline-code{max-height:160px;padding:6px 9px;font-size:.7rem}.dns-progress{margin-top:12px}.dns-progress p{color:var(--muted);margin:0 0 6px;font-size:.8rem}.dns-progress-bar{background:#94a3b824;border-radius:999px;height:8px;overflow:hidden}.dns-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--cyan));height:100%;transition:width .24s;display:block}.dns-best{border:1px solid var(--border);background:#94a3b80a;border-radius:12px;padding:12px}.dns-best-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.dns-best p{margin:4px 0}.compact-secret-value{word-break:break-all;flex:320px;min-width:0;max-height:120px}.code-block.report{max-height:620px;overflow-y:auto}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-ok{background:var(--accent-soft);color:#a8f2cf;border-color:#3ddc9a4d}.badge-bad{background:var(--danger-soft);color:#ffc3cc;border-color:#ff718552}.badge-warn{background:var(--warn-soft);color:#f7dfae;border-color:#f0c36b52}.badge-pending{color:#b9e7fb;background:#55c8f51a;border-color:#55c8f54d}.badge-muted{border-color:var(--border);color:var(--muted);background:#94a3b814}.alert{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 15px;font-size:.86rem;display:flex}.alert-error{background:var(--danger-soft);color:#ffd0d7;border-color:#ff71854d}.alert-warn{background:var(--warn-soft);color:#f7e2b6;border-color:#f0c36b4d}.alert-info{color:#c8e9f8;background:#55c8f514;border-color:#55c8f542}.empty{border:1px dashed var(--border-strong);color:var(--muted);text-align:center;background:#94a3b80a;border-radius:12px;margin:0;padding:18px;font-size:.86rem}.spinner{color:var(--muted);align-items:center;gap:10px;padding:14px 0;font-size:.86rem;display:inline-flex}.spinner-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.1s ease-in-out infinite pulse}.switch-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0;display:flex}.switch-row:last-child{border-bottom:0}.switch-label{font-size:.86rem;font-weight:600}.switch{appearance:none;border:1px solid var(--border-strong);cursor:pointer;background:#94a3b829;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .16s;position:relative}.switch:disabled{opacity:.45;cursor:not-allowed}.switch:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.switch:checked{background:#3ddc9a47;border-color:#3ddc9a80}.switch:checked:after{background:var(--accent);transform:translate(18px)}.segmented{border:1px solid var(--border);background:#94a3b80f;border-radius:10px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font-size:.78rem}.segmented .seg-active{background:var(--accent-soft);color:#d7ffef}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.84rem}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border);white-space:nowrap;background:#94a3b80a;padding:10px 12px;font-size:.68rem;font-weight:650}.table td{vertical-align:top;border-bottom:1px solid #94a3b814;padding:10px 12px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#94a3b80a}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.small{font-size:.78rem}.muted-text{color:var(--muted)}.table .muted-text.small{color:var(--faint)}.tabs{border-bottom:1px solid var(--border);gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 14px;font-size:.84rem}.tab:hover{color:var(--text)}.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.diff{flex-direction:column;gap:12px;display:flex}.diff-summary,.diff-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.diff-list{flex-direction:column;gap:10px;display:flex}.diff-item{border:1px solid var(--border);background:#94a3b80a;border-left-width:3px;border-radius:12px;padding:10px 14px}.diff-item.diff-add{border-left-color:var(--accent)}.diff-item.diff-change{border-left-color:var(--warn)}.diff-item.diff-delete{border-left-color:var(--danger)}.diff-item header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.diff-item header code{overflow-wrap:anywhere;font-size:.78rem}.diff-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.diff-side{min-width:0}.diff-label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:.66rem;display:block}.diff-side pre{border:1px solid var(--border);font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#d4e6f5;background:#050910b3;border-radius:8px;margin:0;padding:8px 10px;font-size:.74rem}.diff-badge{font-family:var(--mono);gap:8px;font-size:.76rem;display:inline-flex}.diff-add{color:var(--accent)}.diff-change{color:var(--warn)}.diff-delete{color:var(--danger)}.kv{grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:8px 16px;font-size:.84rem;display:grid}.kv>span{color:var(--faint)}.kv>strong{overflow-wrap:anywhere;font-weight:550}.state-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;max-height:460px;display:flex;overflow-y:auto}.state-row{border-bottom:1px solid #94a3b812;grid-template-columns:minmax(180px,1fr) minmax(0,1.2fr);gap:12px;padding:6px 10px;font-size:.78rem;display:grid}.state-row:last-child{border-bottom:0}.state-row code{overflow-wrap:anywhere}.state-row span{color:var(--muted);overflow-wrap:anywhere}.steps,.bullets{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.86rem;display:flex}.steps li::marker{color:var(--accent);font-family:var(--mono);font-size:.8rem}.bullets li::marker{color:var(--accent)}.steps strong,.bullets strong{color:var(--text)}.feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feed li{border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;display:flex}.feed li:last-child{border-bottom:0}.feed-main{flex-direction:column;gap:1px;min-width:0;display:flex}.feed-title{font-size:.86rem}.feed-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.allowlist{flex-direction:column;gap:6px;font-size:.82rem;display:flex}.allowlist summary{cursor:pointer;color:var(--text);font-weight:550}.allowlist p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0}.checklist{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;max-height:340px;padding:6px;display:flex;overflow-y:auto}.check-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;font-size:.84rem;display:flex}.check-row:hover{background:#94a3b80f}.check-row input{accent-color:var(--accent);width:16px;height:16px}.check-row span:nth-child(2){flex:1;min-width:0}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03060cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel-strong);outline:none;flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 48px);display:flex;box-shadow:0 30px 80px #0000008c}.modal-wide{width:min(860px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.modal-head h2{margin:0;font-size:1rem}.modal-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.modal-body h3{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:6px 0 0;font-size:.82rem}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.confirm-text{color:var(--muted);font-size:.88rem}.confirm-text strong{color:var(--text)}.toasts{z-index:80;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--border-strong);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:11px;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 14px;font-size:.84rem;display:flex}.toast button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}.toast-ok{border-color:#3ddc9a66}.toast-error{border-color:#ff718570}.toast-info{border-color:#55c8f566}@media (width<=760px){.toasts{left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));max-width:none}}.chart{width:100%;overflow-x:auto}.chart svg{width:100%;min-width:480px;height:auto}.chart-grid{stroke:#94a3b824;stroke-width:1px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-text{fill:var(--faint);font-family:var(--mono);font-size:9px}.bell-wrap{position:relative}.bell{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;background:#94a3b80d;border-radius:10px;place-items:center;display:grid;position:relative}.bell:hover{color:var(--text);border-color:var(--border-strong)}.bell svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.bell-count{background:var(--danger);color:#1a0a0e;text-align:center;border-radius:999px;min-width:17px;padding:1px 4px;font-size:.62rem;font-weight:700;position:absolute;top:-5px;right:-5px}.bell-backdrop{z-index:30;position:fixed;inset:0}.bell-panel{z-index:40;border:1px solid var(--border-strong);background:var(--panel-strong);width:min(380px,100vw - 32px);max-height:460px;box-shadow:var(--shadow);border-radius:14px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.bell-panel header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.bell-panel h3{margin:0;font-size:.88rem}.notification-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification-list li{border-bottom:1px solid #94a3b81a;padding:10px 0}.notification-list li:last-child{border-bottom:0}.notification-read{opacity:.6}.notification-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.notification-list p{overflow-wrap:anywhere;margin:0 0 6px;font-size:.82rem}.auth-shell{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);min-height:100vh;display:grid}.auth-shell-single{grid-template-columns:1fr;place-items:center;padding:32px 20px}.auth-aside{border-right:1px solid var(--border);background:radial-gradient(600px 320px at 20% 10%,#3ddc9a1a,#0000 60%),#080d18b3;flex-direction:column;gap:32px;padding:40px clamp(24px,5vw,64px);display:flex}.auth-pitch{flex-direction:column;flex:1;justify-content:center;max-width:460px;display:flex}.auth-pitch h1{margin:0;font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:690;line-height:1.1}.lead{color:var(--muted);margin:18px 0 0;font-size:.98rem}.auth-points{color:var(--muted);flex-direction:column;gap:9px;margin:24px 0 0;padding-left:18px;font-size:.88rem;display:flex}.auth-points li::marker{color:var(--accent)}.auth-main{justify-content:center;align-items:center;padding:32px 20px;display:flex}.auth-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);width:min(400px,100%);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:28px;display:flex}.auth-card h2{margin:0;font-size:1.25rem}.auth-card .page-sub{margin:0 0 4px}.auth-brand-inline{margin-bottom:6px}.auth-link-left{align-self:flex-start;padding:0}.auth-fineprint{color:var(--faint);margin:4px 0 0;font-size:.76rem}.fineprint{color:var(--faint);margin:0;font-size:.76rem}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@media (width<=1080px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:50;border-right:1px solid var(--border-strong);width:260px;box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.nav-toggle{display:flex}.app-content{padding:20px 16px 40px}.app-topbar{padding:12px 16px}.grid-2,.grid-3,.diff-values{grid-template-columns:1fr}}@media (width<=720px){.auth-shell{grid-template-columns:1fr}.auth-aside{border-right:0;border-bottom:1px solid var(--border);gap:18px;padding:26px 20px}.auth-pitch{justify-content:flex-start}.auth-main{padding:24px 16px 40px}.enroll-grid{grid-template-columns:1fr}.qr{width:200px;height:200px}.stat-grid-compact{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:2px 0}.kv>span{margin-top:6px}.toolbar .input{width:100%;min-width:0}.page-actions{width:100%}.sidebar{width:min(300px,86vw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.empty-state{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0 4px;display:flex}.rule-list{flex-direction:column;gap:14px;display:flex}.rule-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(#101a2cb8,#0b1220b8);padding:16px}.rule-card-off{opacity:.68}.rule-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.rule-head h3{margin:0;font-size:1.06rem}.rule-uci{color:var(--faint);font-family:var(--mono);margin:2px 0 0;font-size:.72rem}.rule-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.rule-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;padding:12px 0;display:grid}.rule-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.74rem;font-weight:700}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--accent-soft);color:var(--text);border:1px solid #3ddc9a4d;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.78rem;display:inline-flex}.chip-muted{border-color:var(--border);color:var(--muted);background:#94a3b814}.chip-grid{flex-wrap:wrap;gap:7px;max-height:260px;padding:2px 0;display:flex;overflow:auto}.chip-toggle{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:#94a3b80f;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.8rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.chip-toggle:hover{border-color:var(--border-strong);color:var(--text)}.chip-toggle-on{background:var(--accent-soft);color:var(--text);border-color:#3ddc9a8c}.connection-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.connection-list li{border:1px solid var(--border);background:#070b1459;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.connection-line{align-items:center;gap:8px;min-width:0;display:flex}.connection-kind{color:var(--cyan);font-family:var(--mono);letter-spacing:.06em;background:#55c8f51f;border-radius:5px;flex:none;padding:1px 6px;font-size:.66rem}.connection-value{white-space:nowrap;text-overflow:ellipsis;max-width:28ch;overflow:hidden}.rule-actions{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.rule-connection-box{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:#55c8f50a;margin-top:14px;padding:14px}.rule-connection-box h3{margin:0 0 4px;font-size:.95rem}.pending-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.pending-list li{background:#94a3b80f;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 18px;margin:8px 0 4px;display:grid}details.advanced{border:1px solid var(--border);border-radius:var(--radius-sm);background:#94a3b808;margin:12px 0;padding:10px 12px}details.advanced>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.86rem}details.advanced[open]>summary{margin-bottom:10px}.link-button{color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=860px){.rule-grid{grid-template-columns:minmax(0,1fr)}.rule-head{flex-direction:column}.rule-badges{justify-content:flex-start}}.progress{background:#94a3b824;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--cyan));height:100%;transition:width .25s;display:block}.progress-warn .progress-fill{background:var(--warn)}.progress-danger .progress-fill{background:var(--danger)}.progress-indeterminate .progress-fill{width:35%;animation:1.2s ease-in-out infinite progress-slide}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.job-progress{flex-direction:column;gap:6px;margin:12px 0;display:flex}.job-progress-head{color:var(--text);justify-content:space-between;align-items:baseline;gap:12px;font-size:.88rem;display:flex}.network-activity{z-index:2000;pointer-events:none;background:#94a3b81f;height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.network-activity span{background:linear-gradient(90deg, var(--accent), var(--cyan));width:30%;height:100%;animation:1.1s ease-in-out infinite network-slide;display:block}@keyframes network-slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}.active-job{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);margin-bottom:14px;padding:12px 14px}.active-job-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.error-cell{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:190px;display:inline-block;overflow:hidden}.router-mobile-list{flex-direction:column;gap:10px;display:none}.router-mobile-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);padding:12px 14px}.router-mobile-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.router-mobile-stats{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:9px 0;font-size:.8rem;display:flex}.router-mobile-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}@media (width<=760px){.router-table-desktop{display:none}.router-mobile-list{display:flex}.toolbar{flex-wrap:wrap;align-items:stretch}.toolbar .segmented{flex-wrap:wrap}.toolbar .input{flex:100%}.toolbar .switch-row{width:100%}.toolbar .btn{flex:auto}}.diag-report{flex-direction:column;gap:18px;display:flex}.diag-hero{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 160% at 0% 0%, #3ddc9a1f, transparent 55%), var(--panel-strong);align-items:center;gap:22px;padding:22px;display:flex;position:relative;overflow:hidden}.diag-hero:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 20%,#55c8f514 50%,#0000 80%);animation:7s linear infinite diag-shimmer;position:absolute;inset:0;transform:translate(-120%)}.diag-orbit{flex:none;place-items:center;width:96px;height:96px;display:grid;position:relative}.diag-orbit-ring{border:1px solid #0000;border-top-color:var(--accent);border-right-color:#55c8f58c;border-radius:50%;animation:5s linear infinite diag-spin;position:absolute;inset:0}.diag-orbit-ring-b{border-top-color:var(--cyan);animation-duration:3.6s;animation-direction:reverse;inset:10px}.diag-orbit-core{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.35rem;font-weight:700;animation:2.6s ease-in-out infinite diag-pulse;display:grid}.diag-report-warn .diag-orbit-core{background:var(--warn-soft);color:var(--warn)}.diag-report-warn .diag-orbit-ring{border-top-color:var(--warn)}.diag-report-bad .diag-orbit-core{background:var(--danger-soft);color:var(--danger)}.diag-report-bad .diag-orbit-ring{border-top-color:var(--danger)}.diag-hero-body{flex:1;min-width:0}.diag-hero-body h2{margin:2px 0 4px;font-size:1.35rem}.diag-meter{background:#94a3b824;border-radius:999px;max-width:520px;height:8px;margin:12px 0 8px;overflow:hidden}.diag-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--cyan));height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) both diag-grow;display:block}.diag-report-warn .diag-meter span{background:linear-gradient(90deg, var(--warn), #ffd08a)}.diag-report-bad .diag-meter span{background:linear-gradient(90deg, var(--danger), #ff9aa8)}.diag-hero-meta{color:var(--faint);margin:0;font-size:.78rem}.diag-checks{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.diag-check{border:1px solid var(--border);background:var(--panel-strong);opacity:0;border-radius:12px;gap:12px;padding:14px;animation:.45s both diag-card-in;display:flex}.diag-check-icon{width:30px;height:30px;color:var(--muted);background:#94a3b81f;border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.diag-check-ok .diag-check-icon{background:var(--accent-soft);color:var(--accent)}.diag-check-warn .diag-check-icon{background:var(--warn-soft);color:var(--warn)}.diag-check-bad .diag-check-icon{background:var(--danger-soft);color:var(--danger)}.diag-check h3{margin:0 0 3px;font-size:.86rem}.diag-check p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.45}.diag-native{flex-direction:column;gap:12px;display:flex}.diag-native-intro{border:1px solid var(--border);color:var(--muted);background:#55c8f50f;border-radius:12px;padding:12px 14px}.diag-native-intro p{margin:0}.diag-native-section{border:1px solid var(--border);background:var(--panel-strong);border-radius:12px;animation:.45s both diag-card-in;overflow:hidden}.diag-native-head{border-bottom:1px solid var(--border);background:#94a3b80d;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.diag-native-title{font-size:.88rem;font-weight:600}.diag-native-count{color:var(--faint);font-size:.72rem}.diag-native-lines{flex-direction:column;gap:2px;margin:0;padding:8px 10px 10px;list-style:none;display:flex}.diag-line{border-radius:7px;gap:9px;padding:5px 6px;font-size:.82rem;line-height:1.45;display:flex}.diag-line-icon{text-align:center;flex:none;width:18px}.diag-line-body{flex-direction:column;gap:4px;min-width:0;display:flex}.diag-line-hint{color:var(--muted);border-left:2px solid #94a3b859;padding-left:8px;font-size:.76rem;line-height:1.45}.diag-line-ok{color:#b9f5d9}.diag-line-warn{color:#ffe2a8}.diag-line-bad{color:#ffbcc5}.diag-line-neutral{color:var(--muted)}.diag-line-info{color:var(--text)}.diag-config{color:#cbd5e1;font-family:var(--mono);white-space:pre-wrap;background:#0206178c;max-height:380px;margin:0;padding:14px;font-size:.76rem;line-height:1.55;overflow:auto}@keyframes diag-spin{to{transform:rotate(360deg)}}@keyframes diag-pulse{0%,to{transform:scale(1);box-shadow:0 0 #3ddc9a40}50%{transform:scale(1.06);box-shadow:0 0 0 9px #3ddc9a00}}@keyframes diag-grow{0%{width:0}}@keyframes diag-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes diag-shimmer{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.diag-orbit-ring,.diag-orbit-core,.diag-hero:after,.diag-check,.diag-native-section,.diag-meter span{opacity:1;animation:none}}@media (width<=720px){.diag-hero{flex-direction:column;align-items:flex-start}.diag-orbit{width:76px;height:76px}}.variant-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:12px 0;display:grid}.variant-card{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);text-align:left;cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;gap:4px;padding:13px;transition:border-color .2s,transform .2s,background .2s;display:flex}.variant-card:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.variant-card:disabled{cursor:default;opacity:.7}.variant-card strong{font-size:.9rem}.variant-card span{color:var(--muted);font-size:.76rem;line-height:1.4}.variant-card em{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-style:normal}.variant-card-active{border-color:var(--accent);background:var(--accent-soft)}.variant-card-selected{outline:2px solid var(--accent);outline-offset:1px}.onb-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.onb-step{border:1px solid var(--border);color:var(--muted);background:#0f18288c;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s,background .2s,color .2s;display:flex}.onb-step strong{color:var(--text);font-size:.84rem;display:block}.onb-step span:last-child{color:var(--faint);margin-top:2px;font-size:.7rem;display:block}.onb-step-num{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.onb-step-active{background:#3ddc9a14;border-color:#3ddc9a73}.onb-step-active .onb-step-num{border-color:var(--accent);color:var(--accent)}.onb-step-done .onb-step-num{background:var(--accent);color:#04160f;border-color:#0000}.onb-card{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(120% 120% at 0 0,#3ddc9a14,#0000 45%),linear-gradient(#101a2cf5,#0b1220f5);border-radius:20px;max-width:920px;padding:26px}.onb-hero{align-items:center;gap:14px;margin-bottom:20px;display:flex}.onb-hero h2{margin:0 0 4px;font-size:1.25rem}.onb-hero p{color:var(--muted);margin:0;font-size:.86rem}.onb-hero-icon{width:46px;height:46px;color:var(--accent);background:#3ddc9a1a;border:1px solid #3ddc9a59;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.onb-hero-icon-ok{background:var(--accent);color:#04160f}.onb-hero-icon-running{animation:1.6s ease-in-out infinite onb-breathe}@keyframes onb-breathe{0%,to{transform:scale(1);box-shadow:0 0 #3ddc9a33}50%{transform:scale(1.05);box-shadow:0 0 0 10px #3ddc9a00}}.onb-instruction{color:var(--muted);margin:0 0 18px;padding-left:1.2em;font-size:.88rem}.onb-instruction li{margin-bottom:14px;line-height:1.55}.onb-code{border:1px solid var(--border);color:#cfe3ff;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#060a12;border-radius:12px;margin:8px 0 0;padding:14px 16px;font-size:.8rem;line-height:1.55}.onb-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.onb-wait{border:1px solid var(--border);background:#0f1828b3;border-radius:14px;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.onb-wait strong{font-size:.88rem;display:block}.onb-wait span:last-child{color:var(--muted);margin-top:2px;font-size:.76rem;display:block}.onb-wait .badge{margin-left:auto}.onb-wait-online{background:#3ddc9a12;border-color:#3ddc9a66}.onb-dot{background:var(--warn);border-radius:50%;flex:none;width:12px;height:12px;position:relative}.onb-dot:after{content:"";color:var(--warn);opacity:0;border:1px solid;border-radius:50%;animation:1.8s ease-out infinite onb-pulse;position:absolute;inset:-5px}.onb-dot-ok{background:var(--accent)}.onb-dot-ok:after{color:var(--accent)}@keyframes onb-pulse{0%{opacity:.5;transform:scale(.8)}75%{opacity:0;transform:scale(1.4)}to{opacity:0}}.onb-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;display:flex}.onb-autostart{background:#3ddc9a0f;border:1px solid #3ddc9a4d;border-radius:14px;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;display:flex}.onb-autostart strong{font-size:.88rem;display:block}.onb-autostart span{color:var(--muted);margin-top:3px;font-size:.76rem;line-height:1.45;display:block}.onb-autostart .btn{flex:none;margin-left:auto}.onb-check-list{flex-direction:column;margin:6px 0 18px;display:flex}.onb-check-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.onb-check-row:last-child{border-bottom:0}.onb-check-row strong{font-size:.9rem;display:block}.onb-check-row span:last-child{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.45;display:block}.onb-check-icon{border:1px solid var(--border-strong);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.onb-check-icon-success{background:var(--accent);color:#04160f;border-color:#0000}.onb-check-icon-error{background:var(--danger);color:#1a0509;border-color:#0000}.onb-check-icon-skipped{border-style:dashed}.onb-check-icon-running{border-color:var(--accent);border-top-color:#0000;animation:.9s linear infinite onb-spin}@keyframes onb-spin{to{transform:rotate(360deg)}}.onb-result{background:#3ddc9a12;border:1px solid #3ddc9a59;border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.onb-result strong{font-family:var(--mono);overflow-wrap:anywhere;font-size:.8rem;display:block}.onb-result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:.7rem;display:block}.onb-result-badge{color:var(--accent);white-space:nowrap;background:#3ddc9a26;border-radius:999px;margin-left:auto;padding:6px 11px;font-size:.72rem;font-weight:700}.onb-diagnostics{border:1px solid var(--border);background:#090f1a99;border-radius:14px;margin-bottom:16px;padding:16px}.onb-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.onb-summary div{border:1px solid var(--border);background:#101a2cb3;border-radius:11px;padding:10px 12px}.onb-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;display:block}.onb-summary strong{margin-top:3px;font-size:1.2rem;display:block}.onb-ok{color:var(--accent)}.onb-warn{color:var(--warn)}.onb-bad{color:var(--danger)}.onb-warning-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.onb-warning-list li{border-left:3px solid var(--warn);background:#f0c36b12;border-radius:11px;padding:10px 12px}.onb-warning-list strong{text-transform:capitalize;font-size:.78rem;display:block}.onb-warning-list span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:.74rem;line-height:1.45;display:block}@media (width<=820px){.onb-steps,.onb-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.onb-steps{grid-template-columns:1fr}.onb-card{padding:18px}.onb-step span:last-child{display:none}}