@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Rajdhani:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ground:#0e0d0c;--panel:#161310;--panel2:#1c1812;--line:rgba(242,237,224,.09);--ember:#ff4d1c;--signal:#ffcf3f;--good:#4ade80;--bad:#f87171;--ink:#f2ede0;--dim:#948d7a;--faint:#6f695a}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--ink);font-family:Rajdhani,sans-serif;background:radial-gradient(ellipse 80% 45% at 85% 0,rgba(255,77,28,.1),transparent 58%),radial-gradient(ellipse 65% 40% at 0 100%,rgba(156,149,105,.07),transparent 55%),var(--ground)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,transparent 85%);opacity:.45}.shell{position:relative;z-index:1;max-width:1280px;margin:auto;padding:22px clamp(16px,3vw,34px) 42px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{font-family:'Black Ops One';font-size:24px;letter-spacing:1px}.brand b{color:var(--ember)}.brand small{display:block;font-family:'Space Mono';font-size:9px;color:var(--faint);letter-spacing:2px}.top-actions{display:flex;align-items:center;gap:14px}.user{font:11px 'Space Mono';color:var(--dim)}button{font:700 11px 'Space Mono';letter-spacing:1px;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line);padding:10px 14px;cursor:pointer}button:hover{border-color:var(--ember)}.hero{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:32px 0 22px}.eyebrow{font:11px 'Space Mono';letter-spacing:2px;color:#9c9569}.hero h1{font:clamp(26px,4vw,42px) 'Black Ops One';margin:8px 0}.hero p{margin:0;color:var(--dim)}.live{display:flex;align-items:center;gap:8px;font:11px 'Space Mono';color:var(--dim)}.dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:18px}.panel{background:linear-gradient(155deg,var(--panel),var(--panel2));border:1px solid var(--line);padding:20px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font:14px 'Space Mono';letter-spacing:1.5px;margin:0}.tag{font:9px 'Space Mono';color:var(--faint);text-transform:uppercase}.group-title{font:10px 'Space Mono';letter-spacing:1.5px;color:#9c9569;text-transform:uppercase;margin:22px 0 10px}.switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:rgba(0,0,0,.16);border:1px solid var(--line);cursor:pointer}.switch span{font-weight:600}.switch input{display:none}.track{position:relative;width:34px;height:18px;background:#28231d;border:1px solid var(--line);flex:none}.track:after{content:"";position:absolute;width:12px;height:12px;top:2px;left:2px;background:var(--faint);transition:.18s}.switch input:checked+.track{background:rgba(255,77,28,.16);border-color:var(--ember)}.switch input:checked+.track:after{left:18px;background:var(--ember);box-shadow:0 0 8px var(--ember)}.range-row{display:grid;grid-template-columns:100px 1fr 54px;align-items:center;gap:12px;padding:10px 0}.range-row input{accent-color:var(--ember);width:100%}.value{font:11px 'Space Mono';text-align:right;color:var(--signal)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;background:rgba(0,0,0,.16);border:1px solid var(--line)}.metric .k{font:9px 'Space Mono';color:var(--faint);text-transform:uppercase}.metric .v{font:22px 'Black Ops One';margin-top:5px}.clients,.audit{display:flex;flex-direction:column;gap:8px}.client,.audit-row{padding:11px;border:1px solid var(--line);background:rgba(0,0,0,.14)}.client b,.audit-row b{display:block;font:11px 'Space Mono'}.client small,.audit-row small{color:var(--faint)}.empty{padding:24px;text-align:center;color:var(--faint)}.save{margin-top:20px;width:100%;background:linear-gradient(135deg,var(--ember),var(--signal));color:var(--ground);border:0;padding:14px}.toast{position:fixed;right:20px;bottom:20px;background:var(--panel);border:1px solid var(--ember);padding:12px 18px;font:11px 'Space Mono';opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.login-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%);padding:34px}.login h1{font:30px 'Black Ops One';margin:24px 0 8px}.login p{color:var(--dim);margin:0 0 24px}.field{margin-bottom:14px}.field label{display:block;font:10px 'Space Mono';color:var(--dim);letter-spacing:1px;margin-bottom:7px}.field input{width:100%;padding:13px 14px;background:#100f0d;border:1px solid var(--line);outline:0;font:13px 'Space Mono'}.field input:focus{border-color:var(--ember)}.error{color:var(--bad);margin-bottom:12px}.login button{width:100%;padding:14px;background:linear-gradient(135deg,var(--ember),var(--signal));color:var(--ground);border:0}@media(max-width:900px){.layout{grid-template-columns:1fr}.switch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hero{align-items:start;flex-direction:column}.switch-grid{grid-template-columns:1fr}.user{display:none}}
.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.color-row{display:grid;grid-template-columns:1fr 38px;align-items:center;gap:8px;padding:10px 12px;background:rgba(0,0,0,.16);border:1px solid var(--line)}.color-row span{font-weight:600}.color-row input[type=color]{width:38px;height:30px;padding:0;border:1px solid var(--line);background:none;cursor:pointer}.color-row b{grid-column:1/-1;font:9px 'Space Mono';color:var(--faint)}.color-row small{font:9px 'Space Mono';color:var(--faint)}.color-row .alpha{width:100%;accent-color:var(--ember)}.color-row em{grid-column:2;font:9px 'Space Mono';font-style:normal;color:var(--signal);text-align:right}@media(max-width:900px){.color-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.color-grid{grid-template-columns:1fr}}