/* Driver Ledger Neon Motion System v5 — all operational views, RTL, no new dependencies */
:root{--electric:#25cdff;--mint:#2df1c1;--gold:#ffc767;--pink:#ff72ab;--ease-show:cubic-bezier(.16,1,.3,1);--ease-fade:cubic-bezier(.4,0,.2,1)}
*{-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:#051121 !important;color:#ecf5ff}
.app-shell{max-width:1100px}
#homeView,#workView{isolation:isolate}
.roadmark{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px rgba(250,182,73,.24))}
.brand-mark{border:1px solid rgba(252,210,135,.23)!important;background:linear-gradient(145deg,#0b1e39,#152b4c)!important;box-shadow:inset 0 1px 0 #ffffff27,0 0 24px #fdbb6044!important;padding:7px;flex:0 0 auto}
.brand-mark svg{width:100%!important;height:100%!important}
.hero-logo{display:inline-flex;width:46px;height:48px;padding:3px;float:right;margin:2px 0 0 12px;background:linear-gradient(125deg,rgba(11,23,41,.84),rgba(43,34,32,.32));border:1px solid #ffd07933;border-radius:14px;box-shadow:0 0 20px #ffb35c2c}
.hero-branding h2{white-space:nowrap}.hero-branding p{max-width:360px}
.hero-banner{box-shadow:0 15px 42px rgba(0,0,0,.41),inset 0 0 0 1px rgba(85,181,255,.09)}
.hero-greeting{border-color:#4ec7ff60;box-shadow:0 12px 28px #0007,0 0 21px #139aff1c,inset 0 1px 0 #ffffff22}
.hero-greeting h3{letter-spacing:-.25px}
.hero-menu-btn,.hero-bell{box-shadow:0 0 22px #1ba9ff39,inset 0 0 18px #2badff13}
.hero-menu-btn:active,.icon-btn:active,.drawer-close:active,.sheet-close:active{transform:scale(.92);transition:transform .14s}
/* Entry staging and icon showmanship: vibrational roll / zoom-out */
@keyframes neonPopRoll{
  0%{opacity:0;transform:translate3d(0,18px,0) rotate(-38deg) scale(.40);filter:blur(8px) brightness(2)}
  34%{opacity:1;transform:translate3d(0,-11px,0) rotate(13deg) scale(1.27);filter:blur(0) brightness(1.4)}
  54%{transform:translate3d(0,5px,0) rotate(-9deg) scale(.93)}
  71%{transform:translate3d(0,-3px,0) rotate(5deg) scale(1.08)}
  88%{transform:rotate(-2deg) scale(.99)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1);filter:blur(0) brightness(1)}
}
@keyframes neonPanelArrival{0%{opacity:0;transform:translateX(48px) translateY(12px) rotateY(-8deg) scale(.91);filter:blur(6px)}70%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes iconBurst{0%{opacity:0;transform:scale(.4) rotate(-22deg)}48%{opacity:1;transform:scale(1.13) rotate(9deg)}72%{transform:scale(.96) rotate(-4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes glowBreathe{0%,100%{box-shadow:inset 0 1px 0 #ffffff24,0 0 12px var(--fx-glow,#248fff39)}50%{box-shadow:inset 0 1px 0 #ffffff2a,0 0 23px var(--fx-glow,#248fff61)}}
@keyframes screenLeave{from{opacity:1;filter:blur(0);transform:translateX(0) rotate(0) scale(1)}to{opacity:.02;filter:blur(3px);transform:translateX(-22px) rotate(-1deg) scale(.97)}}
@keyframes screenEnter{from{opacity:.13;filter:blur(4px);transform:translateX(20px) rotate(.6deg) scale(.96)}to{opacity:1;filter:blur(0);transform:translateX(0) rotate(0deg) scale(1)}}
.view.screen-exit{animation:screenLeave .16s var(--ease-fade) forwards!important;pointer-events:none}
.view.screen-enter{animation:screenEnter .33s var(--ease-show) both!important}
.neon-tile,.metric-card,.section-card{animation:neonPanelArrival .52s var(--ease-show) both;will-change:transform,opacity}
.neon-tile:nth-child(1),.metric-card:nth-child(1),.section-card:nth-child(1){animation-delay:.07s}
.neon-tile:nth-child(2),.metric-card:nth-child(2),.section-card:nth-child(2){animation-delay:.12s}
.neon-tile:nth-child(3),.metric-card:nth-child(3),.section-card:nth-child(3){animation-delay:.17s}
.neon-tile:nth-child(4),.section-card:nth-child(4){animation-delay:.22s}
.neon-tile:nth-child(5){animation-delay:.27s}.neon-tile:nth-child(6){animation-delay:.32s}
.neon-tile .nt-icon,.metric-card .mc-icon,.section-card .section-icon,.hero-logo,.hero-bell,.hero-menu-btn{animation:neonPopRoll .8s var(--ease-show) both;transform-origin:center 65%;will-change:transform}
.neon-tile:nth-child(1) .nt-icon{animation-delay:.17s}
.neon-tile:nth-child(2) .nt-icon{animation-delay:.23s}
.neon-tile:nth-child(3) .nt-icon{animation-delay:.29s}
.neon-tile:nth-child(4) .nt-icon{animation-delay:.35s}
.neon-tile:nth-child(5) .nt-icon{animation-delay:.41s}
.neon-tile:nth-child(6) .nt-icon{animation-delay:.47s}
.metric-card .mc-icon,.section-card .section-icon{animation-delay:.3s}
.hero-logo{animation-delay:.1s}.hero-bell{animation-delay:.22s}.hero-menu-btn{animation-delay:.3s}
.neon-tile{transition:transform .25s var(--ease-show),box-shadow .25s ease,filter .22s ease!important}
.neon-tile:hover{transform:translateY(-5px) scale(1.025)!important;filter:saturate(1.22)}
.neon-tile:active{transform:translateY(1px) scale(.968)!important;filter:brightness(1.3)}
.nt-icon{--fx-glow:#2eafff66;animation-fill-mode:both}
.neon-tile.amber .nt-icon{--fx-glow:#ffaa3e91}.neon-tile.green .nt-icon{--fx-glow:#14e3ac96}.neon-tile.blue .nt-icon{--fx-glow:#208afeaf}.neon-tile.teal .nt-icon{--fx-glow:#15e6cd9f}.neon-tile.violet .nt-icon{--fx-glow:#a351ffaa}.neon-tile.rose .nt-icon{--fx-glow:#fc3b91ab}
.nt-icon svg,.mc-icon svg,.section-icon svg{filter:drop-shadow(0 0 11px currentColor)}
.neon-tile .nt-icon{box-shadow:inset 0 1px 0 #ffffff35,0 0 23px var(--fx-glow)}
.neon-tile.amber{background:radial-gradient(circle at 70% 12%,#5e3711bf,transparent 74%),linear-gradient(165deg,#192039,#0a1527)!important;border-color:#fba93d73!important}
.neon-tile.blue{background:radial-gradient(circle at 68% 15%,#064b9cb7,transparent 74%),linear-gradient(165deg,#14294a,#0a1527)!important;border-color:#348dff85!important}
.neon-tile.green{background:radial-gradient(circle at 68% 15%,#096958ad,transparent 74%),linear-gradient(165deg,#122a39,#0b182b)!important;border-color:#26f4aa6e!important}
.neon-tile.teal{background:radial-gradient(circle at 68% 15%,#07675f9e,transparent 74%),linear-gradient(165deg,#142837,#0b182b)!important;border-color:#14f8d07d!important}
.neon-tile.violet{background:radial-gradient(circle at 68% 15%,#55327fb0,transparent 74%),linear-gradient(165deg,#282044,#0b1529)!important;border-color:#a75dff92!important}
.neon-tile.rose{background:radial-gradient(circle at 68% 15%,#873248b0,transparent 74%),linear-gradient(165deg,#382339,#0b1529)!important;border-color:#ff4d9a89!important}
/* Drawer: right-to-left glass cascade + one open accordion at a time */
.menu-drawer{z-index:105!important;overflow:hidden}
.menu-drawer .drawer-backdrop{opacity:0;transition:opacity .3s ease;background:rgba(2,8,20,.67)!important;backdrop-filter:blur(12px)}
.menu-drawer.open .drawer-backdrop{opacity:1}
.drawer-panel{overflow:hidden!important;background:linear-gradient(158deg,rgba(18,42,75,.92),rgba(6,16,32,.98))!important;border:1px solid #a8d4ff51!important;box-shadow:0 29px 85px #000c,0 0 35px #277fe326,inset 0 1px 0 #ffffff38!important;backdrop-filter:blur(24px);transition:transform .38s var(--ease-show)!important;will-change:transform}
.menu-drawer.closing .drawer-backdrop{opacity:0}
.menu-drawer.closing .drawer-panel{transform:translateX(115%);transition:transform .28s var(--ease-fade)!important}
.drawer-head,.drawer-profile,.drawer-footer{animation:neonPanelArrival .48s var(--ease-show) both;animation-delay:.12s}
.drawer-profile{background:linear-gradient(140deg,#243a60cb,#0a152aa9)!important;border:1px solid #82c6ff44!important;box-shadow:0 9px 25px #0005,inset 0 1px 0 #ffffff26}
.drawer-avatar{background:linear-gradient(140deg,#254d88,#142b4f)!important;color:#98ceff!important;box-shadow:0 0 20px #2788ff50}
.drawer-group{animation:neonPanelArrival .48s var(--ease-show) both;animation-delay:calc(.10s + var(--group-index)*.074s);background:linear-gradient(112deg,rgba(25,45,73,.87),rgba(6,18,35,.96))!important;border-color:#9dbfff24!important;border-radius:21px!important;transition:box-shadow .2s,border-color .2s;flex:none;min-height:0}
.drawer-group:hover{border-color:#61b9ff6f!important}
.drawer-group.open{border-color:#ffa94d8e!important;box-shadow:0 0 22px #efa94325,inset 0 0 0 1px #ffbe6a1b!important}
.drawer-group-head{background:transparent!important;min-height:67px}
.drawer-group.open .drawer-group-head{background:linear-gradient(120deg,#a758182c,transparent)!important}
.drawer-group-icon{color:#ffcc69!important;background:radial-gradient(circle at 60% 30%,#fcb54e4b,#392b3366)!important;box-shadow:inset 0 0 0 1px #ffbe693e,0 0 18px #ffbe6735;animation:iconBurst .56s var(--ease-show) both;animation-delay:calc(.14s + var(--group-index)*.074s)}
.drawer-group:nth-child(2) .drawer-group-icon{color:#75c5ff!important;background:radial-gradient(circle,#287bd67a,#112b5477)!important}
.drawer-group:nth-child(3) .drawer-group-icon{color:#c99aff!important;background:radial-gradient(circle,#7944c87a,#2b1d5477)!important}
.drawer-group:nth-child(4) .drawer-group-icon{color:#48edca!important;background:radial-gradient(circle,#1fc3a079,#10394977)!important}
.drawer-group:nth-child(5) .drawer-group-icon{color:#f6a6b3!important;background:radial-gradient(circle,#c14c8379,#40243d77)!important}
.drawer-group-chevron{transform:rotate(-90deg)!important;transition:transform .28s var(--ease-show)!important}
.drawer-group.open .drawer-group-chevron{transform:rotate(0)!important}
.drawer-sub{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(23px) scale(.985);padding:0 10px!important;transition:max-height .42s var(--ease-show),opacity .25s ease,transform .35s var(--ease-show),padding .25s ease,visibility .3s;min-height:0}
.drawer-group.open .drawer-sub{visibility:visible;pointer-events:auto;max-height:850px;opacity:1;transform:translateX(0) scale(1);padding:0 10px 12px!important}
.drawer-item{background:linear-gradient(110deg,#28406464,#101b37bc)!important;border:1px solid #addbff1b!important;border-radius:15px!important;min-height:58px;box-shadow:inset 0 1px 0 #ffffff16;transition:transform .24s var(--ease-show),background .2s,box-shadow .2s}
.drawer-group.open .drawer-item{animation:drawerItemFly .47s var(--ease-show) both;animation-delay:calc(var(--item-index)*.045s)}
@keyframes drawerItemFly{0%{opacity:0;filter:blur(5px);transform:translateX(45px) rotateY(-18deg) scale(.83)}60%{opacity:1;filter:blur(0);transform:translateX(-4px) rotateY(4deg) scale(1.04)}100%{opacity:1;transform:none}}
.drawer-item:hover{transform:translateX(-4px)!important;background:#254c7299!important;box-shadow:0 0 18px #227aff2c}
.drawer-item:active{transform:scale(.965)!important}
.drawer-item .mi-icon{color:#6fe6ff!important;background:radial-gradient(circle at 50% 30%,#0e63849e,#07304644)!important;box-shadow:0 0 14px #19b9ff31}
.drawer-item-copy{min-width:0;flex:1}.drawer-item-copy strong{font-size:13px;color:#f1f8ff}.drawer-item-copy small{color:#a9bdd9;font-size:10px}
.drawer-scroll{display:block!important;scrollbar-width:thin;scrollbar-color:#28638e transparent;overscroll-behavior:contain}
.drawer-group+.drawer-group{margin-top:10px}
.menu-drawer.closing .drawer-group{animation:drawerGroupLeave .2s var(--ease-fade) both;animation-delay:calc((4 - var(--group-index))*.025s)}
@keyframes drawerGroupLeave{to{opacity:0;transform:translateX(42px) scale(.94);filter:blur(2px)}}
.drawer-pills .drawer-pill,.drawer-exit{border-radius:16px!important;transition:transform .2s,filter .2s}
.drawer-pills .drawer-pill:active,.drawer-exit:active{transform:scale(.96)}
.drawer-close{font-size:0}
.drawer-close svg{width:22px;height:22px}
/* Non-home scenes must retain a colorful hero, depth, reflective cards & expressive controls */
#workView{position:relative;min-height:70vh}
#workView::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 60% 40% at 100% 15%,#2a88ff18,transparent),radial-gradient(ellipse 55% 30% at 0% 45%,#c072ff17,transparent);pointer-events:none}
.work-cinematic{position:relative;display:flex;gap:12px;align-items:center;min-height:168px;padding:22px 18px;margin-bottom:13px;border-radius:30px;overflow:hidden;border:1px solid #77c6ff47;background:linear-gradient(113deg,#06192fd9,#0e213ddf);box-shadow:0 19px 45px #0008,0 0 26px #268ffe25,inset 0 1px 0 #ffffff2b}
.work-cinematic::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,30,.87) 0%,rgba(5,14,27,.83) 45%,rgba(4,15,30,.13) 100%),var(--work-image) center/cover;opacity:.85}
.work-cinematic::after{content:"";position:absolute;inset:auto -20% -85% auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#27d6ff42,transparent 70%);filter:blur(15px)}
.work-cinematic-logo{z-index:1;position:relative;display:grid;place-items:center;width:72px;height:72px;padding:8px;border:1px solid #f4c87965;border-radius:24px;background:linear-gradient(145deg,#284b6fbf,#0d1d37a0);box-shadow:0 0 26px #d7a05b34;animation:neonPopRoll .79s var(--ease-show) both}
.work-cinematic-logo .roadmark{width:54px;height:54px}
.work-cinematic-copy{z-index:1;position:relative;flex:1;min-width:0;text-shadow:0 2px 14px #0007;animation:neonPanelArrival .44s var(--ease-show) both;animation-delay:.11s}
.work-cinematic-copy small{display:block;color:#bddef5;font-size:11px}.work-cinematic-copy h2{color:#ffcd75;font-size:28px;line-height:1.35;margin:4px 0 3px;text-shadow:0 0 19px #ffc05f36}.work-cinematic-copy p{margin:0;color:#e2effe;font-size:11px}
.work-cinematic-icon{z-index:1;position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:20px;background:radial-gradient(circle at 40% 24%,#3384ca7d,#10284cbe);color:#70d8ff;border:1px solid #7dcaff70;box-shadow:0 0 24px #1590fd51;animation:neonPopRoll .79s var(--ease-show) both;animation-delay:.25s}
.work-cinematic-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 9px currentColor)}
.work-content{animation:neonPanelArrival .43s var(--ease-show) both;animation-delay:.09s}
.panel-head{background:linear-gradient(110deg,#152d4dbb,#0a1a36b9)!important;border:1px solid #66a9ff32;border-radius:24px;padding:14px 12px!important;box-shadow:0 11px 28px #0005,inset 0 1px 0 #ffffff16}
.panel-head .back-btn{background:linear-gradient(145deg,#1b5489b8,#102a50)!important;color:#b9e9ff!important;border:1px solid #a6eaff38!important;box-shadow:0 0 14px #229aff25;transition:transform .25s}
.panel-head .back-btn:hover{transform:translateX(4px)}
.panel-title h2{color:#f6f9ff!important;text-shadow:0 0 13px #539aff30;font-size:20px}
.panel-title h2 svg{color:#68deff;width:24px;height:24px;vertical-align:middle;margin-left:6px}
.panel-title p{color:#adc6e4!important}
.card,.record,.form-section,.kpi,.chart-card,.summary-box,.search-box, .summary-row{border:1px solid #7daaff2a!important;background:linear-gradient(153deg,rgba(24,46,77,.84),rgba(9,22,44,.96))!important;box-shadow:0 12px 28px #0006,inset 0 1px 0 #ffffff12!important}
.card,.record,.form-section,.kpi,.chart-card{border-radius:23px!important}
.card:focus-within,.form-section:focus-within{border-color:#26c6ff51!important;box-shadow:0 14px 29px #0008,0 0 16px #1581f922!important}
.form-section{overflow:hidden;margin-bottom:12px}
.form-section>summary{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#173456ba,#0c2341bc)!important;padding:15px!important;color:#eef6ff!important;font-size:14px;font-weight:800;border-bottom:1px solid #83bdff1d}
.form-section>summary::after{color:#74d9ff!important}
.form-section>summary:hover{background:linear-gradient(100deg,#20517dbf,#102c51e4)!important}
.form-section[open]>summary{background:linear-gradient(100deg,#1b5286d1,#0a2b4fbf)!important;color:#fff!important;box-shadow:0 5px 21px #1188fe1b}
.form-section .form-fields{gap:10px;padding:12px!important}
.field{background:linear-gradient(130deg,#0b233bab,#0b192fdb)!important;border:1px solid #6fa7da32!important;border-radius:17px!important;padding:12px!important;box-shadow:inset 0 1px 0 #ffffff0b!important}
.field:focus-within{background:linear-gradient(140deg,#173d61b6,#10223fcc)!important;border-color:#40d4ff9c!important;box-shadow:0 0 20px #12bafa22,inset 0 1px 0 #ffffff1d!important}
.field label{color:#a8bddb!important;font-size:11px;font-weight:700;line-height:1.8}
.field input,.field textarea,.field select{font-size:14px!important;color:#eef6ff!important;min-height:34px}
.field input::placeholder,.field textarea::placeholder{color:#6f87a9!important}
.field input:focus,.field textarea:focus,.field select:focus{outline:none!important}
.field select option,.date-control select option{color:#eaf3ff;background:#0d2440}
.date-control select,.date-quick button{background:#173455a9!important;border:1px solid #8fbcff2e!important;color:#d7edff!important;border-radius:12px!important}
.date-control select{min-height:39px}.date-quick button{font-size:10px!important}
.date-quick button:hover{background:#2373a8ab!important}
.form-actions{z-index:21!important;background:linear-gradient(180deg,transparent,#08172de8 23%)!important;padding-bottom:8px}
.primary-btn{border:1px solid #3de9dc86!important;background:linear-gradient(145deg,#13bbab,#1179aa)!important;color:white!important;border-radius:16px!important;box-shadow:0 10px 22px #11c4e630,inset 0 1px 0 #ffffff43!important;min-height:48px}
.primary-btn:hover{filter:brightness(1.12);box-shadow:0 13px 27px #09a7e047!important}
.soft-btn{background:linear-gradient(145deg,#193c64c9,#152a4aa4)!important;border:1px solid #78abf13c!important;color:#ddedff!important;border-radius:16px!important;min-height:42px}
.soft-btn:hover{background:#1d4975!important}
.kpi,.module-stat{position:relative;overflow:hidden;border:1px solid #24c2ff3a!important;background:radial-gradient(circle at 100% 0%,#147bc73f,transparent 70%),linear-gradient(160deg,#193653,#0a1935)!important;box-shadow:0 12px 24px #0006, inset 0 1px 0 #ffffff18!important}
.kpi:nth-child(2n),.module-stat:nth-child(2n){border-color:#ffc3663a!important;background:radial-gradient(circle at 100% 0%,#a8742c36,transparent 70%),linear-gradient(160deg,#242c44,#0a1935)!important}
.kpi:nth-child(3n),.module-stat:nth-child(3n){border-color:#17e1aa3a!important;background:radial-gradient(circle at 100% 0%,#20b89c29,transparent 70%),linear-gradient(160deg,#1a393f,#0a1935)!important}
.kpi strong,.module-stat strong{color:#f7fbff!important;text-shadow:0 0 10px #318fff22}
.kpi small,.kpi em,.module-stat small{color:#b2c6df!important}
.record{animation:neonPanelArrival .38s var(--ease-show) both}
.record:nth-child(2){animation-delay:.07s}.record:nth-child(3){animation-delay:.11s}.record:nth-child(4){animation-delay:.14s}
.record-actions .mini-btn{border-radius:11px!important;border:1px solid #9dcbff25!important;background:#1b3351!important;color:#e6f3ff!important;min-height:36px}
.record-actions .mini-btn.primary{background:#115a60!important;color:#cafff4!important}.record-actions .mini-btn.danger{background:#51243c!important;color:#ffc3d0!important}
.record-badge{border-radius:11px!important;background:#184d6a90!important;border:1px solid #5cd9ff40!important;color:#d9f4ff!important}
.sheet-backdrop{z-index:85!important;backdrop-filter:blur(12px)!important}
.sheet-backdrop.open .bottom-sheet{animation:neonPanelArrival .42s var(--ease-show) both}
.sheet-action .mi-icon{animation:neonPopRoll .6s var(--ease-show) both;animation-delay:calc(.1s + var(--item-index,0)*.04s)}
.toast{border:1px solid #4abefe61!important;box-shadow:0 12px 40px #0009,0 0 15px #26c3ff3b}
@media (max-width:520px){
 .work-cinematic{min-height:155px;padding:15px 12px;gap:10px}
 .work-cinematic-logo{width:55px;height:55px;border-radius:19px;padding:5px}.work-cinematic-logo .roadmark{width:45px;height:45px}
 .work-cinematic-copy h2{font-size:23px}
 .work-cinematic-icon{width:49px;height:49px;flex:0 0 auto}
 .panel-head{padding:10px 8px!important}
 .panel-title h2{font-size:17px!important}
 .tile-grid{gap:9px}.metric-grid{gap:8px}
 .neon-tile{min-height:145px;padding:11px 9px;border-radius:21px!important}
 .neon-tile .nt-icon{width:50px;height:50px;border-radius:16px}
 .neon-tile .nt-icon svg{width:27px;height:27px}
 .neon-tile .nt-arrow{width:25px;height:25px;border-radius:10px}
 .neon-tile strong{font-size:15px;margin-top:15px}.neon-tile small{font-size:10px;line-height:1.7}
 .metric-card{padding:10px 7px;border-radius:18px!important}
 .metric-card strong{font-size:13px!important;overflow-wrap:anywhere;line-height:1.5}
 .metric-card small{font-size:9px}
 .metric-card .mc-icon{width:32px;height:32px;border-radius:12px;flex:0 0 auto}
 .metric-card .mc-icon svg{width:19px;height:19px}
 .metric-card .mc-head{gap:4px}
 .metric-card .mc-foot{font-size:8px}
 .section-copy strong{font-size:16px}.section-copy small{font-size:10px}
 .section-icon{width:45px;height:45px;border-radius:14px;flex:0 0 auto}
 .section-icon svg{width:23px;height:23px}
 .section-thumb{width:80px;min-width:80px;height:73px}
 .section-card{gap:7px;padding:7px;border-radius:20px}
 .section-arrow{width:28px;height:28px;border-radius:10px;flex:0 0 auto}
 .hero-branding p{display:none}
 .hero-banner{min-height:250px}
 .hero-branding h2{font-size:28px}.hero-logo{width:36px;height:38px;padding:3px}
 .drawer-panel{top:7px;right:7px;bottom:80px;width:min(92vw,380px)}
 .drawer-group-head{min-height:63px;padding:10px}
 .drawer-group-icon{width:43px;height:43px;border-radius:16px}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important} .drawer-panel{transition-duration:.01ms!important}}

.hero-banner::before{background:linear-gradient(90deg,rgba(6,16,31,.77) 0%,rgba(6,16,31,.46) 48%,rgba(6,16,31,.22) 100%),url("assets/truck-night.jpg") center/cover no-repeat!important}

@keyframes iconExit{to{opacity:.1;transform:translateY(-6px) scale(.55) rotate(27deg);filter:blur(3px)}}
.view.screen-exit .nt-icon,.view.screen-exit .section-icon,.view.screen-exit .work-cinematic-icon,.view.screen-exit .work-cinematic-logo{animation:iconExit .15s ease-in forwards!important}

.concept-glyph{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none;filter:drop-shadow(0 0 9px currentColor);transform:translateZ(0)}
.nt-icon:has(.concept-glyph){width:64px;height:64px;padding:0!important;overflow:hidden;background:none!important;box-shadow:0 0 22px var(--fx-glow)!important; border:1px solid rgba(255,255,255,.07)!important}
.nt-icon .concept-glyph{border-radius:18px}
.section-icon:has(.concept-glyph){padding:0;overflow:hidden;background:#081629!important;border:1px solid rgba(255,255,255,.12)!important}
.section-icon .concept-glyph{border-radius:18px}
.work-cinematic-icon:has(.concept-glyph){padding:0;background:#0a1830!important;overflow:hidden;box-shadow:0 0 24px #338de761!important}
.work-cinematic-icon .concept-glyph{border-radius:18px}
.drawer-item .mi-icon:has(.concept-glyph){overflow:hidden;border:1px solid rgba(255,255,255,.10)!important;background:none!important;box-shadow:0 0 19px rgba(40,149,250,.38)!important}
.drawer-item .mi-icon .concept-glyph{border-radius:12px}
.sheet-action .mi-icon:has(.concept-glyph){padding:0;background:none!important;overflow:hidden}
.sheet-action .mi-icon .concept-glyph{border-radius:13px}
@media(max-width:520px){.nt-icon:has(.concept-glyph){width:59px;height:59px}}