:root{--bg:#080908;--panel:#10120f;--line:#252922;--text:#f4f1e8;--muted:#979d90;--orange:#ff7200;--amber:#ffb000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#2b1609 0,transparent 30%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{border:0;cursor:pointer;color:#130a00;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--amber),var(--orange));padding:16px 24px;border-radius:8px}.hidden{display:none!important}.eyebrow{margin:0 0 10px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.22em}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);padding:48px;background:rgba(16,18,15,.94);border:1px solid var(--line);box-shadow:0 30px 100px #000;border-radius:18px}.brand-mark{float:right;font-size:74px;line-height:.8;font-weight:1000;font-style:italic;color:var(--orange);text-shadow:5px 5px 0 #351400}h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:20px 0 30px}.login-card label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.login-card button{width:100%;margin-top:14px}.status{display:block;margin-top:16px;color:var(--muted);font-size:12px}input,textarea{width:100%;color:var(--text);background:#080a08;border:1px solid var(--line);border-radius:7px;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff720019}.dashboard{width:min(1280px,calc(100% - 40px));margin:auto;padding:42px 0 120px}header{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 0 34px;border-bottom:1px solid var(--line)}.sync{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.sync i{width:8px;height:8px;border-radius:50%;background:#4ee47c;box-shadow:0 0 16px #4ee47c}nav{position:sticky;top:0;z-index:10;display:flex;gap:28px;padding:18px 0;background:#080908e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}nav a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}nav a:hover{color:var(--orange)}form{display:grid;gap:18px;margin-top:20px}.panel{scroll-margin-top:80px;padding:28px;background:linear-gradient(145deg,#121510,#0d0f0c);border:1px solid var(--line);border-radius:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-head>div{display:flex;align-items:center;gap:14px}.panel-head span{color:var(--orange);font-family:monospace;font-size:12px}h2{margin:0;font-size:22px;text-transform:uppercase;letter-spacing:-.03em}.panel-head p,.panel-head strong{margin:0;color:var(--muted);font-size:12px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr);margin-bottom:18px}label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.wide{grid-column:1/-1}input[type=range]{accent-color:var(--orange);padding:0}.color-row{display:grid;grid-template-columns:54px 1fr;gap:8px}input[type=color]{height:47px;padding:4px}.upload{position:relative;padding:22px;border:1px dashed #40453c;border-radius:8px;text-align:center;background:#090b08}.upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload b{color:var(--orange)}.upload.primary{min-width:230px;align-self:end}.file-uploader{display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:20px}.file-list{display:grid;gap:6px;margin-bottom:20px}.file-list>div{display:grid;grid-template-columns:1fr 100px 130px auto;gap:10px;align-items:center;padding:12px 14px;background:#090b08;border:1px solid #1c201a;border-radius:7px}.file-list code{color:#fff}.file-list span,.file-list small,.file-list p{color:var(--muted)}button.delete{padding:8px 10px;background:#3a1712;color:#ff8b72;font-size:10px}.maintenance{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:18px}.maintenance label{display:flex;align-items:center;white-space:nowrap}.maintenance input[type=checkbox]{width:auto;accent-color:var(--orange)}footer{position:sticky;bottom:18px;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#171b14f4;border:1px solid #343a30;border-radius:12px;box-shadow:0 20px 50px #000}footer div{display:grid;gap:4px}footer span{color:var(--muted);font-size:12px}@media(max-width:760px){.dashboard{width:min(100% - 24px,1280px);padding-top:20px}header{align-items:flex-start;gap:20px}.sync{max-width:180px}nav{overflow:auto}.grid.two,.grid.three,.file-uploader{grid-template-columns:1fr}.file-list>div{grid-template-columns:1fr}.maintenance{grid-template-columns:1fr}footer{align-items:stretch;gap:15px;flex-direction:column}.login-card{padding:30px}.panel{padding:20px}.panel-head{align-items:flex-start;gap:12px}.panel-head>p{display:none}}