/* V8.1 Material Matrix */
:root{--bg:#020705!important;--surface:rgba(8,24,18,.78)!important;--surface-2:rgba(13,37,28,.78)!important;--surface-3:rgba(17,48,36,.74)!important;--line:rgba(114,255,202,.17)!important;--green:#00f58b!important;--cyan:#00d9ff!important;--text:#effff7!important;--muted:#91b5a5!important;--radius:22px!important;--shadow:0 24px 80px rgba(0,0,0,.42)!important}
body{background:#020705!important}.matrix-overlay{background:linear-gradient(180deg,rgba(1,7,4,.12),rgba(1,7,4,.72)),radial-gradient(circle at 82% 5%,rgba(0,217,255,.11),transparent 28%),radial-gradient(circle at 6% 72%,rgba(0,245,139,.08),transparent 30%)!important}
.login-card,.desktop-only-card,.card,.metric,.vehicle-card,.modal,.vehicle-menu,.topbar,.sidebar{backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.login-card{width:min(470px,calc(100% - 28px))!important;padding:30px!important;border-radius:32px!important;background:linear-gradient(145deg,rgba(9,29,21,.92),rgba(4,15,11,.88))!important;box-shadow:0 32px 100px rgba(0,0,0,.52)!important}
.brand-symbol{border-radius:16px!important;background:linear-gradient(135deg,#00f58b,#00d9ff)!important;color:#00150c!important}.system-pill{border-radius:999px!important;background:rgba(0,245,139,.06)!important}
.app{grid-template-columns:236px minmax(0,1fr)!important}.sidebar{background:rgba(3,15,10,.88)!important;border-right:1px solid var(--line)!important;padding:18px 14px!important}.main-nav{gap:4px!important}.nav-button{border-radius:14px!important;padding:11px 12px!important}.nav-button.active,.nav-button:hover{background:linear-gradient(90deg,rgba(0,245,139,.11),rgba(0,217,255,.05))!important;color:var(--green)!important;border-color:rgba(0,245,139,.16)!important}
.topbar{margin:14px 16px 0!important;border:1px solid var(--line)!important;border-radius:24px!important;background:rgba(5,20,14,.74)!important;padding:14px 18px!important;position:sticky!important;top:12px!important;z-index:100!important;box-shadow:0 14px 44px rgba(0,0,0,.25)!important}.page-content{padding:18px 16px 44px!important}.card,.metric,.vehicle-card{border-radius:24px!important;background:linear-gradient(145deg,rgba(9,29,21,.78),rgba(4,17,12,.72))!important;border-color:var(--line)!important;box-shadow:0 18px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important}.btn{border-radius:14px!important}.btn.primary{background:linear-gradient(135deg,#00f58b,#00d9ff)!important;color:#00150c!important}.field input,.field select,.field textarea,.search-input,select{border-radius:14px!important;background:rgba(2,13,9,.78)!important;border-color:var(--line)!important}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:rgba(0,245,139,.55)!important;box-shadow:0 0 0 3px rgba(0,245,139,.08)!important}
.vehicle-layout{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}.vehicle-menu{position:sticky!important;top:104px!important;z-index:25!important;width:auto!important;max-height:calc(100vh - 122px)!important;overflow:auto!important;border-radius:24px!important;background:rgba(5,22,15,.94)!important;border:1px solid var(--line)!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important}.vehicle-content{min-width:0!important;position:relative!important;z-index:1!important}.vehicle-menu button{border-radius:13px!important}.vehicle-menu button.active{background:rgba(0,245,139,.1)!important;color:var(--green)!important}
#modalHost{position:relative!important;z-index:10000!important}.modal-backdrop{z-index:10000!important;background:rgba(0,5,3,.82)!important;backdrop-filter:blur(12px)!important}.modal{border-radius:28px!important;background:rgba(6,24,17,.98)!important;border:1px solid rgba(0,245,139,.28)!important;box-shadow:0 36px 120px rgba(0,0,0,.7)!important}.toast-host{z-index:12000!important}.professional-table-wrap,.table-wrap{border-radius:18px!important;overflow:auto!important}.professional-table thead,.data-table thead{background:rgba(3,16,11,.95)!important}
@media(max-width:1180px){.app{grid-template-columns:210px minmax(0,1fr)!important}.vehicle-layout{grid-template-columns:170px minmax(0,1fr)!important}}