/* AraProtect control: quiet technical surfaces, explicit hierarchy, no external assets. */
:root{color-scheme:dark;--bg:#0b0e14;--surface:#11161f;--raised:#171e29;--input:#0c1119;--fg:#edf1f7;--muted:#a2aec0;--subtle:#7c8ba3;--border:#263141;--accent:#73b6ff;--soft:#182a40;--bad:#ffadb2;--focus:#83bdff;--input-border:#43516a;--primary-bg:#86bcff;--primary-fg:#091a2f;--primary-hover:#a0caff;--badge-fg:#b0d5ff;--notice-bg:#141f2c;--notice-border:#2a4058;--notice-fg:#b9cee4;--shadow:0 24px 80px #0005;--danger-bg:#572631;--danger-border:#8e4654;--table-head:#141b25;--good:#98d6bf}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f5f8;--surface:#fff;--raised:#f8fafc;--input:#fff;--fg:#172337;--muted:#52657d;--subtle:#64758c;--border:#dbe2eb;--accent:#175cae;--soft:#e8f1fc;--bad:#a92b3a;--focus:#2169bc;--input-border:#91a1b7;--primary-bg:#185cac;--primary-fg:#fff;--primary-hover:#124c91;--badge-fg:#225d9c;--notice-bg:#eaf2fb;--notice-border:#c3d7ed;--notice-fg:#294d75;--shadow:0 24px 80px #1d355514;--danger-bg:#fff0f1;--danger-border:#d88e97;--table-head:#f7f9fc;--good:#1c7156}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--raised);color:var(--fg);cursor:pointer;white-space:normal;line-height:1.35;min-height:40px;transition:background .15s,border-color .15s}button:hover{background:var(--soft);border-color:var(--input-border)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:transparent;font-weight:600}button.primary:hover{background:var(--primary-hover)}button.quiet-button{background:transparent}button.danger{background:var(--danger-bg);color:var(--bad);border-color:var(--danger-border)}button.danger:hover{border-color:var(--bad)}input,select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--input-border);border-radius:7px;background:var(--input);color:var(--fg);min-height:44px}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}input::placeholder{color:var(--subtle);opacity:1}label{display:grid;gap:8px;font-size:13px;color:var(--fg);min-width:0}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.035em}h2{font-size:17px;font-weight:600;letter-spacing:-.015em}p{color:var(--muted);margin-top:9px}small{color:var(--muted)}[hidden]{display:none!important}.eyebrow,.nav-caption{font-size:10px;font-weight:600;letter-spacing:.13em;color:var(--subtle)}.eyebrow{margin-bottom:9px}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;flex:0 0 34px;height:36px;color:var(--primary-fg);background:var(--primary-bg);font-size:25px;font-weight:700;letter-spacing:-.08em;clip-path:polygon(12% 0,100% 0,100% 76%,78% 100%,0 100%,0 22%)}.brand{font-size:17px;letter-spacing:-.035em;font-weight:650;line-height:1.15}.brand-caption{display:block;font-size:9px;font-weight:500;letter-spacing:.13em;color:var(--subtle);margin-top:6px}.topbar{margin-left:238px;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:17px 34px;border-bottom:1px solid var(--border);background:var(--surface);gap:16px;flex-wrap:wrap}.topbar-context{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.context-label{color:var(--fg)}.context-separator{color:var(--subtle)}.header-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-toggle{font-size:12px}.environment-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.environment-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{position:absolute;top:0;left:0;bottom:0;width:238px;min-height:100%;background:var(--surface);border-right:1px solid var(--border);padding:25px 16px;display:flex;flex-direction:column}.sidebar-brand{padding:0 10px;margin-bottom:48px}.nav-caption{padding:0 13px;margin-bottom:12px}nav{display:grid;gap:5px}nav button{position:relative;justify-content:flex-start;text-align:left;border:1px solid transparent;background:transparent;padding:12px;color:var(--muted);font-size:13px;gap:13px}nav button[aria-current=page]{background:var(--soft);color:var(--fg);border-color:var(--notice-border)}.nav-icon{font-size:20px;line-height:1;width:20px;text-align:center;color:var(--subtle)}nav button[aria-current=page] .nav-icon{color:var(--accent)}.nav-arrow{margin-left:auto;opacity:0;font-size:19px;color:var(--accent)}nav button[aria-current=page] .nav-arrow{opacity:1}.sidebar-foot{margin:auto 12px 0;padding-top:90px;color:var(--muted)}.sidebar-foot .eyebrow{display:block}.sidebar-foot strong{display:block;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--fg);font-weight:500}.sidebar-foot strong span{color:var(--accent)}.sidebar-foot p{font-size:11px;line-height:1.7;margin-top:13px}#app{position:relative;min-height:100vh}main{grid-column:2;padding:27px 34px 0;min-width:0;width:100%;max-width:1600px}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--notice-fg);border-radius:8px;font-size:12px;margin-bottom:34px}.banner strong{font-weight:600;margin-right:10px;color:var(--fg)}.banner-symbol{display:grid;place-items:center;width:19px;height:19px;border:1px solid var(--notice-fg);border-radius:50%;font-family:serif;flex-shrink:0}#message{color:var(--badge-fg);background:var(--soft);border-left:2px solid var(--accent);padding:11px 14px;margin-bottom:20px;overflow-wrap:anywhere}#message:empty{display:none}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.heading p{font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats article{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px 23px;gap:15px;min-height:164px}.stat-label{display:flex;justify-content:space-between;width:100%;gap:10px;color:var(--muted);font-size:12px}.stat-index{color:var(--subtle);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;opacity:.7}.stats strong{font-size:38px;font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.15}.stats strong.stat-text{font-size:24px;letter-spacing:-.025em;margin-top:8px;margin-bottom:1px}.stats small{font-size:11px;margin-top:auto}.grid-two{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:25px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.pill{display:inline-block;border:1px solid var(--notice-border);border-radius:5px;padding:3px 8px;background:var(--soft);color:var(--badge-fg);font-size:10px;font-weight:500;line-height:1.4}.domain{font:500 23px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--fg);letter-spacing:-.055em;margin:26px 0 8px;overflow-wrap:anywhere}.domain-box>p:not(.domain){font-size:12px}dl{margin:24px 0 0}dl div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-top:1px solid var(--border);font-size:12px}dt{color:var(--muted)}dd{margin:0;text-align:right;color:var(--fg);overflow-wrap:anywhere}.inline-code{display:inline;padding:3px 6px;background:var(--raised);color:var(--accent);border-radius:4px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.section-number{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--subtle)}.capabilities ul{padding:0;list-style:none;margin:24px 0 0}.capabilities li{display:flex;align-items:center;gap:14px;padding:11px 0;font-size:13px}.capabilities li span{color:var(--accent);font-size:16px}.section-note{font-size:12px;border-top:1px solid var(--border);padding-top:16px;margin-top:18px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;flex-wrap:wrap}.search-label{width:300px;max-width:100%;gap:6px}.search-label span{font-size:11px;color:var(--muted)}.toolbar-note{font-size:11px;color:var(--subtle)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;min-width:780px}th,td{padding:16px 17px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:10px;letter-spacing:.03em;font-weight:500;color:var(--muted);background:var(--table-head);white-space:nowrap}td{font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}td:first-child{color:var(--fg);font-weight:600}td button{font-size:11px;padding:7px 9px;min-height:32px;white-space:nowrap}td:last-child{min-width:270px}td:last-child>div,.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}td:last-child>button{margin:2px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--raised)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;background:var(--soft);color:var(--badge-fg);font-size:10px;font-weight:500;white-space:nowrap}.status-badge.enabled{color:var(--good)}.status-badge.paused,.status-badge.disabled{color:var(--muted);background:var(--raised)}.empty{padding:40px 20px;text-align:center;font-size:13px}.editor{margin-top:25px;border-top:2px solid var(--accent)}.editor-heading{padding-bottom:21px;border-bottom:1px solid var(--border);margin-bottom:24px}.editor-heading .eyebrow{margin-bottom:6px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 22px;max-width:850px}.field-wide{grid-column:1/-1}.field-hint,.muted{font-size:11px;color:var(--muted);font-weight:400;line-height:1.5}.editor-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.editor-bottom p{max-width:380px;margin:0}.actions{gap:8px}#revealed-secret{display:block;padding:14px;background:var(--input);border:1px solid var(--border);border-radius:7px;margin-top:18px;overflow-wrap:anywhere;user-select:all;color:var(--accent)}.event{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding:19px 0;border-bottom:1px solid var(--border)}.event:first-child{padding-top:0}.event:last-child{border:0;padding-bottom:0}.event>span{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--subtle);padding-top:3px}.event strong{font-weight:500;font-size:13px}.event p{font-size:11px;margin-top:5px;overflow-wrap:anywhere}.node{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--border)}.node strong{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.node p{font-size:11px}.node button{font-size:12px}.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:24px}.inline-form label{flex:1;min-width:170px}.inline-form button{flex-shrink:0;min-height:44px}.settings-box{max-width:850px}footer{padding:28px 0 22px;margin-top:45px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--subtle);font-size:10px;border-top:1px solid var(--border)}.footer-divider{color:var(--input-border);margin:0 8px}#login-screen{min-height:100vh;display:grid;place-items:center;padding:70px 28px 35px;background:radial-gradient(ellipse at 15% 30%,var(--soft),transparent 55%),var(--bg)}.login-theme{position:absolute;top:22px;right:26px}.login-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,410px);gap:85px;width:100%;max-width:1000px;align-items:center}.login-intro{padding:15px 0}.login-intro .brand-lockup{margin-bottom:60px}.login-copy h1{font-size:54px;line-height:1.1;letter-spacing:-.05em}.login-copy h1 span{color:var(--accent)}.login-copy p{max-width:330px;font-size:14px;margin-top:22px;line-height:1.7}.login-intro>.environment-label{margin-top:45px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:34px;box-shadow:var(--shadow);min-width:0}.login-card h2{font-size:25px}.login-card>p{font-size:12px}.login-card label{margin-top:23px;font-size:12px}.login-card>button{width:100%;margin-top:28px;justify-content:space-between;min-height:45px}.login-note{display:block;padding-top:23px;margin-top:25px;border-top:1px solid var(--border);font-size:10px;color:var(--subtle);line-height:1.6}#login-error{color:var(--bad);font-size:12px}#login-error:empty{display:none}dialog{border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--fg);padding:29px;width:calc(100% - 32px);max-width:450px;box-shadow:var(--shadow)}dialog::backdrop{background:#04070db8;backdrop-filter:blur(4px)}.confirmation-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--danger-border);border-radius:10px;color:var(--bad);background:var(--danger-bg);font-size:20px;margin-bottom:24px}dialog h2{font-size:23px}dialog p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:28px;flex-wrap:wrap}
@media(min-width:1500px){main{padding-left:46px;padding-right:46px}}
@media(max-width:1100px){.topbar{margin-left:210px;padding:16px 24px}.layout{grid-template-columns:210px minmax(0,1fr)}aside{width:210px;padding:25px 12px}main{padding:24px 24px 0}.header-actions{gap:8px}.header-actions .environment-label{display:none}.stats article{padding:19px 17px}.stats strong.stat-text{font-size:20px}.grid-two{grid-template-columns:1fr}.login-shell{gap:45px}.login-copy h1{font-size:46px}}
@media(max-width:760px){.topbar{margin-left:0;padding:15px 18px;min-height:70px}.topbar-context{font-size:11px;gap:7px}.topbar-context .context-label{display:none}.context-separator{display:none}.layout{display:flex;flex-direction:column;min-height:auto}aside{position:static;width:100%;border-right:0;border-bottom:1px solid var(--border);padding:17px 16px 12px;min-height:0;gap:16px}.sidebar-brand{margin:0;padding:0}.brand-caption{font-size:8px}.brand-mark{flex-basis:29px;height:31px;font-size:23px}.brand{font-size:16px}.nav-caption,.sidebar-foot{display:none}nav{display:flex;flex-wrap:wrap;gap:5px}nav button{padding:9px 11px;gap:7px;font-size:12px;flex:0 1 auto}.nav-icon{font-size:17px;width:auto}.nav-arrow{display:none}main{padding:22px 18px 0}.banner{margin-bottom:26px;font-size:11px;align-items:flex-start}.banner strong{display:block;margin-bottom:3px}.banner-symbol{margin-top:1px}.stats{gap:10px}.stats article{padding:15px 13px;min-height:145px}.stat-label{font-size:11px}.stat-index{display:none}.stats strong{font-size:32px}.stats strong.stat-text{font-size:18px}.stats small{font-size:10px}.heading{gap:16px}.heading h1{font-size:27px}.box{padding:21px}.login-shell{grid-template-columns:1fr;max-width:430px;gap:28px}.login-intro{padding:0}.login-intro .brand-lockup{margin:0}.login-copy,.login-intro>.environment-label{display:none}.login-card{padding:28px}.login-theme{top:18px;right:18px}}
@media(max-width:480px){.topbar{padding:12px 15px}.header-actions{gap:6px}.topbar button{padding:8px 10px;font-size:11px}.topbar-context{font-size:10px}.stats{grid-template-columns:1fr}.stats article{display:grid;grid-template-columns:1fr auto;min-height:0;gap:8px 12px;align-items:center}.stats .stat-label{grid-column:1;grid-row:1}.stats strong,.stats strong.stat-text{grid-column:2;grid-row:1/3;margin:0;font-size:27px}.stats strong.stat-text{font-size:19px}.stats small{grid-column:1;grid-row:2;margin:0;font-size:11px}main{padding:20px 14px 0}.box{padding:19px}.domain{font-size:22px}.fields{grid-template-columns:1fr;gap:20px}.field-wide{grid-column:auto}.heading>button{width:100%}.editor-heading>button{width:auto}.table-toolbar{gap:12px}.search-label{width:100%}.toolbar-note{font-size:10px}.editor-bottom{gap:16px}.actions{width:100%}.actions button{flex:1}.event{grid-template-columns:1fr;gap:7px}dl div{gap:13px;flex-wrap:wrap}dd{text-align:left}footer{font-size:10px;margin-top:30px}.login-card{padding:24px}.login-card h2{font-size:23px}#login-screen{padding:80px 18px 28px}.dialog-actions button{flex:1}}
@media(pointer:coarse){button,td button{min-height:44px}input,select{font-size:16px}td:last-child{min-width:300px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}