@font-face{font-family:Inter;src:url(Inter.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#1b2b27;--muted:#576863;--line:#d8dfd9;--base:#f3f5f1;--pine:#1b302a;--gold:#e9c78b;--deep:#14251f;--surface:#fff;font:15px/1.5 Inter,system-ui,sans-serif;color:var(--ink);background:var(--base)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ab732e}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--deep);color:#f7f6eb;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:34px 18px 16px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-1.25px;font-weight:680}.sidebar>.brand{padding:0 10px 32px;border-bottom:1px solid #34463e}.brand-symbol{height:32px;width:32px;display:grid;place-items:center;color:var(--gold)}.brand-symbol .icon{width:32px;height:32px;stroke-width:1.7}.sidebar nav{display:grid;gap:4px;margin:25px 0}.navitem{display:flex;align-items:center;gap:13px;padding:12px 14px;font-size:14px;border-radius:6px;color:#d2dcd4}.navitem:hover,.navitem.selected{background:#30453a;text-decoration:none;color:#fff}.navitem.selected{box-shadow:inset 3px 0 var(--gold)}.navitem.selected .icon{color:var(--gold)}.profile{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34463e;margin-top:auto;padding:18px 7px 12px;gap:8px}.profile small,.credit{color:#b6c3b8;font-size:12px}.profile b{font-size:14px;overflow-wrap:anywhere}.credit{padding:0 7px;font-size:11px}.logout{background:none;color:#d6e1d5;border:0;padding:8px}.content{width:100%;max-width:1620px;margin:auto;padding:40px clamp(20px,3.7vw,68px) 60px;align-self:start;margin-top:0}.mobile-bar{display:none}
h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,3.2vw,54px);letter-spacing:-.06em;font-weight:610;line-height:1.08}h2{font-size:clamp(19px,2vw,25px);font-weight:610;letter-spacing:-.045em;line-height:1.2}h3{font-size:18px;letter-spacing:-.035em}small{display:block;color:var(--muted);font-size:12px;margin-top:3px}b,strong{font-weight:630}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:225px;padding:34px 38px;background:#223b31;color:#f8f7ef;border-radius:12px}.hero>div:first-child,.login-title{z-index:1}.hero h1{font-size:clamp(34px,4vw,61px);max-width:8em}.hero-link{margin-top:24px;display:inline-flex;gap:12px;align-items:center;color:#f5d9a8;font-size:14px;font-weight:550}.drawing{position:absolute;inset:0;background:no-repeat right center/auto 130% url('bearing.svg');z-index:-1;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:9px;margin:18px 0 30px}.metric{padding:21px 22px;display:grid;gap:8px}.metric+.metric{border-left:1px solid var(--line)}.metric:hover{background:#f8f9f5;text-decoration:none}.metric span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.metric span .icon{width:16px;height:16px}.metric strong{font-size:38px;font-weight:560;letter-spacing:-.065em;line-height:1}.panel,.filters,.detail-band{background:white;border:1px solid var(--line);border-radius:9px}.panel{margin:20px 0;overflow:hidden}.title,.panelhead,.dialoghead,.actions,.assign,.total{display:flex;align-items:center;justify-content:space-between;gap:14px}.title{margin:4px 0 26px}.panelhead{padding:22px 24px}.panelhead h2 em{font-size:.65em;color:var(--muted);font-style:normal;margin-left:5px}.button,.primary,.compact{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;border:1px solid var(--line);padding:9px 14px;background:white;color:var(--ink);font-size:13px;font-weight:550;min-height:38px}.primary{background:#243f32;color:#fff;border-color:#243f32}.primary:hover{background:#31513f}.button:hover,.compact:hover{background:#f2f4ef;text-decoration:none}.compact{padding:7px 9px}.primary .icon,.button .icon,.textlink .icon{width:16px;height:16px}.textlink,.back{display:inline-flex;align-items:center;gap:7px;color:#315d45;font-size:13px;font-weight:570}.back{margin-bottom:14px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}thead{background:#f3f5ef}th,td{padding:14px 17px;border-bottom:1px solid #e2e8e0;vertical-align:middle}th{font-size:11px;letter-spacing:.015em;color:var(--muted);font-weight:600;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}.strong{font-weight:620}.numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.wide{min-width:190px}.arrow{display:inline-flex;padding:7px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;background:#e9eee7;font-size:11px;font-weight:600;white-space:nowrap}.badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.badge.review{background:#fce6dc;color:#923d1e}.badge.waiting{background:#faeed5;color:#70531c}.badge.partial{background:#e6eff4;color:#34586d}.badge.done{background:#e0efe4;color:#316346}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty p{font-size:14px;margin-top:6px}.empty .icon{width:27px;height:27px}.filters,.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.filters{padding:19px 22px}.filters .actions{grid-column:1/-1;justify-content:flex-start}label{display:grid;gap:5px;font-size:12px;font-weight:570;color:#43564d}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;min-height:40px;border:1px solid #aebbb2;border-radius:4px;background:#fff;color:var(--ink);padding:8px 10px;font-size:14px}input[type=checkbox]{width:17px;height:17px;accent-color:#2e503d}.detail-band{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:18px 22px}.detail-band b{display:block;margin:3px 0}.total,.assign{padding:14px 22px;background:#f6f8f3;border-top:1px solid var(--line)}.assign{justify-content:flex-start;align-items:end}.assign label{width:min(280px,100%)}.total{justify-content:flex-end}.log{padding:12px 22px;border-top:1px solid var(--line);display:flex;gap:20px;overflow-wrap:anywhere}.log time{color:var(--muted);font-size:13px}.flash{padding:12px 16px;margin-bottom:15px;background:#e6efe4;color:#284c38;border:1px solid #bdcfbf;border-radius:6px}.flash.error,.flash.danger{background:#fbe8df;color:#893815;border-color:#e5c8b8}.editorbody{padding:0 24px 20px}.editorbody h3{margin-top:24px}.lineedit{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lineedit label:first-child{grid-column:1/-1}.vehicle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-list article{padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:13px}.vehicle-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;background:#ebefe7;border-radius:6px}.vehicle-list .actions{margin-left:auto;gap:6px}.skip,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;z-index:99;top:10px;left:10px;background:white;padding:8px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-art{min-height:100%;background:#20382e;color:#faf8ed;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,5vw,80px)}.login-title h1{font-size:clamp(34px,4.4vw,75px)}.login-art .drawing{inset:25% -24% -21% 0;opacity:.56;background-size:auto 88%}.studio{font-size:14px;color:#dfc491}.login-side{display:grid;place-items:center;padding:30px}.login-form{display:grid;gap:18px;width:min(100%,355px)}.login-form h2{font-size:34px;margin-bottom:10px}.login-form .primary{margin-top:7px}.login-form input{min-height:46px}dialog{width:min(460px,94%);max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:10px;color:var(--ink)}dialog::backdrop{background:#10201899}dialog form{display:grid;gap:13px;margin-top:20px}.muted{font-size:13px;color:var(--muted)}.check{display:flex;align-items:center}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.content{padding:26px 20px}.metric{padding:16px 13px}.vehicle-list{grid-template-columns:1fr}}
@media(max-width:820px){.shell{display:block;min-height:calc(100dvh - 61px)}.mobile-bar{background:var(--deep);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 18px}.mobile-bar .brand{font-size:20px}.mobile-bar .compact{background:transparent;color:#eef1e8;border-color:#657768}.sidebar{display:none;position:static;height:auto;padding:0 14px 13px}.sidebar.open{display:flex}.sidebar>.brand,.sidebar .credit{display:none}.sidebar nav{margin:4px 0 12px}.profile{padding-bottom:0}.content{padding:20px 16px 45px}.hero{min-height:180px}.hero .drawing{opacity:.65}.title{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.filters,.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-art{min-height:210px;padding:25px;gap:18px}.login-art .drawing{inset:0;background-size:auto 160%}.login-art .studio{display:none}.login-side{padding:34px 25px;align-items:start}.login-form{margin-top:16px}.lineedit{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.content{padding:14px 12px 38px}.hero{padding:24px 18px;min-height:165px}.hero .drawing{right:-55px;opacity:.5}.panelhead{padding:16px 13px;flex-wrap:wrap}.filters{padding:14px 12px}.metric span{font-size:12px}.metric strong{font-size:31px}.detail-band{gap:14px;padding:14px}.assign{align-items:stretch;flex-direction:column}.log{display:block}.log time{display:block}.vehicle-list article{gap:8px;padding:11px}.editorbody{padding:0 12px 14px}.title h1{font-size:32px}.title{gap:12px}.filters .actions{flex-wrap:wrap}}
.scroll{position:relative}
@media(max-width:540px){
.documents-scroll thead{display:none}.documents-scroll table,.documents-scroll tbody{display:block}
.documents-scroll tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;padding:13px 15px;border-top:1px solid var(--line)}
.documents-scroll td{border:0;padding:0}.documents-scroll td:first-child{grid-column:1;grid-row:1}
.documents-scroll td:nth-child(2){grid-column:1;grid-row:2;color:var(--muted);font-size:12px}
.documents-scroll td:nth-child(3){grid-column:1/-1;grid-row:3;margin-top:3px}
.documents-scroll td.numeric{grid-column:2;grid-row:1;align-self:start;font-weight:600}
.documents-scroll td:last-child{display:none}
}

/* Premium workspace theme: warm paper, graphite and anodized brass. */
:root{--ink:#202725;--muted:#65706d;--line:#d8ded8;--base:#f2f3ee;--surface:#fffefa;--surface2:#f6f7f2;--surface3:#ecefe8;--dark:#172224;--accent:#97743c;--focus:#a47632;--link:#4c655a;--accent-ink:#49391e;--accent-bg:#ede1c5;--primary:#25423a;--primary-text:#fff;--iconbox:#e9ede3;--shadow:0 4px 18px #1e332006;--hero:#1d2a2c;--th:#f0f2ec;--soft:#e1ece6;--soft-text:#2c5b41;--error-bg:#fae9e1;--error-text:#813a24;color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--ink:#eef0e8;--muted:#acb9b2;--line:#394541;--base:#151c1d;--surface:#1e2728;--surface2:#232e2c;--surface3:#303c38;--dark:#101819;--accent:#dbbb80;--focus:#eac888;--link:#b4d6c2;--accent-ink:#f2d9a7;--accent-bg:#443c2a;--primary:#c8d9c4;--primary-text:#122519;--iconbox:#344137;--hero:#1e2a2d;--th:#26312e;--soft:#2d4235;--soft-text:#c4e5c9;--error-bg:#472e28;--error-text:#ffd1c3}
@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--ink:#eef0e8;--muted:#acb9b2;--line:#394541;--base:#151c1d;--surface:#1e2728;--surface2:#232e2c;--surface3:#303c38;--dark:#101819;--accent:#dbbb80;--focus:#eac888;--link:#b4d6c2;--accent-ink:#f2d9a7;--accent-bg:#443c2a;--primary:#c8d9c4;--primary-text:#122519;--iconbox:#344137;--hero:#1e2a2d;--th:#26312e;--soft:#2d4235;--soft-text:#c4e5c9;--error-bg:#472e28;--error-text:#ffd1c3}}
html,body{background:var(--base);color:var(--ink)}[hidden]{display:none!important}:focus-visible{outline-color:var(--focus)!important}h1{font-weight:570;letter-spacing:-.062em}h2{font-weight:590;letter-spacing:-.044em}.shell{grid-template-columns:238px minmax(0,1fr)}.sidebar{padding:27px 14px 18px;background:linear-gradient(175deg,#213031 0%,#162024 64%,#202c2a);border-right:1px solid #3d4945}.brand-home{padding:5px 11px 28px;border-bottom:1px solid #475351}.brand-home:hover{text-decoration:none}.brand{font-size:24px;letter-spacing:-1.3px;font-weight:610}.brand-symbol{border-radius:9px;width:36px;height:36px;color:#f6d698;background:#3f453a;border:1px solid #6a6951}.brand-symbol .icon{width:28px;height:28px}.sidebar nav{margin:25px 0;gap:6px}.navitem{padding:12px 13px;min-height:44px;border-radius:8px;border:1px solid transparent;color:#cbd4d2}.navitem.selected,.navitem:hover{background:#35423d;box-shadow:none;border-color:#4c5850}.navitem.selected{color:#f3deaa}.profile{padding:17px 8px 16px;border-color:#46504e}.profile-name,.profile-chip{display:inline-flex;align-items:center;gap:9px}.profile-name:hover,.profile-chip:hover{text-decoration:none}.profile-name b{font-weight:550}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#3c4942;color:#e6d5b0;flex:none;font-size:15px;font-weight:640}.profile small{color:#b5c0bb}.powered{display:flex;gap:9px;align-items:center;min-width:0;padding:12px 9px 2px;border-top:1px solid #46504e;color:#bac7c0;font-size:11px}.powered img{border-radius:6px;filter:grayscale(.65)}.powered b{font-weight:620;color:#e8d8b6}.powered>span:last-child{margin-left:auto;font-size:17px;color:#b9c5bd;transition:transform .2s}.powered:hover{text-decoration:none;color:#fff}.powered:hover>span:last-child{transform:translate(2px,-2px)}
.content{max-width:1540px;padding:0 clamp(22px,3.2vw,56px) 60px}.workspace-bar{display:flex;justify-content:space-between;align-items:center;min-height:72px;margin:0 0 23px;border-bottom:1px solid var(--line)}.workspace-bar nav{display:flex;gap:11px;align-items:center;font-size:12px;color:var(--muted)}.workspace-bar nav b{font-weight:590;color:var(--ink)}.profile-chip{font-size:12px;font-weight:570}.profile-chip .avatar{background:var(--surface3);color:var(--ink);width:27px;height:27px;border-radius:8px;font-size:12px}.hero{min-height:250px;background:linear-gradient(110deg,#182426 5%,#202e30 55%,#304343);border:1px solid #35443e;border-radius:17px;padding:32px clamp(20px,3vw,44px);color:#faf8ed;isolation:isolate}.hero-copy{width:51%}.hero h1{font-size:clamp(43px,4.5vw,74px);line-height:.98;max-width:8em;font-weight:550}.hero-link{background:#ead4a4;border-radius:30px;color:#282b22;padding:10px 17px;gap:19px;margin-top:22px}.hero-link:hover{background:#f5e4c2;text-decoration:none}.hero-art{position:absolute;right:0;inset-block:0;width:50%;display:grid;place-items:center;isolation:isolate}.hero-art:before,.login-vehicle:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#e5d9a90b 1px,transparent 1px),linear-gradient(#e5d9a90b 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 27%,#000 90%,transparent)}.hero-art img{width:103%;height:auto;max-height:240px;filter:drop-shadow(0 15px 10px #0005);object-fit:contain}.metrics{gap:0;margin:14px 0 27px;padding:7px 0;border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.metric{padding:17px 20px;gap:13px;border-radius:0;position:relative}.metric strong{font-weight:540;font-size:38px}.metric:hover{background:var(--surface2)}.metric span{color:var(--muted);font-weight:510}.metric span .icon{color:var(--accent);width:17px;height:17px}.title{min-height:66px;margin:0 0 22px;align-items:center}.title h1{font-size:clamp(33px,3.3vw,54px)}.title .primary,.title .button{padding:10px 17px}
.panel,.detail-band,.filter-panel,.vehicle-list article,dialog,.panelhead,.filters{background:var(--surface);color:var(--ink)}.panel,.detail-band,.filter-panel,.vehicle-list article,dialog,.metrics{border:1px solid var(--line)}.panel,.detail-band,.filter-panel{border-radius:13px;box-shadow:var(--shadow)}.panelhead{padding:20px 22px;min-height:60px}.panelhead h2 em{display:inline-flex;vertical-align:middle;align-items:center;border-radius:30px;background:var(--surface3);font-size:12px;letter-spacing:0;padding:4px 8px;margin:0 0 2px 7px}.filters{border:0;border-radius:0 0 13px 13px;padding:0 22px 20px;gap:13px 16px}.filter-panel{margin:10px 0 23px}.filter-panel summary,.editor-summary,.password-details summary{padding:16px 22px;cursor:pointer;font-weight:620;list-style:none;display:flex;align-items:center;gap:9px}.filter-panel summary:after,.editor-summary:after,.password-details summary:after{content:'⌄';margin-left:auto;line-height:1}.filter-panel[open]>summary:after,.editor[open]>.editor-summary:after,.password-details[open]>summary:after{transform:rotate(180deg)}.filter-panel summary::-webkit-details-marker,.password-details summary::-webkit-details-marker{display:none}.filter-panel summary .icon{color:var(--accent)}
.button,.compact{color:var(--ink);background:var(--surface);border-color:var(--line)}.button,.primary,.compact{border-radius:7px;font-weight:570;min-height:39px}.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.primary:hover{background:var(--primary);filter:brightness(1.08)}.button:hover,.compact:hover{background:var(--surface3)}.textlink,.back{color:var(--link)}.logout:hover{color:white}.back{margin-top:1px}label,legend,dt{color:var(--muted)}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;font-size:14px;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:7px;min-height:43px}textarea{padding:10px;width:100%;resize:vertical}.formgrid,.filters{gap:14px}input[type=checkbox],input[type=radio]{accent-color:var(--link)}small{color:var(--muted)}thead{background:var(--th)}th,td{border-color:var(--line)}td{padding-block:15px}thead th{letter-spacing:0;font-size:12px}tbody tr:hover,.assign,.total{background:var(--surface2)}.total{justify-content:space-between}.strong:hover,.textlink:hover{color:var(--link)}.flash{background:var(--soft);color:var(--soft-text);border-color:var(--line)}.flash.error,.flash.danger{background:var(--error-bg);color:var(--error-text)}.empty{padding:37px 18px}.empty .icon{color:var(--accent)}.detail-band{display:flex;gap:20px 32px;padding:22px 23px}.detail-band>div{min-width:90px}.detail-band b{font-size:15px;overflow-wrap:anywhere}.detail-band .badge{align-self:flex-start}.badge{border:1px solid #0000000a;border-radius:20px;font-size:11px;line-height:1.5;padding:4px 9px}.badge.done{background:#dbece2;color:#26513f}.badge.waiting{background:#f2e5c8;color:#69501d}.badge.partial{background:#deebed;color:#2f5060}.badge.review{background:#f8dfd6;color:#84371f}.log{color:var(--ink);align-items:baseline;font-size:14px}.log time{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;background:var(--surface2);padding:3px 7px}.editor-summary{padding:19px 22px}.lineedit{background:var(--surface2)}.integration-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}.integration-band>div{padding:20px 24px}.integration-band>div+div{border-left:1px solid var(--line)}.integration-band .icon{color:var(--accent);margin-bottom:9px}.provider-form{padding:0 22px 22px;display:grid;gap:9px}.provider-form form{display:grid;gap:10px;justify-items:start}.provider-form label{width:100%}.integration-band+.panel .panelhead{min-height:51px}
.vehicle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vehicle-list article{padding:0;display:block;position:relative;border-radius:13px;overflow:hidden}.fleet-card:hover{box-shadow:0 6px 24px #17272312}.vehicle-foot{padding:14px 15px;display:flex;align-items:center;gap:9px}.vehicle-foot .strong{font-size:15px}.vehicle-foot .compact{min-height:30px;padding:5px}.truck-stage{position:relative;isolation:isolate;overflow:hidden;margin:0;display:grid;place-items:center;min-height:125px;aspect-ratio:2.34;background:radial-gradient(ellipse at 45% 63%,#40524e 0%,#2e413e 54%,#283939 100%)}.truck-stage:after{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#c5ded510 1px,transparent 1px),linear-gradient(#c5ded510 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(0deg,transparent,#000 45%)}.truck-track{width:85%;height:1px;background:#e7d7ad38;position:absolute;bottom:18%}.truck-stage img{height:auto;width:93%;filter:drop-shadow(0 8px 5px #0c16173d);transform:translateY(-2%);transition:transform .45s ease-out}.truck-stage figcaption{position:absolute;bottom:7px;left:12px;font-size:9px;color:#d2d9d3}.truck-stage .truck-turn,.favorite{width:31px;height:31px;border:1px solid #a1b1a666;background:#293a37e6;border-radius:8px;color:#e4e8dc;display:inline-grid;place-items:center;cursor:pointer;padding:5px}.truck-stage .truck-turn{position:absolute;right:9px;bottom:9px}.truck-stage .truck-turn[aria-pressed=true],.favorite[aria-pressed=true]{background:#edd5a3;color:#473318}.truck-stage.zoomed img{transform:scale(1.42) translate(-2%,-4%)}.truck-turn .icon,.favorite .icon{width:16px;height:16px}.favorite[aria-pressed=true] .icon{fill:currentColor}.fleet-card>.fav-form,.vehicle-portrait>.fav-form{position:absolute;right:9px;top:9px;z-index:2}.fav-form,.truck-stage button{margin:0}.model-select{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:12px;flex-wrap:wrap;margin:0 0 17px}.model-select>div{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.model-select button{font-size:12px;border:0;background:none;padding:6px 9px;color:var(--muted);border-radius:6px}.model-select button[aria-pressed=true]{background:var(--surface3);color:var(--ink);font-weight:600}.vehicle-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(170px,.85fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.vehicle-portrait{position:relative}.truck-stage.large{aspect-ratio:auto;height:100%;min-height:215px}.truck-stage.large img{max-height:260px;object-fit:contain}.vehicle-summary{display:flex;flex-direction:column;justify-content:center;gap:13px;margin:0;padding:20px 22px}.vehicle-summary dt{font-size:12px}.vehicle-summary dd{margin:3px 0 0;font-size:18px;font-weight:580}.profile-layout{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:16px;align-items:stretch}.identity-card{background:linear-gradient(140deg,#213032,#31463e);border:1px solid #43504b;border-radius:14px;color:#f3f3e8;padding:27px;display:flex;flex-direction:column;align-items:start}.identity-avatar{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;font-size:36px;font-weight:520;color:#ecd4a6;border:1px solid #8a8265;background:#444b3d;margin-bottom:18px}.identity-card h2{font-size:29px}.identity-card p{color:#c3d1c6;margin:5px 0 22px}.identity-login{margin-top:auto;border-top:1px solid #68746b;width:100%;padding-top:15px}.identity-login small{color:#c4cec4}.user-cell{display:flex;align-items:center;gap:12px}.user-cell .avatar{background:var(--iconbox);color:var(--link)}.profile-form{margin:0}.profile-form>form{padding:0 22px 21px;display:grid;gap:17px}.profile-form .primary{justify-self:start}.theme-picker{margin:0;border:0;padding:0;display:flex;align-items:stretch;gap:5px;flex-wrap:wrap}.theme-picker legend{font-size:12px;font-weight:570;margin-bottom:5px}.theme-picker label{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:6px;position:relative;color:var(--ink);cursor:pointer}.theme-picker label:has(input:checked){color:var(--accent-ink);background:var(--accent-bg);border-color:var(--accent)}.theme-picker input{width:1px;height:1px;position:absolute;opacity:0}.theme-picker label:focus-within,.file-picker:focus-within{outline:2px solid var(--focus);outline-offset:2px}.theme-picker .icon{width:15px;height:15px}.password-details{border:1px solid var(--line);border-radius:7px}.password-details summary{padding:10px 12px;font-size:14px}.password-details label{margin:0 12px 12px}.fav-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 21px}
.enhanced{display:none}.js .enhanced{display:inline-flex}.plain-upload{padding:20px}.plain-upload form{display:grid;gap:12px}.upload-form{gap:12px}dialog{border-radius:15px;padding:25px;box-shadow:0 24px 84px #0e1b2457}dialog::backdrop{background:#101b20ae;backdrop-filter:blur(3px)}.dropzone{padding:23px 13px;text-align:center;border:1.5px dashed var(--accent);border-radius:10px;background:var(--surface2);display:grid;justify-items:center;gap:8px}.dropzone.dragging{background:var(--accent-bg);outline:2px solid var(--accent)}.drop-icon,.file-icon,.login-lock{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-bg);color:var(--accent-ink)}.file-picker{position:relative;overflow:hidden;cursor:pointer}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone small{margin:0}.file-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface2);border:1px solid var(--line);border-radius:7px}.file-card>div{flex:1;min-width:0}.file-card b{display:block;overflow-wrap:anywhere;font-size:13px}.file-icon{width:34px;height:37px;border-radius:7px}.upload-actions{display:flex;justify-content:flex-end;gap:8px}.upload-error{color:var(--error-text);background:var(--error-bg);padding:8px;border-radius:5px;font-size:13px}[data-feedback]:empty{display:none}.progress-box progress{display:block;width:100%;height:8px;accent-color:var(--accent)}.upload-form[aria-busy=true] .file-picker{opacity:.5}.editor-summary{font-size:15px}
.login-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);background:var(--base)}.login-art{background:radial-gradient(ellipse at 60% 80%,#354741,#202d2e 55%,#1a2527);padding:clamp(30px,5vw,78px)}.login-title{position:relative;margin:24px 0 14px}.login-title h1{position:relative;z-index:2;font-size:clamp(43px,5.3vw,82px);font-weight:550;letter-spacing:-.066em}.login-vehicle{position:relative;isolation:isolate;margin:20px -5% -2%;display:grid;place-items:center}.login-vehicle img{width:100%;height:auto;max-height:300px;filter:drop-shadow(0 17px 10px #0c141959)}.login-art .powered{width:min(100%,270px);color:#d3d9d1}.login-side{padding:40px}.login-form{gap:16px;padding:30px;width:min(100%,420px);border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.login-form h2{font-size:34px}.login-lock{margin-bottom:5px}.login-form .primary{min-height:43px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.truck-stage:not(.zoomed):hover img{transform:translateY(-5%) scale(1.055)}.fleet-card:hover .truck-track{background:#e5d6b97a}.powered:hover img{filter:grayscale(0)}}
@media(max-width:1140px){.shell{grid-template-columns:205px minmax(0,1fr)}.content{padding-inline:23px}.vehicle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:14px}.hero{min-height:222px}.hero h1{font-size:49px}.metrics{gap:0}.login-art{padding:35px}}
@media(max-width:820px){.mobile-bar{background:#1b282a}.shell{display:block}.sidebar{padding:0 13px 12px}.sidebar .brand-home{display:none}.profile{padding-block:11px}.sidebar .powered{padding-bottom:3px}.workspace-bar{min-height:46px;margin-bottom:15px}.content{padding:0 16px 40px}.title{min-height:51px}.hero{min-height:197px;padding:24px}.hero h1{font-size:43px}.metrics{grid-template-columns:repeat(2,1fr);padding:0}.metric{padding:15px 18px}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.profile-layout{grid-template-columns:minmax(145px,.7fr) minmax(0,1.2fr)}.login-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-art{min-height:230px;padding:22px 27px}.login-title{margin:0}.login-title h1{font-size:40px}.login-vehicle{position:absolute;inset:-38% -2% -35% 42%;margin:0}.login-title h1{width:58%}.login-art .powered{width:225px;font-size:10px;padding-top:7px;border:0}.login-art .powered img{height:17px;width:17px}.login-side{padding:22px}.login-form{max-width:420px}}
@media(max-width:575px){.workspace-bar .profile-chip{max-width:45%;overflow:hidden}.content{padding:0 12px 35px}.hero{padding:18px;min-height:173px;border-radius:12px}.hero-copy{width:56%}.hero h1{font-size:33px;line-height:1.05}.hero-art{width:51%}.hero-art img{width:119%;max-width:none;margin-right:-8%}.hero-link{font-size:12px;gap:7px;padding:8px 11px;margin-top:15px}.metrics{margin:10px 0 20px}.metric{padding:13px}.metric strong{font-size:30px}.panelhead{padding:15px;min-height:52px}.title{margin-bottom:15px}.title h1{font-size:34px}.filters{padding:0 13px 14px}.filter-panel summary{padding:13px}.vehicle-list{grid-template-columns:1fr}.truck-stage{aspect-ratio:2.65;min-height:110px}.vehicle-foot{padding:13px 14px}.vehicle-layout,.profile-layout{grid-template-columns:1fr}.truck-stage.large{min-height:163px}.vehicle-summary{display:grid;grid-template-columns:1fr 1fr;padding:16px}.identity-card{padding:18px}.identity-avatar{width:45px;height:45px;font-size:25px;border-radius:12px}.identity-card p{margin-bottom:12px}.integration-band{display:block}.integration-band>div{padding:10px 13px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:5px}.integration-band .icon{margin:0}.integration-band>div+div{border-left:0;border-top:1px solid var(--line)}.integration-band b,.integration-band small{margin:0}.login-art{min-height:210px}.login-title h1{font-size:31px}.login-side{padding:18px}.login-form{padding:22px;margin:0}.detail-band{padding:15px;gap:12px 16px}.detail-band.integration-band{padding:0}.vehicle-list .actions{display:flex}.documents-scroll tr{background:var(--surface)}.docs-scroll .numeric{white-space:nowrap}.model-select{gap:5px}.profile-form .panelhead{padding-inline:18px}.profile-form>form{padding-inline:18px}.theme-picker label{padding:7px}.provider-form{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.drawer-close,.menu-scrim{display:none}

@keyframes surface-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes surface-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}
@keyframes overlay-in{from{opacity:0}to{opacity:1}}
@keyframes overlay-out{from{opacity:1}to{opacity:0}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dialog-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}
@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes drawer-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:no-preference){
::view-transition-old(root){animation:110ms ease-out both overlay-out}
::view-transition-new(root){animation:180ms ease-out both overlay-in}
.content{view-transition-name:fleet-workspace}
::view-transition-old(fleet-workspace){animation:115ms ease both surface-out}
::view-transition-new(fleet-workspace){animation:245ms cubic-bezier(.2,.7,.2,1) both surface-in}
@media(prefers-reduced-motion:no-preference){.content,.login-form{animation:210ms ease-out backwards surface-in}}
dialog[open]{animation:dialog-in 190ms cubic-bezier(.2,.75,.2,1) both}
dialog[open].closing{animation:dialog-out 145ms ease-in both}
dialog[open]::backdrop{animation:overlay-in 160ms ease-out both}
dialog[open].closing::backdrop{animation:overlay-out 145ms ease-in both}
details[open]>.filters,details[open]>.editorbody,details[open]>.password-details,details[open].editor>form,.password-details[open]>label,.file-card:not([hidden]),.flash{animation:surface-in 170ms ease-out both}
.navitem,.button,.primary,.compact,.metric,.theme-picker label,.favorite,.hero-link{transition:color 140ms,background-color 140ms,border-color 140ms,box-shadow 140ms}
.button:active,.primary:active,.compact:active{transform:translateY(1px)}
}
@media(max-width:820px){
body.drawer-visible{overflow:hidden}.sidebar.open{position:fixed;inset:0 auto 0 0;width:min(315px,86vw);height:100dvh;z-index:71;padding:22px 16px;overflow:auto;box-shadow:12px 0 50px #101a2452;display:flex}
.sidebar.open>.brand-home{display:block;padding:4px 38px 20px 10px}
.sidebar.open>.drawer-close{display:grid;place-items:center;position:absolute;right:12px;top:20px;background:none;color:#ebf0e8;border-color:#596963;font-size:22px;line-height:1}
.sidebar.open nav{margin:18px 0}.sidebar.open .profile{margin-top:auto}.menu-scrim:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;border:0;background:#111b20a6;z-index:70;backdrop-filter:blur(2px)}
}
@media(max-width:820px) and (prefers-reduced-motion:no-preference){.sidebar.open{animation:drawer-in 200ms cubic-bezier(.2,.8,.2,1) both}.sidebar.open.closing{animation:drawer-out 170ms ease-in both}.menu-scrim:not([hidden]){animation:overlay-in 160ms ease-out both}}
@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*){animation:none!important}.truck-stage.zoomed img{transition:none}}
::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}

/* Search is shared by every authenticated surface. */
.workspace-actions,.mobile-actions{display:flex;align-items:center;gap:14px}.search-launch{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;font-size:12px;line-height:1.3}.search-launch .icon{width:15px;height:15px}.search-launch:hover{color:var(--ink);border-color:var(--accent);text-decoration:none}.search-launch kbd,.command kbd{font:500 10px/1.2 Inter,system-ui,sans-serif;border:1px solid var(--line);border-radius:4px;padding:3px 5px;background:var(--surface2);color:var(--muted)}.search-launch kbd{margin-left:14px}.mobile-search{display:none}.command{padding:0;width:min(575px,calc(100vw - 26px));max-height:min(740px,82dvh);isolation:isolate}.command[open]{display:flex;flex-direction:column}.command header{display:flex;align-items:center;gap:11px;padding:17px 20px 11px}.command header h2{font-size:21px}.command header .compact{margin-left:auto}.command-mark{background:var(--iconbox);color:var(--accent);display:grid;place-items:center;height:33px;width:33px;border-radius:9px}.command form{display:flex;padding:4px 20px 13px;margin:0;gap:6px}.command form input{flex:1;padding:9px 12px;min-width:0}.command-scroll{min-height:54px;overflow:auto;overscroll-behavior:contain;background:var(--surface2);border-block:1px solid var(--line);padding:10px 16px}.search-live{font-size:12px;color:var(--muted);padding:6px}.command section{margin:0 0 12px}.command section h3{font-size:12px;font-weight:620;letter-spacing:0;padding:4px 7px;color:var(--muted)}.command section a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px;border-radius:6px;color:var(--ink);font-size:14px;overflow-wrap:anywhere}.command section a:hover,.command section a:focus{background:var(--surface3);text-decoration:none}.command section a:focus{outline:2px solid var(--accent);outline-offset:-2px}.command section a>span:last-child{color:var(--accent);font-size:17px}.command section a small:empty{display:none}.command footer{display:flex;gap:12px;align-items:center;padding:10px 21px;color:var(--muted);font-size:11px}.command footer a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:590}.command footer .icon{width:14px;height:14px}
.registry-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.registry-tabs{display:flex;flex-wrap:wrap;gap:8px}.registry-tabs a{border-bottom:1px solid var(--line);padding:6px 1px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none}.registry-tabs a:hover,.registry-tabs a:focus-visible{border-color:var(--accent);color:var(--ink)}.registry-tabs span,.filter-panel summary em,.sheet-launch em{display:inline-flex;padding:1px 6px;border-radius:5px;background:var(--surface3);font-size:10px;color:var(--ink);font-style:normal}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 16px}.chips:empty{display:none}.filter-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere;background:var(--accent-bg);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:4px 7px 4px 9px;border-radius:30px;font-size:12px}.filter-chip b{font-weight:620;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-chip .icon{width:13px;height:13px}.filter-chip:hover{background:var(--surface);text-decoration:none}.sheet-launch{display:none}.sheet{padding:0;width:min(590px,100%);margin:auto 0 0 auto;border-radius:17px 17px 0 0;max-height:90dvh;overflow:auto}.sheet .dialoghead{padding:17px 19px;border-bottom:1px solid var(--line)}.sheet .filters{margin:0;padding:15px 18px 20px;display:grid}.queue-strip{display:grid;grid-template-columns:minmax(175px,.95fr) minmax(110px,1fr);gap:25px;align-items:center;padding:0 3px;margin:0 0 22px}.queue-strip>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:13px}.queue-strip span{font-size:12px;color:var(--muted)}.queue-rail{height:7px;display:flex;gap:3px;overflow:hidden;border-radius:4px}.queue-rail i{width:0;min-width:3px}.queue-done{background:#698e74}.queue-waiting{background:#bb9c64}.queue-review{background:#b76d51}
tr:target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-bg)}
@media(max-width:820px){.mobile-search{display:inline-flex;justify-content:center;color:#f3e7cd;background:#2d3b38;border-color:#596459;min-height:40px;min-width:40px;padding:8px}.mobile-actions{gap:7px}.mobile-actions .menu-toggle{min-height:40px}.workspace-actions .desktop-search{display:none}.js .sheet-launch{display:inline-flex}.js [data-inline-filters]{display:none}.chips{margin:3px 0 10px}.registry-tools{margin-bottom:10px}.queue-strip{gap:13px}.profile-chip{max-width:100%}.command footer>span{display:none}.command footer a{margin-left:0;min-height:36px}.sheet .filters .actions{flex-direction:row}.filter-chip{min-height:33px}.command .compact,.sheet .compact{min-height:40px;min-width:40px}}
@media(max-width:575px){.workspace-bar nav{font-size:11px;gap:7px}.command header{padding:13px}.command form{padding:0 13px 12px}.command-scroll{padding-inline:10px}.command footer{padding:4px 13px}.registry-tabs{gap:8px}.registry-tabs a{font-size:12px}.sheet{width:100%;border-inline:0;padding-bottom:env(safe-area-inset-bottom);margin:0 0 0 auto;top:auto;bottom:0}.sheet .filters{gap:13px}.queue-strip{display:block}.queue-rail{margin-top:9px}.hero h1{max-width:100%}.mobile-bar{padding:10px 12px}.mobile-actions .icon{width:17px;height:17px}.small-band{padding:12px}}
@media(max-width:360px){.sidebar.open{width:min(280px,90vw)}.hero-copy{width:60%}.hero h1{font-size:27px}.hero-art{width:43%}.hero-link{font-size:11px;gap:4px}.hero-art img{width:121%}.sheet .filters{grid-template-columns:minmax(0,1fr)}.registry-tabs a{gap:4px}.theme-picker label{padding:6px}.login-title h1{font-size:28px}}
@media(prefers-reduced-motion:no-preference){.navitem .icon,.search-launch .icon,.filter-chip .icon,.truck-turn .icon{transition:transform 160ms ease-out}.search-launch:hover .icon{transform:scale(1.1)}.navitem:hover .icon{transform:translateX(2px)}.filter-chip:hover .icon{transform:rotate(90deg)}.command section a:focus-visible>span:last-child{transform:translate(1px,-1px)}.queue-rail{transform-origin:left;animation:rail-in .34s ease-out both}@keyframes rail-in{from{transform:scaleX(.94);opacity:.5}to{transform:scaleX(1);opacity:1}}.sheet[open]{animation:sheet-up .22s cubic-bezier(.2,.7,.2,1) both}.sheet[open].closing{animation:sheet-down .145s ease-in both}@keyframes sheet-up{from{opacity:.4;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes sheet-down{to{opacity:0;transform:translateY(18px)}}}

/* Keep each invoice line and its assignment control together on narrow screens. */
@media(max-width:680px){
 .page-detail form[action$="/assign"] .scroll{overflow:visible}
 .page-detail form[action$="/assign"] table{display:block;min-width:0;width:100%}
 .page-detail form[action$="/assign"] thead{display:block}
 .page-detail form[action$="/assign"] thead tr{display:block;padding:6px 12px}
 .page-detail form[action$="/assign"] th{display:none}
 .page-detail form[action$="/assign"] th:has(input){display:flex;align-items:center;gap:9px}
 .page-detail form[action$="/assign"] th:has(input)::after{content:"Выбрать видимые строки";text-transform:none}
 .page-detail form[action$="/assign"] tbody{display:grid;gap:10px;padding:8px}
 .page-detail form[action$="/assign"] tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;padding:10px;align-items:start}
 .page-detail form[action$="/assign"] td{padding:6px 3px;border:0;white-space:normal;text-align:left;min-width:0;overflow-wrap:anywhere}
 .page-detail form[action$="/assign"] td:has(input){grid-column:1/-1}
 .page-detail form[action$="/assign"] td.wide,.page-detail form[action$="/assign"] td:last-child{grid-column:1/-1;min-width:0;width:auto}
 .page-detail form[action$="/assign"] td.wide~td::before{display:block;font-size:.72rem;font-weight:500;opacity:.75}
 .page-detail form[action$="/assign"] td.wide+td::before{content:"Количество"}
 .page-detail form[action$="/assign"] td.wide+td+td::before{content:"Цена"}
 .page-detail form[action$="/assign"] td.wide+td+td+td::before{content:"Сумма"}
 .page-detail form[action$="/assign"] td:last-child::before{content:"Автомобиль"}
 .page-detail .assign{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .page-detail .assign select{max-width:100%}
}