:root{--bg:#f6f8fc;--sf:#fff;--sf2:#edf0f6;--tx:#1a1c1e;--tx2:#44474c;--tx3:#75777d;--ol:#c3c7cf;--olv:#e2e5ec;--pr:#1b5cb8;--onpr:#fff;--prc:#d6e3f8;--onprc:#0e3a7a;--err:#b3261e;--errbg:#f9dedc;--wrn:#9a7b00;--wrnbg:#fdefc3;--ok:#1e7e46;--okbg:#d9efe1;--dis:#c9cdd6;--distx:#fff;--bar:#fffffff0;--shd:0 1px 2px #1020400f, 0 10px 28px -14px #1b5cb840;--primary:var(--pr);--primary-container:var(--prc);--surface:var(--sf);--text:var(--tx);--text-2:var(--tx2);--outline:var(--ol);--error:var(--err);--error-bg:var(--errbg);--warn:var(--wrn);color:var(--tx);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=dark]{--bg:#111318;--sf:#1d2024;--sf2:#262a30;--tx:#e2e2e9;--tx2:#c4c6cf;--tx3:#8e9099;--ol:#44474e;--olv:#31343a;--pr:#a9c7ff;--onpr:#0a305f;--prc:#274d80;--onprc:#d6e3ff;--err:#ffb4ab;--errbg:#432723;--wrn:#e8ca6d;--wrnbg:#3c3300;--ok:#8fd0a0;--okbg:#1f3a2a;--dis:#33373e;--distx:#8e9099;--bar:#1d2024eb;--shd:0 1px 2px #00000080, 0 12px 30px -14px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--tx);margin:0}h1{margin:0;font-size:1.35rem;font-weight:800}h2{margin:8px 0;font-size:1.15rem}h3{margin:0 0 8px;font-size:1rem}a{color:var(--pr)}a:hover{color:var(--onprc)}.msr{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.page{max-width:640px;margin:0 auto;padding:12px 16px 24px}.login-page{max-width:420px;padding-top:6vh}.login-theme{justify-content:flex-end;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:26px 0 30px;display:flex}.login-logo{background:var(--prc);width:68px;height:68px;color:var(--onprc);border-radius:22px;justify-content:center;align-items:center;display:flex}.login-brand h1{font-size:24px}.login-sub{color:var(--tx2);margin:-6px 0 0;font-size:.9rem}.topbar{align-items:center;gap:2px;padding:8px 0 12px;display:flex}.topbar h1{flex:1}.topbar-back{margin-left:-12px;color:var(--tx)!important}.icon-btn{width:44px;height:44px;color:var(--tx3);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:1.3rem;text-decoration:none;display:inline-flex}.icon-btn:active{background:var(--sf2)}.banner{border-radius:12px;margin-bottom:12px;padding:9px 14px;font-size:.85rem;font-weight:600}.banner-ok{background:var(--okbg);color:var(--ok)}.banner-warn{background:var(--wrnbg);color:var(--wrn)}.list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.card{background:var(--sf);border:1px solid var(--olv);cursor:pointer;box-shadow:var(--shd);border-radius:16px;align-items:center;gap:12px;padding:14px 6px 14px 14px;display:flex;position:relative}.card-selected{border-color:var(--pr);box-shadow:var(--shd), inset 0 0 0 1.5px var(--pr)}.card-disabled{background:var(--sf2);cursor:not-allowed;box-shadow:none}.card-overdue{background:var(--errbg);border-color:#0000}.card-body{flex:1;min-width:0}.card-title{font-size:15.5px;font-weight:700}.card-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.card-subtitle{color:var(--tx2);font-size:.85rem}.card-error{color:var(--err);margin-top:4px;font-size:.85rem;font-weight:600}.card-warn{color:var(--wrn);margin-top:4px;font-size:.85rem;font-weight:600}.veh-avatar{background:var(--prc);width:44px;height:44px;color:var(--onprc);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.veh-avatar-sm{border-radius:13px;width:40px;height:40px}.veh-avatar-muted{background:var(--olv);color:var(--tx3)}.card-overdue .veh-avatar{color:var(--err);background:#ffffff8c}[data-theme=dark] .card-overdue .veh-avatar{background:#00000040}.plate-chip{letter-spacing:.06em;background:var(--sf2);border:1px solid var(--olv);color:var(--tx2);white-space:nowrap;border-radius:6px;padding:2px 7px;font:700 12px ui-monospace,Menlo,monospace}.check-badge{background:var(--pr);width:22px;height:22px;color:var(--onpr);border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:-9px;right:16px}.card-selected .check-badge{display:flex}.veh-head{align-items:center;gap:10px;margin:8px 0 4px;display:flex}.veh-head h2{margin:0;font-weight:700}.primary-btn{background:var(--pr);width:100%;color:var(--onpr);cursor:pointer;box-shadow:0 6px 16px -8px var(--pr);border:none;border-radius:999px;padding:15px;font-family:inherit;font-size:1rem;font-weight:700}.primary-btn:active:not(:disabled){transform:scale(.985)}.primary-btn:disabled{background:var(--dis);color:var(--distx);cursor:not-allowed;box-shadow:none}.secondary-btn{border:1px solid var(--ol);background:var(--sf);color:var(--pr);cursor:pointer;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600}.link-btn{color:var(--pr);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-weight:600}.cta-bar{z-index:5;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--bar);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--olv);margin:16px -16px 0;position:sticky;bottom:0}.field{color:var(--tx2);flex-direction:column;gap:6px;margin:12px 0;font-size:.85rem;font-weight:600;display:flex}.field input,.field textarea,.field select,.filters select,.filters input{border:1.5px solid var(--ol);background:var(--sf);color:var(--tx);border-radius:14px;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem}.filters select,.filters input{border-width:1px;border-radius:12px;width:auto;padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pr);outline:none}.field input[readonly]{background:var(--sf2);border-color:#0000;font-weight:600}.field-lockwrap{display:block;position:relative}.field-lockwrap input{padding-right:52px}.field-lock{color:var(--tx3);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.hint{color:var(--tx3);margin:4px 0;font-size:.8rem;font-weight:400}.pw-wrap{position:relative}.pw-wrap .pw-input{padding-right:56px}.pw-toggle{cursor:pointer;width:44px;height:44px;color:var(--tx3);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.section{background:var(--sf);border:1px solid var(--olv);box-shadow:var(--shd);border-radius:20px;margin:14px 0;padding:16px 18px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h3{margin:0;font-size:15px;font-weight:700}.section-hint{color:var(--tx3);font-size:11.5px;font-weight:600}.section-count{color:var(--tx2);font-size:13px;font-weight:600}.fuel-gauge{margin-top:6px}.fuel-liters{text-align:center;color:var(--tx);margin-top:6px;font-size:1.5rem;font-weight:800}.fuel-sub{text-align:center;color:var(--tx2);margin-top:2px;font-size:13px;font-weight:500}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0;display:grid}.photo-thumb{margin:0;position:relative}.photo-thumb img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;display:block}.photo-thumb figcaption{color:var(--tx2);text-align:center;font-size:.75rem}.photo-delete{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:4px;right:4px}.photo-add{aspect-ratio:1;border:1.5px dashed var(--ol);cursor:pointer;color:var(--pr);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font:600 11px inherit;display:flex}.photo-loading{aspect-ratio:1;background:var(--prc);border-radius:12px;width:100%}.chips{gap:8px;margin:12px 0 0;display:flex}.chip{border:1px solid var(--ol);background:var(--sf);color:var(--tx2);cursor:pointer;white-space:nowrap;border-radius:999px;padding:9px 15px;font:600 13.5px inherit}.chip-selected{background:var(--prc);border-color:var(--pr);color:var(--onprc)}.spec-row{justify-content:space-between;gap:16px;padding:6px 0;display:flex}.modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--sf);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shd);border-radius:20px;padding:20px;overflow:auto}.modal-wide{max-width:720px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.modal-actions .primary-btn,.modal-actions .secondary-btn{width:auto;padding-left:22px;padding-right:22px}.office{min-height:100vh;display:flex}.office-topbar{display:none}.sidebar{background:var(--sf);border-right:1px solid var(--olv);flex-direction:column;flex:none;width:230px;padding:16px;display:flex}.sidebar-brand{color:var(--pr);align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem;font-weight:800;display:flex}.sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar nav a{color:var(--tx2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:.95rem;text-decoration:none;display:flex}.sidebar nav a .msr{color:var(--tx3)}.sidebar nav a.active{background:var(--prc);color:var(--onprc);font-weight:600}.sidebar nav a.active .msr{color:var(--onprc)}.nav-short{display:none}.sidebar-footer{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.sidebar-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.office-content{flex:1;min-width:0;padding:20px 24px;overflow:auto}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.table-scroll{border:1px solid var(--olv);border-radius:12px;max-height:calc(100vh - 190px);overflow:auto}.logistics-table,.office-table{border-collapse:collapse;background:var(--sf);width:100%;font-size:.88rem}.logistics-table{min-width:1250px}.logistics-table th,.logistics-table td,.office-table th,.office-table td{border-bottom:1px solid var(--olv);text-align:left;white-space:nowrap;padding:8px 10px}.logistics-table thead th,.office-table thead th{background:var(--prc);color:var(--onprc);z-index:1;position:sticky;top:0}.row-mismatch{background:var(--errbg)}.cell-warn{color:var(--wrn);font-weight:600}.cell-error{color:var(--err);font-weight:600}.office-table{border:1px solid var(--olv);border-radius:12px;margin-top:12px;overflow:hidden}.settings-form{max-width:380px}.switch-row{background:var(--sf);border:1px solid var(--olv);box-shadow:var(--shd);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;max-width:380px;margin:18px 0;padding:14px 16px;display:flex}.switch-title{color:var(--tx);font-size:14.5px;font-weight:700}.switch{border:2px solid var(--ol);background:var(--sf2);cursor:pointer;border-radius:999px;flex:none;width:54px;height:32px;padding:0;transition:background .2s,border-color .2s;position:relative}.switch-knob{background:#fff;border-radius:99px;width:24px;height:24px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch-on{background:var(--pr);border-color:var(--pr)}.switch-on .switch-knob{background:var(--onpr);left:24px}.m-cards{flex-direction:column;gap:10px;margin:12px 0;display:none}.m-card{background:var(--sf);border:1px solid var(--olv);box-shadow:var(--shd);border-radius:16px;padding:14px 16px}.m-card-error{border-color:var(--err)}.m-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.m-dates{color:var(--tx3);font:600 12px system-ui}.m-title{color:var(--tx);margin-top:2px;font:700 15.5px system-ui}.m-sub{color:var(--tx2);margin-top:1px;font:500 13px system-ui}.m-flag{background:var(--errbg);color:var(--err);border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;font:700 12px system-ui;display:inline-flex}.m-grid{border-top:1px solid var(--olv);grid-template-columns:1fr 1fr;gap:6px 16px;margin:10px 0 0;padding-top:10px;display:grid}.m-grid>div{min-width:0}.m-grid dt{color:var(--tx3);font:400 12.5px system-ui}.m-grid dd{color:var(--tx);text-overflow:ellipsis;margin:1px 0 0;font:600 13.5px system-ui;overflow:hidden}.m-actions{justify-content:flex-end;margin-top:8px;display:flex}.m-add{border:1.5px dashed var(--pr);min-height:48px;color:var(--pr);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;font:700 14px inherit;display:flex}.m-avatar{background:var(--prc);width:40px;height:40px;color:var(--onprc);border-radius:99px;flex:none;justify-content:center;align-items:center;font:700 14px system-ui;display:flex}.m-user{align-items:center;gap:12px;display:flex}.m-user .m-title{margin:0;font-size:14.5px}.m-card select{border:1px solid var(--ol);background:var(--sf);color:var(--tx);border-radius:10px;max-width:46%;padding:8px 10px;font-family:inherit;font-size:.85rem}@media (width<=880px){.office{flex-direction:column}.office-topbar{align-items:center;gap:2px;padding:8px 16px 4px;display:flex}.office-topbar-brand{color:var(--pr);flex:1;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.office-content{padding:4px 16px calc(96px + env(safe-area-inset-bottom,0px));overflow:visible}.sidebar{z-index:20;border-right:none;border-top:1px solid var(--olv);background:var(--bar);-webkit-backdrop-filter:blur(8px);width:auto;padding:7px 4px calc(6px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:center;position:fixed;bottom:0;left:0;right:0}.sidebar-brand,.sidebar-footer{display:none}.sidebar nav{flex-direction:row;gap:0}.sidebar nav a{color:var(--tx3);border-radius:0;flex-direction:column;flex:1;gap:3px;padding:0;font-size:10.5px;font-weight:600}.sidebar nav a .msr{border-radius:999px;justify-content:center;align-items:center;width:54px;height:30px;font-size:22px}.sidebar nav a.active{color:var(--pr);background:0 0;font-weight:700}.sidebar nav a.active .msr{background:var(--prc);color:var(--onprc);font-variation-settings:"FILL" 1, "wght" 500}.nav-long{display:none}.nav-short{display:inline}.table-scroll,.office-table{display:none}.m-cards{display:flex}.filters{scrollbar-width:none;flex-wrap:nowrap;margin:8px -16px 12px;padding:4px 16px;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters select,.filters input{flex:none}}@media (width>=600px) and (width<=880px){.m-cards{grid-template-columns:1fr 1fr;align-items:start;display:grid}.m-cards .m-add{grid-column:1/-1}}