:root{--bg:#0b1020;--surface:#11182b;--surface2:#151e34;--line:#26324d;--text:#edf2ff;--muted:#91a0bd;--accent:#7c9cff;--accent2:#5de0c1;--danger:#ff6b7a;--warning:#f6c85f;--ok:#57d69f;--shadow:0 18px 50px rgba(0,0,0,.24);--radius:18px;--sidebar:248px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}html[data-theme="light"]{--bg:#f4f7fb;--surface:#fff;--surface2:#f7f9fd;--line:#dde5f1;--text:#152036;--muted:#66748c;--accent:#496ff3;--accent2:#189f83;--danger:#d64255;--warning:#a77712;--ok:#17865f;--shadow:0 18px 50px rgba(30,48,80,.10);color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}small{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:20px;margin-bottom:0}h2{font-size:18px;margin-bottom:6px}h3{font-size:15px;margin-bottom:4px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:20px 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-right:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900;color:#07101c;letter-spacing:-.5px}.brand strong,.brand small{display:block}.brand small{font-size:11px;margin-top:1px}.nav-list{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-item{display:flex;align-items:center;gap:11px;color:var(--muted);padding:10px 11px;border-radius:12px;font-weight:700}.nav-item:hover,.nav-item.active{background:var(--surface2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:22px;text-align:center;font-size:16px}.sidebar-foot{margin-top:auto;padding:14px 8px 2px;border-top:1px solid var(--line)}.user-mini{display:flex;gap:9px;align-items:center;min-width:0}.user-mini strong,.user-mini small{display:block;max-width:154px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-weight:800}.link-button{border:0;background:none;color:var(--muted);padding:10px 0}.main{grid-column:2;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 28px}.eyebrow,.kicker{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.status-dot,.health-dot,.pulse{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block}.health-dot.muted{background:var(--muted)}.content{padding:24px 28px 88px;max-width:1500px;margin:0 auto}.panel,.stat-card,.hero-card,.auth-card,.safety-banner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0 20px}.stat-card{padding:16px}.stat-card span,.stat-card small,.stat-card strong{display:block}.stat-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.stat-card strong{font-size:27px;margin:4px 0;letter-spacing:-.04em}.two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.two-col.unequal{grid-template-columns:1.45fr .55fr}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.grow{min-width:0}.sticky-panel{position:sticky;top:96px;height:max-content}.safety-banner{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.safety-banner>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.safety-banner small{grid-column:2}.safety-banner.stopped{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.safety-banner.stopped .pulse{background:var(--danger)}.safety-banner.running .pulse{background:var(--ok)}.safety-banner.dry .pulse{background:var(--warning)}.button{border:0;border-radius:11px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.button.primary{background:var(--accent);color:#fff}.button.ghost{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.button.danger{background:color-mix(in srgb,var(--danger) 18%,var(--surface2));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line))}.button.compact{padding:8px 11px;font-size:12px}.button:disabled{opacity:.35;cursor:not-allowed}.icon-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.form-stack{display:flex;flex-direction:column;gap:13px}.form-stack label{font-size:12px;font-weight:700;color:var(--muted)}input,select{width:100%;margin-top:6px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:11px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-grid{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex!important;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;color:var(--text)!important}.check input{width:auto;margin:0}.safety-note{font-size:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:12px;color:var(--muted)}.account-list,.rule-list,.review-list{display:flex;flex-direction:column;gap:12px}.account-card,.rule-card{background:var(--surface2);border:1px solid var(--line);border-radius:15px;padding:14px}.account-main,.rule-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-main{justify-content:flex-start}.provider-badge{min-width:48px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:10px;font-weight:900;color:var(--accent)}.account-card p,.rule-card p,.review-card p{margin-bottom:6px;color:var(--muted)}.account-actions,.rule-actions,.review-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.folder-details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.folder-details summary{cursor:pointer;color:var(--muted);font-size:12px}.folder-cloud{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.folder-cloud span{font-size:11px;padding:5px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 7px;font-size:9px;line-height:1;font-weight:900;letter-spacing:.05em;background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.chip.success,.chip.completed{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--surface2))}.chip.warning,.chip.review{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 32%,var(--line));background:color-mix(in srgb,var(--warning) 8%,var(--surface2))}.chip.danger,.chip.failed,.chip.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface2))}.chip.neutral,.chip.unknown{color:var(--muted)}.activity-list,.health-list{display:flex;flex-direction:column}.activity,.health-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.activity:last-child,.health-row:last-child{border-bottom:0}.activity strong,.activity small,.health-row strong,.health-row small{display:block}.activity time{font-size:10px;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:28px 14px;border:1px dashed var(--line);border-radius:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td small{display:block;margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;max-width:260px;overflow-wrap:anywhere}.review-card{padding:18px}.review-top{display:flex;justify-content:space-between;gap:14px}.confidence{font-weight:900;color:var(--accent)}.inline-form{display:flex;gap:8px;flex:1}.inline-form select{margin:0;max-width:420px}.search-bar{display:flex;gap:8px;margin-bottom:18px}.search-bar input{margin:0}.settings-grid,.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card>span{font-size:10px;text-transform:uppercase;color:var(--accent);font-weight:900;letter-spacing:.1em}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.feature-list li:last-child{border:0}.feature-list span{color:var(--muted);text-align:right}.flash{padding:11px 13px;border-radius:12px;margin-bottom:14px;border:1px solid var(--line);background:var(--surface2)}.flash.success{border-color:color-mix(in srgb,var(--ok) 35%,var(--line));color:var(--ok)}.flash.info{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}.flash.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.public-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 25%),var(--bg)}.public-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.public-brand{position:fixed;top:24px;left:24px}.auth-card{width:min(100%,460px);padding:26px}.auth-card .section-heading h1{font-size:26px;line-height:1.12;margin:8px 0}.auth-card .section-heading p{color:var(--muted)}.form-foot{text-align:center;color:var(--muted);margin:16px 0 0}.narrow{max-width:720px;margin:30px auto}.hero-card{padding:24px;margin-bottom:16px}.step-badge{font-size:10px;color:var(--accent);font-weight:900}.error-panel{max-width:680px;margin:40px auto}.bottom-nav,.sidebar-backdrop{display:none}.mobile-only{display:none}.compact-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}.two-col,.two-col.unequal,.split-layout{grid-template-columns:1fr}.sticky-panel{position:static}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--radius:15px}.desktop-only{display:none}.mobile-only{display:inline-flex}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:transform .2s ease;width:min(86vw,320px)}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:25}body.sidebar-open .sidebar-backdrop{display:block}.main{display:block}.topbar{height:66px;padding:8px 14px;gap:10px}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:17px}.content{padding:14px 12px 86px}.stat-grid,.compact-stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:23px}.two-col,.settings-grid,.module-grid{grid-template-columns:1fr}.panel{padding:15px}.safety-banner{align-items:flex-start}.safety-banner .button{display:none}.account-main,.rule-card,.review-top{flex-direction:column}.account-actions,.rule-actions{width:100%}.account-actions form,.rule-actions form{flex:1}.account-actions .button,.rule-actions .button{width:100%}.form-grid{grid-template-columns:1fr}.inline-form,.review-actions{flex-direction:column;width:100%}.inline-form select{max-width:none}.review-actions form,.review-actions .button{width:100%}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:20;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:16px}.bottom-nav span{font-size:9px}.public-brand{top:14px;left:14px}.auth-card{padding:20px}.public-shell{padding:86px 12px 24px}.search-bar{flex-direction:column}.feature-list li{flex-direction:column;gap:3px}.feature-list span{text-align:left}}