:root{--bg:#060810;--text:#f5f7ff;--muted:#b8c3d2;--line:#9c1731;--accent:#fa002d;--success:#05db7b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif!important;color:var(--text)!important}
body{background:#050811 url('forest.svg') center top / cover fixed no-repeat!important}
a{text-decoration:none;color:inherit}.shell{display:block!important;min-height:100vh}.sidebar{position:relative!important;width:100%!important;height:auto!important;top:auto!important;display:flex!important;align-items:center;gap:35px;justify-content:space-between;padding:20px 2.2%!important;background:linear-gradient(100deg,#050910f7,#0d111bf7)!important;border:1px solid #3a3f4b;border-bottom:2px solid #e5072d;box-shadow:0 5px 24px #000e;z-index:5}
.brand{display:flex;align-items:center;gap:15px;margin:0!important;min-width:320px}.brand-mark{width:80px;height:80px;display:grid;place-items:center;background:linear-gradient(145deg,#d90026,#500010)!important;color:white;font-size:46px;font-weight:1000;border-radius:20px;box-shadow:0 0 25px #f0033480}.brand-title{font-size:clamp(28px,3.3vw,52px)!important;line-height:1;font-weight:1000!important;letter-spacing:-2px;text-transform:uppercase;background:linear-gradient(90deg,#fff 0%,#e6e7ee 60%,#f40031 62%,#f40031 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important}.brand-subtitle{font-size:13px!important;color:#ffb0bd!important;letter-spacing:5px;margin-top:9px;text-align:center}
.nav{display:flex!important;flex-wrap:wrap;gap:12px!important;align-items:stretch;justify-content:center}.nav a{min-width:145px;min-height:94px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:1px solid #4e5a6c!important;border-radius:12px!important;background:linear-gradient(#0d1723,#060b13)!important;color:#fff!important;font-size:17px;font-weight:700;padding:12px 20px!important;transition:.2s}.nav a:last-child{min-width:135px;color:#ff657d!important;border-color:#d20a30!important}.nav a.active,.nav a:hover{background:linear-gradient(150deg,#8c001c,#ec002e 70%,#540013)!important;border-color:#ff1743!important;box-shadow:0 0 17px #f5003eaa,inset 0 0 16px #f000364a}.nav-icon{font-size:31px;line-height:1}
.content{display:block!important;width:calc(100% - 44px)!important;max-width:1740px!important;margin:22px auto 30px!important;padding:24px!important;min-height:calc(100vh - 200px);border:1px solid #dc0a2c;border-radius:17px;background:linear-gradient(180deg,#080c15d9,#080c15e8 78%,#15070cdd)!important;box-shadow:0 0 30px #000d}
.topbar{padding:20px 22px 30px!important;margin:-10px -10px 12px!important;min-height:115px;background:linear-gradient(90deg,#070b13e9,#1e0711a0);border-radius:14px;border-bottom:1px solid #a50a28;display:flex;align-items:center}.topbar h1{margin:0!important;font-size:clamp(30px,3vw,44px)!important;color:white!important}.topbar h1:before{content:'♟';color:#fa0032;margin-right:20px;font-size:1.1em}
.card{background:linear-gradient(115deg,#110c16f5,#090e19f5 55%,#230811ee)!important;color:#fff!important;border:1px solid #f00933!important;box-shadow:0 0 16px #f500253a,inset 0 0 25px #ce00241c!important;border-radius:16px!important;padding:28px 30px!important;margin:20px 0!important}.card h2{color:white!important;font-size:27px!important;margin:0 0 26px!important}.card h2:before{content:'✦';color:#ff0838;margin-right:14px}
label{color:#f6f6fa!important;font-size:15px!important;font-weight:650!important}input:not([type=checkbox]),select,textarea{background:#080e19!important;color:#fff!important;border:1px solid #526071!important;border-radius:9px!important;padding:14px!important;min-height:48px!important;width:100%;font-size:16px!important}input::placeholder{color:#a7afbf!important}input:focus,select:focus,textarea:focus{outline:1px solid #ff1741!important;box-shadow:0 0 10px #e9002c55}.grid{gap:20px!important}.checkline{display:flex!important;align-items:center;gap:12px;margin:20px 0!important}.checkline input{accent-color:#ff0035;width:19px;height:19px}
button,.btn,.secondary{border-radius:9px!important;cursor:pointer!important;font-weight:700!important}button[type=submit],.btn-primary{background:linear-gradient(#ff133b,#b60024)!important;color:white!important;border:1px solid #ff3150!important;padding:12px 20px!important;box-shadow:0 0 14px #ec002e70!important}.secondary{background:#252e3c!important;color:white!important;border:1px solid #59687a!important;padding:10px 14px!important}
.table-wrap{overflow-x:auto;border:1px solid #75203a;border-radius:11px}table{border-collapse:collapse!important;width:100%!important;background:#090e18!important}th{background:linear-gradient(#f0002e,#540719)!important;color:white!important;padding:19px 14px!important;text-transform:none!important;font-size:15px!important}td{padding:17px 14px!important;border-top:1px solid #29303c!important;color:#f6f6f9!important}tr:hover td{background:#260b1b!important}.pill.on{background:#053c2a!important;color:#00e98d!important}.pill.off{background:#461421!important;color:#ff8b9d!important}.alert{border-radius:10px;padding:15px}.login-page{background:#050811 url('forest.svg') center/cover fixed!important}.login-card{background:#0c111deF!important;color:white!important;border:1px solid #ec0032!important;box-shadow:0 0 35px #e9002955!important}.login-card h1{color:white!important}
@media(max-width:1200px){.sidebar{flex-direction:column!important;gap:20px}.brand{min-width:0}.nav a{min-width:120px;min-height:80px}.content{width:calc(100% - 24px)!important;padding:15px!important}}@media(max-width:650px){.brand-title{font-size:32px!important}.brand-mark{width:58px;height:58px;font-size:32px}.nav{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.nav a{min-width:0;min-height:66px;font-size:14px}.nav-icon{font-size:22px}.content{margin:12px auto!important;padding:12px!important}.card{padding:18px 14px!important}.topbar{min-height:90px}.grid.three{grid-template-columns:1fr!important}}