:root{--bg:#f3f5f9;--panel:#fff;--text:#182033;--muted:#6d7587;--line:#e6e9f0;--primary:#4f46e5;--primary2:#7c3aed;--green:#16a36a;--red:#e23d4d;--amber:#d98b12;--nav:#111827;--nav2:#1c2535;--shadow:0 12px 35px rgba(25,32,56,.08);--radius:18px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:"SFMono-Regular",Consolas,monospace}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--nav),#0c1220);color:#fff;padding:22px 16px;display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(8,14,27,.12)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:3px 8px 25px}.sidebar-brand strong{display:block;font-size:16px}.sidebar-brand small{display:block;color:#8f9ab0;font-size:11px;margin-top:2px;letter-spacing:.04em}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#5b5ff2,#9e4bf0);box-shadow:0 10px 28px rgba(102,76,232,.34)}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:13px}.nav-menu{display:flex;flex-direction:column;gap:5px}.nav-menu a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;color:#aeb8ca;font-weight:650;font-size:14px;transition:.18s}.nav-menu a span{font-size:18px;width:23px;text-align:center}.nav-menu a:hover{background:rgba(255,255,255,.06);color:#fff}.nav-menu a.active{background:linear-gradient(90deg,rgba(91,95,242,.28),rgba(124,58,237,.16));color:#fff;box-shadow:inset 3px 0 #7779ff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:20px 10px 2px;display:flex;align-items:center;gap:10px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer small{color:#7e8aa1;font-size:11px;margin-top:2px}.system-dot,.pulse-dot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}.main-area{margin-left:260px;min-height:100vh}.topbar{height:86px;background:rgba(255,255,255,.91);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:30}.topbar h1{margin:0;font-size:21px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.user-chip{font-size:13px;color:#4e5668;background:#f2f4f8;padding:9px 12px;border-radius:20px}.content{padding:28px 32px 46px;max-width:1600px;margin:0 auto}.app-footer{padding:18px 32px 30px;color:#8891a2;font-size:12px;text-align:center}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 20px rgba(79,70,229,.2)}.btn-secondary{background:#eef0f6;color:#414a5e}.btn-light{background:#fff;color:#382d9c;box-shadow:0 10px 25px rgba(15,18,45,.15)}.btn-ghost{background:transparent;border:1px solid var(--line);color:#5c6578}.btn-danger{background:#feecef;color:#c72f40}.btn-large{padding:13px 20px}.full{width:100%}.icon-button{border:0;background:#f0f2f7;width:40px;height:40px;border-radius:10px}.hero-card{border-radius:22px;padding:28px 30px;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.18),transparent 35%),linear-gradient(130deg,#3433a5,#6d3bd1 62%,#8e47d7);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 20px 45px rgba(72,54,171,.22);overflow:hidden}.hero-card h2{font-size:29px;margin:7px 0}.hero-card p{margin:0;color:#dedcff;max-width:760px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:850;opacity:.8}.hero-meta{display:flex;gap:22px;margin-top:18px;font-size:12px;color:#e9e7ff}.hero-meta span{display:flex;align-items:center;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:15px;align-items:center;box-shadow:var(--shadow)}.stat-card small,.stat-card span,.stat-card strong{display:block}.stat-card small{color:var(--muted);font-weight:650}.stat-card strong{font-size:28px;margin:2px 0}.stat-card span{font-size:11px;color:#9299a8}.stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:900}.stat-icon.neutral{background:#eef0ff;color:#5757dc}.stat-icon.green{background:#e8f8f1;color:var(--green)}.stat-icon.red{background:#feecf0;color:var(--red)}.stat-icon.amber{background:#fff5df;color:var(--amber)}.content-grid{display:grid;gap:18px}.content-grid.two-thirds{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr)}.content-grid.domain-layout{grid-template-columns:330px minmax(0,1fr);align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head.wrap{flex-wrap:wrap}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.text-link{font-size:12px;color:var(--primary);font-weight:750}.count-badge,.mode-badge{background:#f2efff;color:#6c42cf;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:850}.table-wrap{overflow-x:auto;margin:0 -5px}.table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.table-wrap th{text-align:left;padding:11px 12px;color:#81899a;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.table-wrap td{padding:13px 12px;border-bottom:1px solid #edf0f5;font-size:12px;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{color:#8991a2;margin-top:3px;max-width:440px}.detail-cell{min-width:280px;line-height:1.45}.status-pill{display:inline-flex!important;width:max-content!important;padding:5px 8px;border-radius:20px;font-size:9px!important;font-weight:850;letter-spacing:.04em}.status-allowed{background:#e7f8f0;color:#08794d}.status-blocked{background:#fee9ed;color:#c42d40}.status-error{background:#fff2d7;color:#a86400}.status-unknown{background:#edf0f5;color:#667085}.empty-cell{text-align:center!important;padding:38px!important;color:#8a92a3}.blocked-list{display:flex;flex-direction:column}.blocked-list>a{display:flex;align-items:center;gap:10px;padding:12px 3px;border-bottom:1px solid #f0e9ec}.blocked-list>a:last-child{border-bottom:0}.blocked-list>a div{flex:1}.blocked-list strong,.blocked-list small{display:block}.blocked-list strong{font-size:12px}.blocked-list small{font-size:10px;color:#9a7f85;margin-top:3px}.blocked-list b{color:#d94a5b}.danger-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #fde9ed}.empty-state{text-align:center;padding:25px 10px}.empty-state>div{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#e8f8f1;color:var(--green);font-size:22px}.empty-state strong{font-size:13px}.empty-state p{font-size:11px;color:var(--muted);margin:5px 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);transition:.17s}.quick-card:hover{transform:translateY(-2px);border-color:#cdc9f8}.quick-card>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0efff;color:#5d52d4;font-size:19px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px}.quick-card small{font-size:10px;color:var(--muted);margin-top:3px}.sticky-panel{position:sticky;top:105px}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form label,.form-grid label,.login-card label,.setup-card label{font-size:12px;font-weight:720;color:#4c5568}.stack-form input,.stack-form select,.stack-form textarea,.form-grid input,.form-grid select,.filter-row input,.filter-row select,.login-card input,.setup-card input,.setup-card select,.setup-card textarea{width:100%;border:1px solid #dfe3eb;background:#fbfcfe;border-radius:10px;padding:11px 12px;margin-top:6px;outline:none;color:var(--text);transition:.15s}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.form-grid input:focus,.filter-row input:focus,.login-card input:focus,.setup-card input:focus{border-color:#8179ec;box-shadow:0 0 0 3px rgba(91,86,224,.1);background:#fff}.stack-form textarea{resize:vertical;line-height:1.5}.stack-form label small,.form-grid label small{display:block;color:#9299a8;margin-top:5px;font-weight:500;line-height:1.5}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}.info-box,.warning-box,.security-card{border-radius:13px;padding:14px;margin-top:16px;background:#f3f5ff;border:1px solid #e1e3fa}.info-box strong,.warning-box strong{font-size:12px}.info-box p,.warning-box p,.security-card p{font-size:11px;line-height:1.5;color:#70798d;margin:5px 0 0}.warning-box{background:#fff8e9;border-color:#f4dfaf}.filter-row{display:flex;gap:8px;align-items:center}.filter-row input,.filter-row select{margin-top:0;width:auto;min-width:150px;padding:9px 10px}.bulk-bar{display:flex;align-items:center;gap:10px;background:#f7f8fb;border:1px solid var(--line);border-radius:11px;padding:9px 11px;margin-bottom:10px;font-size:11px}.bulk-bar select{margin-left:auto;border:1px solid #dfe3eb;border-radius:8px;padding:8px}.checkbox-col{width:35px}.actions-col{width:145px}.row-actions{display:flex;gap:5px}.icon-btn{width:31px;height:31px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#596275}.icon-btn:hover{background:#f2f4f8}.icon-btn.danger{color:#d23b4d}.toggle-state{font-size:9px;font-weight:850;border-radius:12px;padding:5px 7px}.toggle-state.on{background:#e8f8f0;color:#168154}.toggle-state.off{background:#eceff4;color:#7f8796}.hidden{display:none}.pagination{display:flex;gap:6px;justify-content:center;margin-top:18px}.pagination a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:11px}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.run-state{font-size:9px;font-weight:850;padding:5px 8px;border-radius:15px}.run-state.success{background:#e8f8f0;color:#138054}.run-state.failed{background:#feecef;color:#c72f40}.run-state.running{background:#fff4dc;color:#9a6407}.settings-layout{display:grid;grid-template-columns:250px minmax(0,850px);gap:18px;align-items:start}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:9px;box-shadow:var(--shadow);position:sticky;top:105px}.settings-nav a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:11px;margin:2px 0}.settings-nav a>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f3f4f8}.settings-nav strong,.settings-nav small{display:block}.settings-nav strong{font-size:12px}.settings-nav small{font-size:9px;color:#9199a8;margin-top:2px}.settings-nav a.active{background:#f0efff;color:#493ec6}.settings-nav a.active>span{background:#dedbff}.setting-block{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fafbfc;opacity:.58;transition:.2s}.setting-block.mode-selected{opacity:1;border-color:#c9c5fa;background:#fdfdff;box-shadow:0 0 0 3px rgba(79,70,229,.05)}.setting-block h4{margin:0 0 4px;font-size:13px}.setting-block>p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.5}.inline-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#7c8495}.top-space{margin-top:13px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:13px;border-radius:12px;background:#fafbfc}.switch-row strong,.switch-row small{display:block}.switch-row small{margin-top:3px!important}.switch-row input{width:20px!important;margin:0!important}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.option-grid label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fbfcfd}.option-grid input{width:auto!important;margin:2px 0!important}.option-grid strong,.option-grid small{display:block}.option-grid strong{font-size:11px}.option-grid small{font-size:9px!important;margin-top:2px!important}.connection-state{font-size:9px;font-weight:850;padding:6px 9px;border-radius:20px}.connection-state.on{background:#e7f8f0;color:#08794d}.connection-state.off{background:#edf0f5;color:#737b8c}.cron-step{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.cron-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eceaff;color:#5047c7;font-weight:850;flex:0 0 auto}.cron-step strong{font-size:13px}.cron-step p{font-size:11px;color:var(--muted);margin:4px 0 8px}.cron-step>div{min-width:0;flex:1}.copy-box{display:flex;align-items:center;gap:8px;background:#121827;color:#dfe7f6;padding:10px 11px;border-radius:10px;max-width:100%}.copy-box code{font-size:10px;overflow:auto;white-space:nowrap;flex:1}.copy-box button{border:0;border-radius:7px;padding:6px 9px;background:#2d374a;color:#fff;font-size:9px}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #f0c8cf;background:#fff8f9;border-radius:13px;padding:14px;margin-top:18px}.danger-zone strong{font-size:12px}.danger-zone p{font-size:10px;color:#8d6b72;margin:4px 0 0}.narrow-content{max-width:650px}.security-card{display:flex;gap:12px;align-items:flex-start}.security-card>span{font-size:20px}.security-card strong{font-size:12px}.alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:12px;line-height:1.5}.alert-success{background:#e8f8f1;border:1px solid #bfe9d5;color:#0a7149}.alert-danger{background:#feecef;border:1px solid #f3c5cd;color:#a92838}.alert-warning{background:#fff5df;border:1px solid #f1dda9;color:#8b5b08}.login-body,.setup-body{min-height:100vh;background:#eef1f7}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.38),transparent 32%),linear-gradient(145deg,#14172c,#28245f 55%,#533291);color:#fff;display:grid;place-items:center;padding:60px}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:45px 45px;transform:perspective(700px) rotateX(55deg) scale(1.5);transform-origin:center bottom;opacity:.5}.visual-content{position:relative;max-width:650px}.visual-content h1{font-size:50px;line-height:1.08;margin:14px 0}.visual-content h1 em{font-style:normal;color:#b7a5ff}.visual-content p{color:#c8c8df;line-height:1.7;max-width:590px}.feature-row{display:flex;gap:20px;margin-top:25px;color:#dbd7f4;font-size:12px}.login-panel{display:grid;place-items:center;padding:40px;background:#f7f8fb}.login-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 25px 60px rgba(29,36,63,.12)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-logo strong,.login-logo small{display:block}.login-logo small{font-size:9px;color:#969dac;margin-top:3px}.login-card h2{margin:0;font-size:25px}.login-card>p{color:var(--muted);font-size:12px;margin:6px 0 22px}.login-card label{display:block;margin:14px 0}.login-note{display:block;text-align:center;color:#a0a6b3;margin-top:18px;font-size:9px}.setup-shell{width:min(850px,calc(100% - 30px));margin:35px auto 60px}.setup-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.setup-brand h1,.setup-brand p{margin:0}.setup-brand h1{font-size:23px}.setup-brand p{font-size:11px;color:var(--muted);margin-top:3px}.setup-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.section-heading{display:flex;gap:12px;align-items:center;margin:4px 0 16px;padding-top:18px;border-top:1px solid var(--line)}.section-heading:first-child{border-top:0;padding-top:0}.section-heading>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eceaff;color:#4e46c8;font-weight:850}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-size:15px}.section-heading p{font-size:10px;color:var(--muted);margin-top:3px}.setup-card .form-grid{margin-bottom:20px}.success-panel{text-align:center;padding:50px 30px}.success-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#e5f8ef;color:#13915d;font-size:30px;font-weight:900}.success-panel h2{margin:0}.success-panel p{color:var(--muted);font-size:12px}.success-panel .muted{margin-top:22px}.small{font-size:10px}.mobile-only{display:none}.sidebar-overlay{display:none}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid.two-thirds{grid-template-columns:1fr}.content-grid.domain-layout{grid-template-columns:1fr}.sticky-panel{position:static}.settings-layout{grid-template-columns:210px minmax(0,1fr)}.login-visual{padding:40px}.visual-content h1{font-size:40px}}@media(max-width:800px){.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:translateX(0)}.sidebar-overlay.show{display:block;position:fixed;z-index:45;inset:0;background:rgba(9,14,25,.55)}.main-area{margin-left:0}.mobile-only{display:grid;place-items:center}.topbar{padding:0 16px;height:75px}.topbar>div:first-of-type{flex:1;margin-left:10px}.top-actions .user-chip{display:none}.content{padding:18px 14px 38px}.hero-card{align-items:flex-start;flex-direction:column;padding:23px}.hero-card h2{font-size:23px}.hero-meta{flex-direction:column;gap:7px}.hero-card form,.hero-card button{width:100%}.quick-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:20px}.option-grid{grid-template-columns:1fr}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;gap:10px}.stat-card strong{font-size:22px}.stat-icon{width:38px;height:38px}.stat-card span{display:none}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.filter-row{width:100%;flex-wrap:wrap}.filter-row input,.filter-row select{flex:1;min-width:120px}.settings-nav{grid-template-columns:1fr}.settings-nav a{padding:8px}.danger-zone{align-items:flex-start;flex-direction:column}.copy-box{align-items:stretch;flex-direction:column}.copy-box code{white-space:normal;word-break:break-all}.bulk-bar{flex-wrap:wrap}.bulk-bar select{margin-left:0}.visual-content h1{font-size:32px}.setup-card{padding:20px}.stat-grid{grid-template-columns:1fr}}