:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#0b1322;color:#e8f2ff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.muted{color:#97a9c2;line-height:1.7}.hidden{display:none!important}.eyebrow{color:#70aeff;font-size:11px;letter-spacing:2px;font-weight:750}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 23% 10%,#143559 0%,#0b1322 53%)}.login-card{width:min(435px,100%);background:#111f34;border:1px solid #28405d;border-radius:22px;padding:37px;box-shadow:0 22px 90px #0007}.symbol{width:60px;height:60px;border-radius:17px;background:linear-gradient(145deg,#38b5ff,#3953e2);display:grid;place-items:center;font-size:31px;font-weight:850;box-shadow:0 7px 25px #1c66bc55}.login-card h1{font-size:28px;margin-bottom:12px}.login-card .eyebrow{margin:18px 0 8px}.login-card .muted{margin-bottom:24px}.login-card .primary{width:100%;margin-top:8px}.footnote{font-size:12px;text-align:center;color:#7f94b0;margin:21px 0 0}.hint{color:#ffbcaa;min-height:15px;margin-top:12px;font-size:13px}.layout{display:flex;min-height:100vh}aside{background:#101b2e;width:250px;flex-shrink:0;border-right:1px solid #243750;padding:27px 16px;position:sticky;top:0;height:100vh}.identity{display:flex;align-items:center;gap:10px;padding:0 6px 30px}.identity b{display:block;font-size:13px}.identity small{display:block;font-size:10px;color:#77a7db;margin-top:5px;letter-spacing:1.2px}.smallsymbol{width:36px;height:36px;font-size:19px;border-radius:11px}.nav{display:block;width:100%;padding:13px 15px;background:transparent;border:0;color:#acc0d9;text-align:left;border-radius:10px;font-size:14px;margin-bottom:4px}.nav:hover,.nav.chosen{background:#1a3655;color:#fff}.nav.chosen{font-weight:700;border-left:3px solid #5eb2ff}.aside-bottom{position:absolute;bottom:24px;left:20px;color:#6f89a7;font-size:11px;line-height:1.8}main{flex:1;min-width:0}header{padding:28px 34px;border-bottom:1px solid #223449;display:flex;justify-content:space-between;align-items:center}header h2{margin:3px 0;font-size:28px}header .eyebrow{margin:0}.header-actions{display:flex;align-items:center;gap:16px}.status{color:#84dab4;font-size:12px}.content{max-width:1320px;padding:32px 34px}.intro{color:#afc2db}.section{display:none}.section.showing{display:block}.panel{border:1px solid #283e58;background:#132239;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 10px 25px #070f1b44}.panel h3{font-size:17px;margin-bottom:15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpis .panel span,.kpis .panel small{display:block;color:#97abc4}.kpis strong{display:block;font-size:35px;color:#82caff;padding:13px 0}.notice{padding:14px;border-left:3px solid #ecc17e;background:#3f3327;color:#f1d5a7;border-radius:6px}.primary{background:#3688ec;color:white;font-weight:700;padding:12px 17px;border:0;border-radius:9px}.primary:hover{background:#4c9aff}.outline{background:#1b2e46;color:#d7e8fa;border:1px solid #3d5674;padding:10px 15px;border-radius:9px}.danger{background:#4c2735;color:#ffbac3;border:1px solid #744359;padding:9px 12px;border-radius:8px}label{display:block;font-size:13px;color:#b5cbe2;font-weight:600}input,select,textarea{background:#0b1828;color:#e5f2ff;border:1px solid #39516a;border-radius:9px;width:100%;padding:12px;margin:8px 0 15px;outline:none}input:focus,select:focus,textarea:focus{border-color:#5fbeff}textarea{resize:vertical;min-height:65px}input[type=checkbox]{width:auto;accent-color:#3585ed;margin:0}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}.submitwrap{align-self:center;margin-top:11px}.keybox{margin-top:20px;padding:16px;background:#203c3f;border:1px solid #387769;border-radius:10px}.keytext{font-family:Consolas,monospace;overflow-wrap:anywhere;font-size:18px;color:#b5f6ca;margin:14px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:13px 9px;border-bottom:1px solid #28415a;text-align:left;vertical-align:middle}th{color:#90acc9}td .outline,td .danger{font-size:12px;padding:7px 9px;margin:3px}.tag{display:inline-block;padding:5px 9px;border-radius:9px;background:#1f473e;color:#9aebc1}.tag.off{background:#4c2c39;color:#f4abba}.brand-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.brand-card{padding:14px;border:1px solid #31506c;background:#0e1c30;border-radius:12px}.brand-card b{display:block;margin-bottom:7px}.brand-card small{color:#8fa4bf;display:block;margin-bottom:12px}.switches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.switchbox{display:flex;gap:12px;background:#0f1c30;padding:14px;border:1px solid #2e4865;border-radius:11px;align-items:center;justify-content:space-between;font-size:14px}.switchbox.disabled{opacity:.55}.guidearea{width:100%;min-height:118px}.audit{font-size:13px;line-height:2.3;color:#a9bdd5}#toast{position:fixed;right:20px;bottom:20px;padding:13px 20px;background:#1f6b53;color:white;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:350px}#toast.visible{opacity:1}#toast.error{background:#8a3545}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.brand-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.layout{display:block}aside{position:static;width:100%;height:auto;padding:10px}.identity{padding-bottom:10px}.nav{display:inline-block;width:auto;font-size:12px;margin:2px;padding:9px}.aside-bottom{display:none}header{padding:18px;align-items:start}.content{padding:16px}.formgrid,.switches{grid-template-columns:1fr}.brand-list{grid-template-columns:1fr}.kpis{gap:8px}.kpis .panel{padding:14px}.header-actions{gap:7px}.status{display:none}}