:root{
  --bg:#050607;--panel:#0b0f12;--panel2:#11171b;--line:#2b3338;--muted:#9da4aa;
  --text:#f2f3f4;--red:#df1717;--red2:#8f0909;--green:#3d8d45;--amber:#c59019;
  --radius:5px;--shadow:0 16px 45px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
body{background-image:radial-gradient(circle at 50% 0,rgba(255,80,20,.04),transparent 40%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,100% 4px}
button,input,select,textarea{font:inherit}.hidden{display:none!important}
a{color:inherit;text-decoration:none}
.fire-shell{position:relative;min-height:100vh;overflow-x:hidden}
.fire-shell:before,.fire-shell:after{content:"";position:fixed;top:0;bottom:0;width:min(18vw,190px);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;opacity:.95;z-index:0}
.fire-shell:before{left:0;background-image:url('assets/flames-left.png')}.fire-shell:after{right:0;background-image:url('assets/flames-right.png')}
.page{position:relative;z-index:1}
.brand-header{height:120px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--red);position:relative;background:linear-gradient(180deg,rgba(5,6,7,.25),rgba(5,6,7,.9))}
.brand-header h1{margin:0;font-size:clamp(46px,7vw,82px);letter-spacing:4px;font-weight:900;color:#efefef;text-shadow:0 2px 0 #777,0 5px 12px #000}
.brand-header h1 span{white-space:nowrap}
.brand-header .flame{font-size:54px;filter:drop-shadow(0 0 10px #ff3c00);margin:0 25px}
.subhead{font-size:26px;letter-spacing:7px;color:#f42b25;font-weight:800;margin-top:-8px;text-align:center}
.btn{border:1px solid #525a60;color:#f4f4f4;background:#11171a;border-radius:5px;padding:11px 17px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-weight:800;transition:.18s}
.btn:hover{border-color:#888;background:#171e22}.btn-red{background:linear-gradient(180deg,#c91b17,#9f100e);border-color:#f12b24}.btn-red:hover{background:linear-gradient(180deg,#e1221d,#b1100e)}
.btn-outline-red{border-color:#e51c1c;background:#0b0e10}.btn-danger{background:#a71614;border-color:#d72621}.btn-green{background:#2b6e35;border-color:#3b9149}
.input,select,textarea{width:100%;background:#0a0e11;color:#f3f3f3;border:1px solid #4d565b;border-radius:4px;padding:11px 13px;outline:none}
.input:focus,select:focus,textarea:focus{border-color:#d8231d;box-shadow:0 0 0 2px rgba(216,35,29,.12)}
label{display:block;color:#cfd3d6;font-size:15px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 8px}
.panel{background:linear-gradient(180deg,rgba(16,22,26,.96),rgba(8,12,14,.98));border:1px solid #2d353a;border-radius:6px;box-shadow:var(--shadow)}
.section-title{display:flex;align-items:center;gap:11px;margin:0;padding:13px 15px;border-bottom:1px solid #273036;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.section-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:4px;background:linear-gradient(#f03b32,#b4100c);font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.2)}
.muted{color:var(--muted)}
.footer-warning{text-align:center;color:#aeb3b7;padding:18px}.footer-warning b{color:#ef2920;font-weight:500}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.76);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(520px,95vw);background:#0c1114;border:1px solid #596067;border-radius:8px;box-shadow:0 20px 70px #000;padding:22px}.modal h3{margin:0 0 15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
/* LOGIN */
.login-page{padding-bottom:50px}.login-wrap{width:min(690px,calc(100% - 36px));margin:36px auto 0;padding:28px 48px 26px}.login-logo{display:block;width:220px;height:205px;object-fit:cover;object-position:center;margin:0 auto 3px;mix-blend-mode:screen;filter:saturate(1.1)}
.welcome{text-align:center;margin:0;font-size:36px;letter-spacing:1px}.login-sub{text-align:center;color:#bbb;font-size:21px;margin:6px 0 24px}.divider{display:flex;align-items:center;gap:12px;margin:0 0 25px}.divider:before,.divider:after{content:"";height:1px;background:#a20e0e;flex:1}.divider i{width:7px;height:7px;background:#f21d1d;border-radius:50%}
.form-group{margin:0 0 19px}.password-wrap{position:relative}.password-wrap .input{padding-right:50px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#bbb;background:none;border:0;font-size:23px}.login-row{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 25px}.remember{display:flex;gap:10px;align-items:center;color:#ddd;font-size:18px}.remember input{width:21px;height:21px;accent-color:#d81717}.forgot{color:#f6261e;font-size:17px}
.login-main{width:100%;font-size:22px;padding:16px}.login-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.login-secondary .btn{padding:15px;font-size:17px}.login-bottom-divider{margin:23px 0 12px}.login-bottom{text-align:center;color:#b2b6b9;font-size:17px}.login-bottom b{display:block;color:#ef1e19;font-weight:400;margin-top:6px}
/* DASHBOARD */
.dashboard{width:min(1180px,calc(100% - 28px));margin:18px auto 28px}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:14px}.panel-body{padding:16px}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.call-time{margin-top:14px}.units-panel{grid-column:1/-1}.units-grid{display:grid;grid-template-columns:1fr 74px 1fr;gap:18px;padding:12px 16px 16px}.unit-list,.selected-list{border:1px solid #2b3338;border-radius:5px;overflow:hidden}.list-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #333c41;color:#cfd2d4;text-transform:uppercase}.unit-row{min-height:52px;border-bottom:1px solid #273036;display:grid;grid-template-columns:32px 1fr 62px 34px 34px;gap:7px;align-items:center;padding:6px 10px}.unit-row:last-child{border-bottom:0}.unit-row.selected{grid-template-columns:30px 1fr 62px 34px}.unit-row .station{color:#b6bcc0;font-size:14px}.mini{width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #596269;background:#10161a;border-radius:4px;color:#eee;cursor:pointer}.mini.red{border-color:#a91d18;color:#fa3128}.transfer{display:flex;flex-direction:column;justify-content:center;gap:12px}.transfer .btn{padding:13px 6px;font-size:23px}.selected-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.script-panel{grid-column:1/-1}.script-head{display:flex;align-items:center;justify-content:space-between}.script-text{height:210px;font-family:Consolas,monospace;font-size:17px;line-height:1.55}.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:18px 10px 0}.dashboard-actions .btn{font-size:18px;padding:15px}
/* ADMIN */
.admin-page{display:grid;grid-template-columns:182px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(6,9,11,.98);border-right:1px solid #333;z-index:3;padding:8px 7px}.side-logo{height:105px;display:grid;place-items:center;border:1px solid #6d120e;border-radius:6px;margin-bottom:8px}.side-logo img{width:95px;height:95px;object-fit:cover;mix-blend-mode:screen}.nav-item,.nav-section{padding:11px 13px;border:1px solid transparent;border-radius:3px;margin:3px 0;color:#d6d8da;font-size:13px;text-transform:uppercase;letter-spacing:.4px;cursor:pointer}.nav-item.active{background:linear-gradient(#ae1713,#810d0c);border-color:#e62e26}.nav-section{border-color:#31383d;background:#101519}.nav-sub{padding:8px 13px 8px 40px;color:#b9bec1;font-size:12px;cursor:pointer}.nav-sub:hover{color:#fff}.logout-side{color:#f1241e;border-top:1px solid #252c30;margin-top:8px;padding-top:16px}.admin-main{min-width:0;padding:0 10px 18px}.admin-top{height:113px;border-bottom:1px solid #4b160f;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.admin-top .title{text-align:center}.admin-top h1{font-size:56px;letter-spacing:3px;margin:0;text-shadow:0 3px #555}.admin-top .subhead{font-size:18px;margin-top:-4px}.profile{justify-self:end;border:1px solid #333;border-radius:5px;padding:10px 13px;min-width:200px;display:flex;align-items:center;gap:10px}.profile img{width:45px;height:45px;object-fit:cover;mix-blend-mode:screen}.profile small{display:block;color:#999}.online{color:#50c65a}.admin-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1.2fr;gap:8px;margin-top:8px}.admin-grid .panel{box-shadow:none}.admin-panel .section-title{padding:7px 10px;font-size:12px}.admin-panel .section-num{width:21px;height:21px;font-size:12px;border-radius:50%}.admin-panel .panel-body{padding:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th,.data-table td{border-bottom:1px solid #222c31;padding:6px 7px;text-align:left;white-space:nowrap}.data-table th{color:#cbd0d2;font-size:10px}.tiny-btn{font-size:10px;padding:5px 8px;border-radius:3px}.suspension-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.suspension-form .full{grid-column:1/-1}.input.small,select.small{padding:7px 8px;font-size:11px}.config-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.audit{grid-column:1/-1}.audit .data-table{font-size:10px}.audit-toolbar{display:flex;gap:10px;justify-content:flex-end;padding:5px 8px 0}.config-list{min-height:110px}.config-item{display:grid;grid-template-columns:1fr 27px 27px;gap:4px;align-items:center;padding:4px 3px;border-bottom:1px solid #242c31;font-size:11px}.add-bar{width:100%;margin-top:6px;padding:5px;font-size:11px}.status{display:inline-block;padding:3px 7px;border-radius:3px;background:#2f6d35;color:#cfe8d1}.status.suspended{background:#764313}.admin-footer{border:1px solid #31383d;border-radius:5px;margin-top:8px;padding:12px;text-align:center;color:#9da3a6;font-size:12px}
.toast{position:fixed;right:20px;bottom:20px;background:#11181c;color:#fff;border:1px solid #586269;border-left:4px solid #d5221d;padding:12px 16px;border-radius:5px;box-shadow:0 10px 35px #000;z-index:100;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.fire-shell:before,.fire-shell:after{opacity:.38}.brand-header{height:100px}.brand-header .flame{display:none}.login-wrap{padding:25px}.dashboard-grid{grid-template-columns:1fr}.units-panel,.script-panel{grid-column:1}.units-grid{grid-template-columns:1fr}.transfer{flex-direction:row}.dashboard-actions{gap:10px}.admin-page{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:flex;gap:5px;overflow:auto}.side-logo,.nav-sub,.nav-section{display:none}.nav-item{white-space:nowrap}.admin-main{padding:0 8px 15px}.admin-grid{grid-template-columns:1fr}.config-row{grid-template-columns:1fr}.audit{grid-column:1}.admin-top{grid-template-columns:1fr}.profile{display:none}.admin-top .title{grid-column:1}.admin-top h1{font-size:42px}.dashboard-actions{grid-template-columns:1fr}}
@media(max-width:560px){.brand-header h1{font-size:39px;letter-spacing:1px}.login-secondary{grid-template-columns:1fr}.login-row{align-items:flex-start;gap:10px;flex-direction:column}.dashboard{width:calc(100% - 14px)}.unit-row{grid-template-columns:28px 1fr 48px 30px 30px;font-size:13px}}