[hidden]{display:none!important}:root{--p:#6658ef;--bg:#f7f8fb;--line:#e7e8ef;--ink:#282936;--muted:#7f8290;--green:#20ad7f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.login{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#f3f2ff,#effaf7);z-index:9}.login form{width:min(400px,calc(100% - 30px));background:#fff;padding:34px;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #25224818}.logo,.brand b{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--p);color:#fff;font-weight:700}.login h1{margin:18px 0 6px}.login p{color:var(--muted);margin:0 0 24px}label{display:block;margin:15px 0;color:#666a79}input,select{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 11px;margin-top:7px;background:#fff}.login button,.primary{height:42px;border:0;border-radius:9px;padding:0 18px;background:var(--p);color:#fff;font-weight:600}.login button{width:100%;margin-top:12px}output{display:block;color:#c33;margin-top:12px;min-height:18px}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700}.brand span{color:var(--p)}.brand b{width:32px;height:32px}nav{margin-top:45px;display:grid;gap:6px}nav button{border:0;background:none;border-radius:9px;padding:13px;text-align:left;color:#656878}nav button.active{background:#eeecff;color:#5e54dc;font-weight:600}aside footer{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px;font-size:12px}aside footer button{border:0;background:none;color:#a34;text-align:left;padding:0}.content{margin-left:240px;padding:36px 40px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:0 0 5px}header p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.stats article,.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.stats small{color:var(--muted)}.stats b{display:block;font-size:26px;margin-top:6px}.stats .ok{font-size:13px;color:var(--green)}.card h2{font-size:15px;margin:0 0 18px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;color:#999ca9;background:#fafbfc}th,td{padding:13px 15px;border-bottom:1px solid #eff0f4}td{color:#676a78}code{background:#f2f3f6;border-radius:5px;padding:4px 7px}.pill{padding:4px 9px;border-radius:12px;background:#e2f7ef;color:#148261;font-size:11px}.pill.off{background:#f1f1f4;color:#777}.actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.secondary,.danger.bordered{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;color:#5f6170}.danger{border:0;background:none;color:#c34}.danger.bordered{color:#b33;border-color:#efcfd2}.empty{text-align:center;color:var(--muted);padding:28px}.card-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted)}.form{max-width:750px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form>.primary{float:right;margin-top:12px}.hint{color:var(--muted);font-size:12px;line-height:1.5}.warning{color:#895d05;background:#fff5d8;border:1px solid #f3d785;border-radius:8px;padding:11px;line-height:1.45}dialog{border:0;border-radius:15px;width:min(500px,calc(100% - 30px));padding:0;box-shadow:0 20px 70px #1115}dialog::backdrop{background:#24233488;backdrop-filter:blur(3px)}dialog form{padding:25px}.x{float:right;border:0;border-radius:50%;width:30px;height:30px}dialog footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.cancel{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 14px}.qr{display:block;width:210px;max-width:100%;height:auto;margin:15px auto;background:#fff}pre{white-space:pre-wrap;background:#202231;color:#eee;padding:14px;border-radius:8px;max-height:300px;overflow:auto}#toast{position:fixed;right:24px;bottom:24px;max-width:min(520px,calc(100% - 48px));background:#262735;color:#fff;padding:12px 17px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1}#toast.error{background:#a23b43}@media(max-width:800px){aside{width:72px;padding:20px 8px}.brand{font-size:0}.brand b{font-size:14px}nav button{font-size:0;text-align:center}.content{margin-left:72px;padding:25px 15px}.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.actions{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.stats{grid-template-columns:1fr}}
.danger.prominent{height:42px;border:1px solid #e5aeb3;border-radius:9px;padding:0 16px;background:#fff;color:#b42d3a;font-weight:650}.pill.deny{background:#fde8ea;color:#af2e3a}.access-default{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.access-default h2{margin-bottom:4px}.access-default p{margin:0;color:var(--muted)}.access-default select{width:260px;margin:0}.agent-state{border-radius:8px;padding:10px 12px;background:#f1f2f6;color:#606372}.agent-state.connected{background:#e2f7ef;color:#148261}.agent-state.disconnected{background:#fde8ea;color:#af2e3a}@media(max-width:800px){.access-default{align-items:stretch;flex-direction:column}.access-default select{width:100%}}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.grid-two .card{margin:0}.check{display:flex;align-items:center;gap:9px;color:var(--ink)}.check input{width:18px;height:18px;margin:0}.subline{display:block;color:var(--p);margin-top:3px}.download-row,.status-list{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.diagnostic{max-height:160px}.card+.card{margin-top:15px}.card-toolbar h2{margin:0}.status-list{margin:12px 0 18px}@media(max-width:1000px){.grid-two{grid-template-columns:1fr}.actions{white-space:normal;flex-wrap:wrap}}@media(max-width:800px){.grid-two{grid-template-columns:1fr}.download-row{align-items:stretch;flex-direction:column}}
.quota{width:150px;max-width:100%;height:7px;margin-bottom:6px;overflow:hidden;border-radius:99px;background:#ebecef}.quota span{display:block;height:100%;min-width:0;background:var(--green);border-radius:inherit}.quota span.over{background:#c43b48}.stats b{overflow-wrap:anywhere}.card-toolbar button{flex:0 0 auto}small.hint{display:block;margin-top:6px}.brand em{margin-left:auto;color:var(--muted);font-size:10px;font-style:normal;font-weight:500}.monitor-note{margin:0 0 15px;padding:11px 13px;border:1px solid #d9dcf5;border-radius:9px;background:#f1f2ff;color:#565c78}.success{color:#14785d;background:#e8f8f2;border:1px solid #bde9da;border-radius:8px;padding:11px;line-height:1.45}
.dashboard-hero,.site-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;padding:30px 32px;border-radius:18px;background:linear-gradient(120deg,#25233f 0%,#5148bd 58%,#6e63f2 100%);color:#fff;box-shadow:0 20px 45px #433aa52b}.dashboard-hero:after,.site-hero:after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-150px;border:55px solid #ffffff13;border-radius:50%}.dashboard-hero h2,.site-hero h2{position:relative;margin:7px 0 8px;font-size:26px;letter-spacing:-.4px}.dashboard-hero p,.site-hero p{position:relative;margin:0;color:#dfddff;line-height:1.55}.eyebrow{position:relative;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#bdb8ff}.hero-health{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:145px;padding:13px 16px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff12;backdrop-filter:blur(12px)}.hero-health>span{width:10px;height:10px;border-radius:50%;background:#ffb84d;box-shadow:0 0 0 5px #ffb84d22}.hero-health.healthy>span{background:#44e2aa;box-shadow:0 0 0 5px #44e2aa22}.hero-health small,.hero-health b{display:block}.hero-health small{color:#d7d4f8;font-size:10px}.hero-health b{margin-top:2px}.dashboard-alerts{display:grid;gap:7px;margin-bottom:15px}.dashboard-alerts div{padding:10px 13px;border:1px solid #f3d785;border-radius:9px;background:#fff8e6;color:#815d12;font-size:12px}.dashboard-stats article{display:flex;align-items:center;gap:13px;padding:17px 18px;box-shadow:0 8px 25px #25224808}.dashboard-stats article>div{min-width:0}.dashboard-stats b{margin-top:3px;font-size:21px;white-space:nowrap}.dashboard-stats b em{margin-left:5px;color:#a3a5b2;font-size:12px;font-style:normal;font-weight:600}.stat-icon{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:17px;font-weight:800}.stat-icon.purple{background:#eeeaff;color:#6256e8}.stat-icon.blue{background:#e8f3ff;color:#3184d8}.stat-icon.green{background:#e5f8f1;color:#15976e}.stat-icon.amber{background:#fff3d9;color:#c78810}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.75fr);gap:15px;margin-bottom:15px}.topology-card,.quick-card{margin:0}.card-toolbar small{color:var(--muted)}.topology{min-height:185px;display:grid;grid-template-columns:minmax(170px,.7fr) 110px minmax(210px,1fr);align-items:center;gap:8px;padding:15px 5px}.topology-node{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfbfd}.topology-node>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eff0f5;color:#999}.topology-node b,.topology-node small{display:block}.topology-node small{margin-top:2px;color:var(--muted);font-size:10px}.topology-node.online>span{background:#e1f7ef;color:#15976e}.topology-node.offline>span{background:#f2f2f5;color:#92949e}.topology-node.central{padding:16px;border-color:#d9d4ff;background:linear-gradient(145deg,#f7f5ff,#fff)}.topology-node.central>span{background:#6658ef;color:#fff;font-weight:800}.topology-sites{display:grid;gap:7px}.topology-line{position:relative;text-align:center;color:var(--muted);font-size:9px}.topology-line i{display:block;height:2px;background:linear-gradient(90deg,#6759ef,#57c8ad);position:relative}.topology-line i:after{content:"";position:absolute;right:-1px;top:-3px;border-width:4px 0 4px 7px;border-style:solid;border-color:transparent transparent transparent #57c8ad}.topology-line small{display:inline-block;margin-top:7px}.topology-empty{padding:20px;text-align:center;color:var(--muted);border:1px dashed #d9dae3;border-radius:11px}.route-summary{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.route-summary span{padding:7px 10px;border-radius:8px;background:#f5f5f9;color:var(--muted);font-size:11px}.route-summary b{color:var(--ink)}.quick-card>button{width:100%;display:flex;align-items:center;gap:11px;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;color:var(--ink)}.quick-card>button:hover{border-color:#cfc9ff;background:#faf9ff}.quick-card>button>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#eeecff;color:#6055df;font-weight:700}.quick-card b,.quick-card small{display:block}.quick-card small{margin-top:2px;color:var(--muted);font-size:10px}.recent-card{margin-top:0}.site-hero{background:linear-gradient(120deg,#193b48,#176f76 58%,#35a99e)}.site-count{position:relative;z-index:1;min-width:130px;padding:15px 18px;border:1px solid #ffffff2e;border-radius:13px;background:#ffffff12;text-align:center}.site-count b,.site-count small{display:block}.site-count b{font-size:28px}.site-count small{color:#d9fffa}.site-config{align-items:stretch}.site-config .card{margin:0}.site-identity{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:12px;border-radius:10px;background:#f7f7fb}.site-identity>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#6658ef;color:#fff;font-weight:800}.site-identity b,.site-identity small{display:block}.site-identity small{margin-top:3px;color:var(--muted)}.site-guide ol{padding-left:20px;color:#666a78;line-height:1.7}.site-guide .warning{margin-bottom:0}@media(max-width:1100px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.topology{grid-template-columns:minmax(150px,.7fr) 90px minmax(180px,1fr)}}@media(max-width:700px){.dashboard-hero,.site-hero{align-items:flex-start;flex-direction:column;padding:23px}.dashboard-hero h2,.site-hero h2{font-size:22px}.hero-health,.site-count{width:100%}.dashboard-stats{grid-template-columns:1fr}.topology{grid-template-columns:1fr;gap:12px}.topology-line{transform:rotate(90deg);width:45px;margin:auto}.topology-line small{display:none}.route-summary{display:grid;grid-template-columns:1fr 1fr}.site-config{grid-template-columns:1fr}}

.routing-hero,.dns-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;padding:27px 30px;border-radius:18px;color:#fff;box-shadow:0 18px 42px #26364d22}.routing-hero{background:linear-gradient(120deg,#24324b,#315b8b 58%,#4c8aca)}.dns-hero{background:linear-gradient(120deg,#173b37,#176b5d 58%,#35aa87)}.routing-hero:after,.dns-hero:after{content:"";position:absolute;width:250px;height:250px;right:-80px;top:-140px;border:50px solid #ffffff12;border-radius:50%}.routing-hero h2,.dns-hero h2{position:relative;margin:7px 0 8px;font-size:24px}.routing-hero p,.dns-hero p{position:relative;margin:0;color:#e4efff;line-height:1.5}.route-count,.dns-state{position:relative;z-index:1;min-width:150px;padding:14px 17px;border:1px solid #ffffff2b;border-radius:13px;background:#ffffff12;text-align:center}.route-count b,.route-count small,.dns-state b,.dns-state small{display:block}.route-count b{font-size:27px}.route-count small,.dns-state small{margin-top:2px;color:#d9f7ff}.dns-state{display:flex;align-items:center;gap:11px;text-align:left}.dns-state>span{width:10px;height:10px;border-radius:50%;background:#ffb84d;box-shadow:0 0 0 5px #ffb84d22}.dns-state.online>span{background:#44e2aa;box-shadow:0 0 0 5px #44e2aa22}.theme-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:7px 9px!important;border:1px solid var(--line)!important;border-radius:8px;background:#f7f7fb!important;color:#5f6170!important}.theme-toggle:hover{background:#efedff!important;color:#554ad5!important}

[data-theme="dark"]{color-scheme:dark;--p:#8177ff;--bg:#10121a;--line:#2c3040;--ink:#eef0f8;--muted:#a0a5b8;--green:#3fd4a3}[data-theme="dark"] body{background:var(--bg);color:var(--ink)}[data-theme="dark"] .login{background:linear-gradient(135deg,#11131c,#10201e)}[data-theme="dark"] .login form,[data-theme="dark"] aside,[data-theme="dark"] .card,[data-theme="dark"] .stats article,[data-theme="dark"] dialog{background:#191c26;color:var(--ink);box-shadow:none}[data-theme="dark"] aside{border-color:var(--line)}[data-theme="dark"] label,[data-theme="dark"] td,[data-theme="dark"] .site-guide ol{color:#b7bbca}[data-theme="dark"] input,[data-theme="dark"] select{background:#12151e;border-color:#343848;color:var(--ink)}[data-theme="dark"] input:disabled,[data-theme="dark"] select:disabled{background:#171923;color:#888e9f}[data-theme="dark"] nav button{color:#aeb3c5}[data-theme="dark"] nav button:hover{background:#202331;color:#e5e7f2}[data-theme="dark"] nav button.active{background:#292645;color:#a9a2ff}[data-theme="dark"] th{background:#151821;color:#8f95a8}[data-theme="dark"] th,[data-theme="dark"] td{border-color:#292d3a}[data-theme="dark"] code{background:#242834;color:#dfe2ef}[data-theme="dark"] .secondary,[data-theme="dark"] .danger.bordered,[data-theme="dark"] .cancel,[data-theme="dark"] .danger.prominent{background:#20232e;border-color:#383c4c;color:#c6cada}[data-theme="dark"] .danger,[data-theme="dark"] .danger.bordered,[data-theme="dark"] .danger.prominent{color:#ff8892}[data-theme="dark"] .x{background:#282b36;color:#d8dbe7}[data-theme="dark"] .pill{background:#173c34;color:#64dfb6}[data-theme="dark"] .pill.off{background:#292c36;color:#a1a5b2}[data-theme="dark"] .pill.deny{background:#49252b;color:#ff9da6}[data-theme="dark"] .warning,[data-theme="dark"] .dashboard-alerts div{background:#3a311d;border-color:#66572c;color:#f2cc72}[data-theme="dark"] .success,[data-theme="dark"] .agent-state.connected{background:#173b32;border-color:#235b4c;color:#68dcb8}[data-theme="dark"] .agent-state{background:#242732;color:#b6bac9}[data-theme="dark"] .agent-state.disconnected{background:#47242a;color:#ff9ca6}[data-theme="dark"] .monitor-note{background:#22263a;border-color:#373c5e;color:#c7cbdf}[data-theme="dark"] .quota{background:#30333f}[data-theme="dark"] .topology-node{background:#20232d}[data-theme="dark"] .topology-node.central{border-color:#474168;background:linear-gradient(145deg,#27243a,#20232d)}[data-theme="dark"] .topology-node.offline>span{background:#30333d;color:#a3a7b5}[data-theme="dark"] .topology-empty{border-color:#3a3e4b}[data-theme="dark"] .route-summary span,[data-theme="dark"] .site-identity{background:#242731}[data-theme="dark"] .quick-card>button{background:#1d202a;border-color:var(--line);color:var(--ink)}[data-theme="dark"] .quick-card>button:hover{background:#28253c;border-color:#554f7a}[data-theme="dark"] .quick-card>button>span{background:#302b54;color:#b2abff}[data-theme="dark"] .theme-toggle{background:#222530!important;color:#c8ccda!important}[data-theme="dark"] .theme-toggle:hover{background:#2c2946!important;color:#b7b1ff!important}[data-theme="dark"] pre{background:#0c0e14;color:#e6e8f0}[data-theme="dark"] dialog::backdrop{background:#05060ab8}[data-theme="dark"] .qr{background:#fff}[data-theme="dark"] ::selection{background:#6258c8;color:#fff}

@media(max-width:700px){.routing-hero,.dns-hero{align-items:flex-start;flex-direction:column;padding:23px}.routing-hero h2,.dns-hero h2{font-size:22px}.route-count,.dns-state{width:100%}}@media(max-width:800px){.theme-toggle{justify-content:center}.theme-toggle span{display:none}}

textarea{width:100%;min-height:82px;margin-top:7px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;resize:vertical}dialog{width:min(600px,calc(100% - 30px));max-height:calc(100vh - 30px);overflow:auto}.access-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:15px;padding:27px 30px;border-radius:18px;background:linear-gradient(120deg,#2c2348,#5b3f98 57%,#815ad0);color:#fff;box-shadow:0 18px 42px #38245e2b}.access-hero:after{content:"";position:absolute;width:250px;height:250px;right:-80px;top:-145px;border:50px solid #ffffff12;border-radius:50%}.access-hero h2{position:relative;margin:7px 0 8px;font-size:24px}.access-hero p{position:relative;margin:0;color:#eee7ff}.access-metrics{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.access-metrics span{min-width:88px;padding:10px 12px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff10;text-align:center;font-size:10px}.access-metrics b{display:block;margin-bottom:2px;font-size:18px}.access-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.access-global{display:flex;align-items:center;gap:22px}.access-global label{margin:0}.access-global select{min-width:250px}.access-rules tr[draggable="true"]{transition:background .15s,opacity .15s}.access-rules tr.dragging{opacity:.45}.access-rules tr.drag-over{background:#f0eeff}.drag-cell{white-space:nowrap}.drag-handle{display:inline-block;margin-right:8px;color:#a4a0b4;font-size:18px;cursor:grab;vertical-align:middle}.icon-button{min-width:31px;padding:7px}.schedule-field{margin:17px 0;padding:10px 13px 13px;border:1px solid var(--line);border-radius:10px}.schedule-field legend{padding:0 6px;color:var(--ink);font-weight:650}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday{margin:0}.weekday input{position:absolute;opacity:0;pointer-events:none}.weekday span{display:grid;place-items:center;height:34px;border:1px solid var(--line);border-radius:7px;background:#fafbfc;color:var(--muted);font-size:11px;cursor:pointer}.weekday input:checked+span{border-color:#8a7ff7;background:#eeecff;color:#5e54dc;font-weight:700}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:240px;padding:7px;overflow:auto;border:1px solid var(--line);border-radius:9px}.member-check{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:7px;background:#f8f8fb}.member-check input{width:17px;height:17px;margin:0}.member-check b,.member-check small{display:block}.member-check small{margin-top:2px;color:var(--muted);font-size:10px}.test-result{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px}.test-result.allow{background:#e8f8f2;border-color:#bde9da;color:#14785d}.test-result.deny{background:#fde8ea;border-color:#efbdc4;color:#af2e3a}.test-result p{margin:6px 0}.test-result small{color:inherit}
[data-theme="dark"] textarea{background:#12151e;border-color:#343848;color:var(--ink)}[data-theme="dark"] .access-rules tr.drag-over{background:#292645}[data-theme="dark"] .weekday span{background:#20232d;border-color:#363a49;color:#abb0c1}[data-theme="dark"] .weekday input:checked+span{background:#342e5b;border-color:#746ae4;color:#c6c1ff}[data-theme="dark"] .member-check{background:#22252f}[data-theme="dark"] .test-result.allow{background:#173b32;border-color:#235b4c;color:#68dcb8}[data-theme="dark"] .test-result.deny{background:#47242a;border-color:#71343e;color:#ff9ca6}
@media(max-width:900px){.access-hero{align-items:flex-start;flex-direction:column}.access-metrics{justify-content:flex-start}.access-default{align-items:stretch;flex-direction:column}.access-global{align-items:stretch;flex-direction:column;gap:0}.access-global select{min-width:0}.member-grid{grid-template-columns:1fr}}@media(max-width:600px){.weekday-row{grid-template-columns:repeat(4,1fr)}}

/* Einheitliche, gruppierte Hauptnavigation */
aside{width:260px;padding:20px 14px;overflow:hidden}.content{margin-left:260px}.brand{min-height:38px;padding:0 7px}.brand .brand-name{display:inline;color:var(--ink)}.brand .brand-name strong{color:var(--p)}.brand em{padding:3px 6px;border-radius:6px;background:#f1f0fa}nav{display:block;flex:1;min-height:0;margin:22px -4px 14px 0;padding-right:5px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbc9d8 transparent}.nav-group{display:grid;gap:3px;margin-bottom:15px}.nav-section{padding:0 10px 5px;color:#a0a2ae;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:5px 8px;border:1px solid transparent;text-align:left}nav button:hover{background:#f7f7fb;color:#4e5060}nav button.active{border-color:#dedaff;background:#eeecff;color:#554bd6}.nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#f1f2f6;color:#737684;font-size:13px;font-weight:750}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav button.active .nav-icon{background:#6658ef;color:#fff;box-shadow:0 5px 12px #6658ef30}aside footer{gap:10px;padding:13px 5px 0}.account-summary{display:flex;align-items:center;gap:9px;min-width:0}.account-summary>span:first-child{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#eceaff;color:#5c52dc;font-weight:800}.account-summary>span:last-child{min-width:0}.account-summary b,.account-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary small{margin-top:2px;color:var(--muted);font-size:10px}.footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.footer-actions button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;padding:6px 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;text-align:center!important}.logout-button{background:#fff3f4!important;color:#ad3540!important}.logout-button:hover{background:#ffe8eb!important}.theme-toggle{min-height:34px}
[data-theme="dark"] .brand em{background:#242731}[data-theme="dark"] nav button:hover{background:#20232d;color:#e5e7f2}[data-theme="dark"] .nav-icon{background:#242731;color:#aeb3c5}[data-theme="dark"] nav button.active .nav-icon{background:#7469f3;color:#fff}[data-theme="dark"] .account-summary>span:first-child{background:#302b54;color:#b2abff}[data-theme="dark"] .logout-button{background:#382329!important;border-color:#553039!important;color:#ff9ca6!important}
@media(max-width:800px){aside{width:78px;padding:18px 9px}.content{margin-left:78px}.brand{justify-content:center;padding:0}.brand .brand-name,.brand em,.nav-section,.nav-label,.account-summary>span:last-child,.footer-actions button span{display:none}.nav-group{margin-bottom:9px}nav{margin:18px 0 10px;padding:0}nav button{justify-content:center;padding:5px;font-size:0}.nav-icon{font-size:13px}.account-summary{justify-content:center}.footer-actions{grid-template-columns:1fr}.footer-actions button{font-size:13px!important}.theme-toggle{justify-content:center}.theme-toggle span{display:none}}
.operations-settings{margin-bottom:15px}.operations-settings>.card{margin:0}
.ops-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;margin-bottom:20px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#111827,#4338ca 70%,#0f766e);box-shadow:0 18px 45px rgba(49,46,129,.2)}.ops-hero h2{margin:5px 0 7px;font-size:27px}.ops-hero p{margin:0;color:#dbeafe}.ops-hero .primary{background:#fff;color:#312e81;white-space:nowrap}.history-card{margin:18px 0}.history-chart{width:100%;height:190px;margin-top:15px;border-radius:12px;background:linear-gradient(180deg,rgba(99,102,241,.12),transparent)}.history-chart path{stroke:var(--line);stroke-width:.35;fill:none}.history-chart polyline{stroke:#6366f1;stroke-width:1.35;fill:none;vector-effect:non-scaling-stroke}.chart-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.chart-legend b{color:var(--ink)}.policy-analysis ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.policy-analysis li{padding:10px 12px;border-radius:9px;background:#f5f6fa;font-size:13px}.policy-analysis li.error{background:#fff1f2;color:#9f1239}.policy-analysis li.warning{background:#fffbeb;color:#92400e}.policy-analysis li.success{background:#ecfdf5;color:#065f46}.backup-form{display:grid;grid-template-columns:minmax(240px,2fr) minmax(240px,1fr) auto;gap:12px;align-items:end}.backup-form button{margin-bottom:1px}.rule-trace{display:grid;gap:5px;padding:0;margin:12px 0;list-style:none}.rule-trace li{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:7px;background:#94a3b81f;font-size:12px}.rule-trace li.matched{background:#10b98129;color:#047857}[data-theme="dark"] .policy-analysis li.error{background:#be18572e;color:#fda4af}[data-theme="dark"] .policy-analysis li.warning{background:#d977062e;color:#fcd34d}[data-theme="dark"] .policy-analysis li.success{background:#0596692e;color:#6ee7b7}[data-theme="dark"] .policy-analysis li{background:#222631}@media(max-width:900px){.ops-hero{align-items:flex-start;flex-direction:column}.backup-form{grid-template-columns:1fr}.history-chart{height:130px}}