@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--orange:#ef4b24;--bg:#0c0e0e;--panel:#141616;--line:#292c2b;--text:#eee9df;--muted:#858985}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#101212;border-right:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.admin-brand{font:800 22px 'Barlow Condensed';letter-spacing:2px}.admin-brand>span,.admin-logo{display:inline-grid;place-items:center;background:var(--orange);color:#111;width:35px;height:40px;margin-right:9px;clip-path:polygon(50% 0,100% 20%,90% 80%,50% 100%,10% 80%,0 20%)}.admin-brand small{display:block;color:var(--orange);font-size:9px;letter-spacing:3px;margin:5px 0 0 48px}.admin-sidebar nav{display:grid;gap:6px;margin-top:55px}.admin-sidebar a{color:inherit;text-decoration:none}.admin-sidebar nav a{padding:13px;color:#9b9e9a;font-size:13px}.admin-sidebar nav a:hover{background:#ffffff08;color:#fff}.logout{margin-top:auto;color:#797c79!important;font-size:12px}.admin-main{margin-left:240px;padding:55px 5vw 100px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.admin-top span{color:var(--orange);font:700 10px 'Barlow Condensed';letter-spacing:3px}.admin-top h1{font:900 54px 'Barlow Condensed';margin:8px 0 2px}.admin-top p,.panel-title p{color:var(--muted);font-size:13px}.admin-panel{background:var(--panel);border:1px solid var(--line);margin-bottom:24px;padding:26px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-title h2{font:800 24px 'Barlow Condensed';margin:0 0 3px}.panel-title code{color:#6e726e;font-size:10px}.panel-title>a{color:var(--orange);font-size:11px;text-decoration:none}.module-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:15px 5px}.module-row.disabled{opacity:.45}.drag{color:#575a58}.module-icon{width:38px;height:38px;background:#242726;display:grid;place-items:center;color:var(--orange);font:800 12px monospace}.module-info{flex:1}.module-info strong,.module-info span{display:block}.module-info strong{font:700 15px 'Barlow Condensed';letter-spacing:.5px}.module-info span{color:#777b77;font-size:10px;margin-top:4px}.module-row form{margin:0}.order-form{display:flex}.order-form input{width:55px!important}.order-form button{display:none}.small-button,.module-row button{border:1px solid var(--line);background:none;color:#aaa;padding:9px 11px;font-size:10px;text-decoration:none;cursor:pointer}.danger{color:#e86d60!important}.add-module{display:flex;gap:8px;margin-top:20px}.add-module select{margin-left:auto}.admin-button{background:#292c2b;color:#eee;border:1px solid #3b3e3d;padding:12px 18px;font:700 11px 'Barlow Condensed';letter-spacing:1px;cursor:pointer;text-decoration:none}.admin-button.primary{background:var(--orange);color:#111;border-color:var(--orange)}input,textarea,select{width:100%;border:1px solid #303332;background:#0e1010;color:#e7e2d9;padding:12px;outline:none;font:13px Inter}input:focus,textarea:focus,select:focus{border-color:var(--orange)}label{display:grid;gap:7px;color:#8e928e;font-size:10px;font-weight:600;letter-spacing:.3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .wide{grid-column:1/-1}.toggle-field{display:flex;align-items:center;gap:10px}.toggle-field input{display:none}.toggle-field span{display:inline-block;width:38px;height:20px;background:#343736;border-radius:20px;position:relative}.toggle-field span:after{content:'';position:absolute;width:14px;height:14px;background:#777;left:3px;top:3px;border-radius:50%;transition:.2s}.toggle-field input:checked+span{background:#ef4b2440}.toggle-field input:checked+span:after{left:21px;background:var(--orange)}.repeat-list{display:grid;gap:12px}.repeat-card{background:#101212;border:1px solid #252827;padding:18px}.repeat-head{display:flex;justify-content:space-between;margin-bottom:15px;font:700 11px monospace;color:#777}.remove-repeat{border:0;background:none;color:#e17367;cursor:pointer}.repeat-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.repeat-fields .field-body{grid-column:span 2}.repeat-fields label input:placeholder-shown{}.repeat-list.compact .repeat-fields{display:flex;align-items:end}.page-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.page-settings article{border:1px solid var(--line);padding:18px;display:grid;gap:12px}.page-settings h3{margin:0;font:800 17px 'Barlow Condensed';color:var(--orange)}.save-bar{position:fixed;left:240px;bottom:0;right:0;background:#171919eF;border-top:1px solid var(--line);padding:15px 5vw;display:flex;justify-content:space-between;align-items:center;z-index:5}.save-bar span{color:#777;font-size:11px}.alert{padding:13px 16px;margin-bottom:20px;font-size:12px}.success{background:#17351f;color:#83d694}.error{background:#411e1b;color:#f3a49b}.back{display:block;color:#888;text-decoration:none;font-size:11px;margin-bottom:15px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 100%,#772914,#0b0d0d 55%)}.login-card{width:min(420px,calc(100% - 30px));background:#131515;border:1px solid var(--line);padding:40px;display:grid;gap:18px}.login-card .admin-logo{margin:auto;font:900 25px 'Barlow Condensed'}.login-card h1{text-align:center;font:900 39px 'Barlow Condensed';margin:0}.login-card>p{text-align:center;color:#777;font-size:12px;margin:0}.login-card small{color:#646764;font-size:9px;line-height:1.6}.login-card button{width:100%}@media(max-width:850px){.admin-sidebar{position:static;width:100%;height:auto}.admin-sidebar nav{margin-top:20px;display:flex;flex-wrap:wrap}.logout{margin-top:15px}.admin-main{margin-left:0;padding:35px 18px 100px}.form-grid,.page-settings{grid-template-columns:1fr}.repeat-fields{grid-template-columns:1fr}.repeat-fields .field-body{grid-column:auto}.save-bar{left:0}.module-row{flex-wrap:wrap}.module-info{min-width:150px}.order-form{margin-left:50px!important}}
