@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f7f9;--surface:#fff;--ink:#1c292a;--muted:#84908f;--line:#e8eceb;--green:#246851;--green-dark:#194c3e;--green-light:#e9f3ed;--orange:#ad742d;--sidebar:232px;--shadow:0 3px 18px #233b3010;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--heading:'Manrope',var(--font)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{max-width:100%;color:var(--ink)}:focus-visible{outline:3px solid #74b99a;outline-offset:3px}::selection{background:#cde8da}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.035em}h1{font-size:29px;font-weight:750;line-height:1.3}h2{font-size:16px;font-weight:750;line-height:1.4}h3{font-size:15px;font-weight:700}small{font-size:11px}.icon{flex:none;vertical-align:middle}.muted{color:var(--muted)}.green{color:var(--green)!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plain-button{text-align:left;padding:0}.rotate{transform:rotate(180deg)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 17px 0;overflow-y:auto}.brand{display:flex;align-items:center;font-family:var(--heading);font-weight:800;font-size:32px;letter-spacing:-2px;padding:0 15px 28px;line-height:1}.brand-mark{display:grid;place-items:center;width:29px;height:31px;margin-right:9px;background:var(--green-dark);color:#fff;border-radius:9px 9px 9px 3px;transform:skew(-8deg);box-shadow:5px 0 0 #b6d8bd}.brand-mark .icon{width:24px;transform:skew(8deg)}.brand-dot{color:#5a9c78}.workspace{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;margin-bottom:24px}.workspace-icon{font-size:11px;letter-spacing:-.4px;display:grid;place-items:center;width:32px;height:32px;background:#f3f0e9;color:#776b53;border:1px solid #e5e0d6;border-radius:8px;font-weight:700;flex:none}.workspace strong{display:block;font-size:12px;font-weight:650}.workspace small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.workspace-chevron{margin-left:auto;color:#919b98}.workspace-chevron .icon{width:14px}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#a2aaa8;margin:0 12px 9px}.business-label{margin-top:24px}.nav-link{display:flex;align-items:center;gap:11px;min-height:41px;padding:9px 12px;border-radius:7px;color:#6d7775;font-size:12px;font-weight:500;margin:3px 0;transition:background .15s,color .15s}.nav-link .icon{width:18px;height:18px;stroke-width:1.6}.nav-link:hover{background:#f5f7f6;color:var(--green)}.nav-link.selected{background:#edf4ef;color:var(--green-dark);font-weight:650;position:relative}.nav-link.selected:before{content:'';position:absolute;left:-17px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}.nav-count{font-size:10px;min-width:19px;text-align:center;border-radius:4px;background:#f0f2f1;padding:1px 4px;margin-left:auto;color:#6d7775}.sidebar-bottom{margin-top:auto;padding-top:28px}.help-card{display:block;text-align:left;width:100%;background:linear-gradient(125deg,#f0f4ee,#f5f7f2);border:1px solid #e7ece4;border-radius:9px;padding:13px;margin-bottom:14px}.help-card-icon{display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid #e1e9df;border-radius:7px;color:#528464;margin-bottom:9px}.help-card-icon .icon{width:16px}.help-card strong{font-size:11px;display:block;margin-bottom:6px;font-weight:600}.help-card>span:last-child{color:#6f8374;font-size:10px;display:flex;justify-content:space-between;align-items:center}.help-card>span:last-child .icon{width:13px}.profile{width:calc(100% + 34px);margin:14px -17px 0;border-top:1px solid var(--line);padding:17px;display:flex;align-items:center;gap:9px;text-align:left}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{display:block;font-size:11px;font-weight:600}.profile small{color:var(--muted);display:block;font-size:10px}.profile>.icon{width:14px;color:var(--muted)}.avatar{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;background:#eaf0e8;color:#4e6750;border-radius:50%;font-size:10px;font-weight:650;flex:none}.avatar.owner{background:#eee8dc;color:#77624c}.avatar.small{width:31px;height:31px}.avatar.large{width:64px;height:64px;font-size:20px}.pastel-0{background:#eee9f7;color:#8875a5}.pastel-1{background:#e7f0ec;color:#567867}.pastel-2{background:#f4ebe4;color:#a07c5f}.pastel-3{background:#e5edf6;color:#6c86a7}.main-wrap{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;flex:none;background:#ffffffde;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;gap:16px}.breadcrumb{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px}.breadcrumb-home{color:#9ba3a1}.breadcrumb-separator{color:#c2c9c6;font-size:14px}.breadcrumb strong{font-weight:550;color:#5b6661}.topbar-actions{display:flex;align-items:center;gap:17px}.global-search{display:flex;align-items:center;gap:8px;color:#a0a8a6;font-size:11px;min-width:275px}.global-search .icon{width:16px}.global-search kbd{margin-left:auto;font-size:10px;font-family:inherit;background:#f7f8f7;padding:2px 5px;border:1px solid var(--line);border-radius:4px;color:#8c9692}.language-control{display:flex;align-items:center;gap:4px;color:#78837e}.language-control .icon{width:15px}.language-control select{border:none;background:none;font-size:10px;padding:4px 0;color:#596660;cursor:pointer}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:6px;color:#85908b;transition:background .15s}.icon-btn:hover{background:#eef3ef;color:var(--green)}.icon-btn .icon{width:18px;height:18px}.notification-button{position:relative}.notification-button i{position:absolute;right:6px;top:5px;width:5px;height:5px;background:#bf8c51;border:1px solid #fff;border-radius:50%}.topbar-divider{height:22px;width:1px;background:var(--line);margin-left:-4px;margin-right:-4px}.mobile-menu{display:none}.mobile-shade{display:none}main{padding:30px 31px 26px;flex:1;width:100%;max-width:1760px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#8e9a94;text-transform:uppercase;font-weight:650;margin-bottom:8px}.page-heading p{font-size:12px;color:#8b9590;margin-top:8px}.page-actions{display:flex;gap:10px;align-items:center;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid #e0e6e2;border-radius:7px;background:#fff;font-size:11px;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .15s}.btn .icon{width:16px;height:16px}.btn:hover{background:#f3f7f4;box-shadow:0 2px 5px #213f3010}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green-dark);border-color:var(--green-dark);color:#fff;box-shadow:0 2px 3px #194c3e15}.btn.primary:hover{background:#27664f}.btn.tiny{font-size:10px;min-height:29px;padding:5px 10px}.btn.tiny .icon{width:13px;height:13px}.btn.danger{background:#b84d45;color:#fff;border-color:#b84d45}.btn.danger-text{color:#ad5c56}.full-width{width:100%}.date-chip{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 11px;font-size:10px;display:inline-flex;align-items:center;gap:8px;min-height:38px;color:#69756e}.date-chip .icon{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 19px 15px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a867f}.stat-icon{width:27px;height:27px;background:#f7f9f7;border:1px solid #eff2ef;border-radius:7px;display:grid;place-items:center;color:#6f8677}.stat-icon .icon{width:15px;height:15px}.stat-value{font-family:var(--heading);font-size:31px;line-height:1.35;letter-spacing:-1px;font-weight:750;margin:7px 0 11px}.stat-value small{font:500 13px var(--font);color:#a5ada9;letter-spacing:0;margin-left:7px}.stat-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#98a39b;min-height:18px}.sparkline{width:58px;height:20px;color:#a1c3ac}.stat-card.accent{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.stat-card.accent .stat-top{color:#c1d3c8}.stat-card.accent .stat-icon{background:#ffffff0b;border-color:#ffffff15;color:#bfd7c6}.stat-card.accent .stat-bottom{color:#9db9a8}.stat-card.accent .sparkline{color:#99c9a4}.dashboard-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 17px;gap:15px}.panel-heading p{color:#99a19d;font-size:10px;margin-top:5px}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#668374;white-space:nowrap}.text-link:hover{color:var(--green-dark)}.text-link .icon{width:14px;height:14px}.count-chip{display:grid;place-items:center;min-width:22px;height:22px;padding:2px 6px;background:#f0f4f0;color:#6e8374;font-size:10px;font-weight:600;border-radius:5px}.calendar-toolbar{padding:8px 19px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.calendar-period{display:flex;gap:7px;align-items:center}.calendar-period strong{font-size:10px;font-weight:600;white-space:nowrap}.calendar-period strong span{color:#9ba49f;font-weight:400}.calendar-period .icon-btn{min-width:22px;min-height:24px}.calendar-period .icon-btn .icon{width:12px;height:12px}.calendar-period>.btn{margin-left:7px;background:#fafbf9;font-weight:500}.calendar-week{display:flex;align-items:center;gap:7px;font-size:10px;color:#909b94;background:#f8faf7;padding:4px 8px;border-radius:4px}.calendar-week .icon{width:11px;height:11px}.calendar-scroll{overflow-x:auto;scrollbar-width:thin}.calendar-grid{min-width:800px}.calendar-grid.compact{min-width:570px}.calendar-header{display:grid;grid-template-columns:175px repeat(7,minmax(0,1fr));border-top:1px solid var(--line);background:#fbfcfa;min-height:54px;border-bottom:1px solid var(--line)}.compact .calendar-header{grid-template-columns:145px repeat(7,minmax(0,1fr));min-height:48px}.vehicle-column{display:flex;align-items:center;gap:7px;text-align:left;padding:10px 14px;min-width:0}.calendar-header .vehicle-column{font-size:10px;color:#98a29b;padding-left:20px;gap:7px}.calendar-header .vehicle-column span{font-size:9px;border:1px solid #e3e9e1;background:#fff;border-radius:4px;padding:0 4px}.day-cell{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#9ca69e}.day-cell b{font-weight:600;color:#6e7b70}.day-cell.today{background:#eff5ee}.day-cell.today b{background:var(--green);color:#fff;border-radius:4px;min-width:21px;text-align:center;padding:2px}.calendar-row{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:65px;border-bottom:1px solid #f0f2ef}.calendar-row:last-child{border-bottom:0}.compact .calendar-row{grid-template-columns:145px minmax(0,1fr);min-height:57px}.calendar-row .vehicle-column{gap:5px;padding:9px 10px}.calendar-row .vehicle-column:hover{background:#fafbf9}.calendar-row .vehicle-column strong{display:block;font-size:10px;font-weight:600;white-space:nowrap}.calendar-row .vehicle-column small{display:block;font-size:8px;color:#a0a9a2;letter-spacing:.3px;margin-top:2px}.mini-car{width:48px;display:block;flex:none}.mini-car .car-art{width:100%;height:auto}.calendar-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}.calendar-slot{border-left:1px solid #f0f2ef;border-radius:0;min-height:100%}.calendar-slot:hover{background:#eaf2e8}.calendar-slot.today{background:#f5f8f2}.booking-bar{position:absolute;top:16px;height:32px;border-radius:5px;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:9px;overflow:hidden;text-align:left;white-space:nowrap;z-index:1;transition:filter .15s}.compact .booking-bar{top:13px;height:30px;font-size:8px;padding:0 7px}.booking-bar>span:not(.booking-dot){overflow:hidden;text-overflow:ellipsis}.booking-bar small{font-size:8px;margin-left:auto;opacity:.7}.booking-bar.active{background:#e0eee4;border:1px solid #c8e0d0;color:#49745a}.booking-bar.confirmed{background:#e8eefb;border:1px solid #d9e3f4;color:#627ca9}.booking-bar.pending{background:#fbf1db;border:1px solid #eedeb8;color:#a58a4d}.booking-bar.maintenance{background:repeating-linear-gradient(130deg,#f1f2f0,#f1f2f0 4px,#e9ece7 4px,#e9ece7 5px);border:1px solid #e2e7de;color:#92998e}.booking-bar.maintenance .icon{width:12px;height:12px}.booking-bar:hover{filter:brightness(.97)}.booking-dot{width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}.calendar-legend{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:8px;color:#97a196;padding:12px 20px;border-top:1px solid #f0f2ef}.calendar-legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:2px;background:#9ca49b}.legend-dot.active,.legend-dot.rented{background:#5f9b73}.legend-dot.confirmed{background:#9db6df}.legend-dot.pending{background:#dcb96f}.legend-dot.available{background:#c5d8bd}.legend-dot.maintenance{background:#d0d4cb}.day-panel{display:flex;flex-direction:column}.day-panel .panel-heading{padding:20px 18px 13px}.day-panel h2{font-size:14px}.movements{padding:0 17px;flex:1}.movement{display:flex;align-items:flex-start;width:100%;padding:16px 0 15px;border-bottom:1px solid #f0f2ef;gap:13px;text-align:left;position:relative}.movement:last-child{border-bottom:0}.movement-time{font-size:10px;color:#98a199;font-weight:500;position:relative;min-width:31px;line-height:1.4;padding-top:2px;align-self:stretch}.movement-time:after{content:'';position:absolute;top:30px;bottom:-18px;width:1px;background:#e8eee7;left:12px}.movement:last-child .movement-time:after{display:none}.movement-time i{position:absolute;top:26px;left:9px;width:7px;height:7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d4e7d9;background:#72a47c;z-index:1}.movement-time i.return{background:#b89968;box-shadow:0 0 0 1px #ece0cc}.movement-info{flex:1;min-width:0}.movement-info strong{display:block;font-size:11px;font-weight:600;margin:4px 0 2px}.movement-info>span{display:block;font-size:10px;color:#a0a8a1}.movement-info>small:last-child{display:flex;align-items:center;font-size:8px;gap:3px;color:#a5ada5;margin-top:6px}.movement-info>small:last-child .icon{width:10px;height:10px}.movement-type{display:flex;align-items:center;gap:4px;font-size:8px;color:#7b9a80}.movement-type.return{color:#af986e}.movement-type .icon{width:10px;height:10px}.movement>.icon{width:12px;color:#b4bdb4;align-self:center}.day-all{border-top:1px solid var(--line);padding:13px;text-align:center;color:#7b8e7f;font-size:10px;display:flex;justify-content:center;align-items:center;gap:6px}.day-all .icon{width:12px;height:12px}.attention-banner{display:flex;align-items:center;gap:13px;background:#fbf8ee;border:1px solid #eee6d2;border-radius:8px;padding:14px 17px;margin-bottom:24px}.attention-icon{color:#b7934c;width:33px;height:33px;display:grid;place-items:center;background:#f7eed7;border:1px solid #eee0bb;border-radius:8px;flex:none}.attention-icon .icon{width:17px;height:17px}.attention-banner strong{font-size:11px;font-weight:600;color:#88733f}.attention-banner p{font-size:10px;color:#ad9d76;margin-top:3px}.attention-banner p span{margin:0 5px}.attention-banner .btn{margin-left:auto;font-size:10px;min-height:29px;background:#fffaf0;color:#9b8044;border-color:#e9ddc0;padding:5px 10px}.attention-banner .btn .icon{width:12px;height:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbf9;font-size:9px;color:#99a198;font-weight:500;padding:11px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 18px;font-size:11px;border-bottom:1px solid #f0f2ef;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfefc}td strong{font-size:10px;font-weight:600;display:block}td small{display:block;font-size:9px;color:#a2aaa1;margin-top:3px}td .avatar{width:29px;height:29px;font-size:9px}td>.icon-btn{min-width:24px;min-height:26px}td>.icon-btn .icon{width:14px}.person-cell{display:flex;align-items:center;gap:9px}.id-link{font-size:10px;padding:0;color:#537861;font-weight:550}.id-link:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:500;white-space:nowrap;border-radius:5px;background:#f0f2ee;color:#929a8f;line-height:1.4}.badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.active,.badge.rented{background:#eaf3ec;color:#6e9678}.badge.confirmed{background:#edf2fc;color:#7a92bc}.badge.pending,.badge.planned{background:#fcf4e1;color:#b39a5c}.badge.available,.badge.completed{background:#eef4e9;color:#7d9871}.badge.maintenance,.badge.progress{background:#f1edf8;color:#9984b7}.badge.cancelled{background:#f8ece9;color:#bc8f87}.app-footer{display:flex;align-items:center;justify-content:space-between;margin:0 31px;padding:14px 0 19px;border-top:1px solid #e9ede8;font-size:9px;color:#a8b0a6;gap:12px}.app-footer>span:first-child{display:flex;align-items:center;gap:5px}.app-footer>span:last-child{font-family:var(--heading);letter-spacing:-.2px}.app-footer b{font-size:8px;font-weight:400;background:#e9eee6;border-radius:3px;padding:1px 3px;margin-left:2px}.live-dot{width:4px;height:4px;background:#90ad82;border-radius:50%;flex:none}.footer-separator{margin:0 2px}.filters{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e6ebe4;border-radius:6px;min-width:240px;max-width:420px;background:#fff}.search-field .icon{width:16px;color:#9da99c}.search-field input{border:0;outline:none;width:100%;font-size:11px;min-width:0;background:none}.search-field input::placeholder{color:#a2aca0}.filter-right{display:flex;gap:9px;align-items:center}.filter-right select{border:1px solid #e5eae3;border-radius:6px;background:#fff;padding:8px 28px 8px 10px;font-size:10px;color:#73816e}.filter-count{color:#8c9b86;display:grid;place-items:center;border:1px solid #e5eae3;border-radius:6px;width:33px;height:33px}.filter-count .icon{width:15px}.tabs{display:flex;gap:22px;margin-bottom:18px;border-bottom:1px solid #e2e8df;overflow-x:auto}.tab{display:flex;align-items:center;gap:7px;padding:10px 1px 13px;white-space:nowrap;font-size:11px;color:#8d9987;border-bottom:2px solid transparent}.tab.active{border-color:var(--green);color:var(--green);font-weight:600}.tab span{font-size:9px;border-radius:4px;background:#eaf0e6;padding:1px 5px}.table-footer{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--line);font-size:9px;color:#a0aa98}.table-footer span{font-size:8px}.empty-state{padding:45px 20px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;color:#a0ab9c}.empty-state>.icon{width:28px;height:28px;margin-bottom:5px}.empty-state strong{color:#71816a;font-size:13px}.empty-state p{font-size:11px}.fleet-filter{margin-bottom:20px}.fleet-filter .filters{border-bottom:0}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:box-shadow .2s,transform .2s}.vehicle-card:hover{box-shadow:0 8px 25px #233b3010;transform:translateY(-2px)}.vehicle-card-top{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 0}.vehicle-visual{display:block;width:100%;padding:0 17px;background:radial-gradient(ellipse at 50% 70%,#f2f5ee,transparent 70%);height:142px}.vehicle-visual .car-art{width:100%;height:100%}.vehicle-card-body{padding:10px 19px 0}.category-label{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#a0ab99}.category-label span{margin:0 4px}.vehicle-card h2{font-size:17px;margin:6px 0 7px;letter-spacing:-.5px}.plate{display:inline-block;font-size:9px;letter-spacing:.7px;color:#83917b;background:#f5f7f1;padding:3px 7px;border:1px solid #e9ede2;border-radius:4px}.vehicle-specs{display:flex;gap:15px;padding:18px 0;font-size:10px;color:#8b9982}.vehicle-specs span{display:flex;gap:5px;align-items:center}.vehicle-specs .icon{width:13px;height:13px;color:#9daa93}.vehicle-card-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #eef1e9}.vehicle-card-bottom strong{font-size:20px;font-family:var(--heading);letter-spacing:-.6px}.vehicle-card-bottom>div>span{font-size:10px;color:#a0aa96}.vehicle-card-bottom .btn{border-color:#e8ede2;color:#6d825f}.info-banner{display:flex;align-items:center;gap:9px;border:1px solid #dfe8e9;background:#edf4f5;padding:13px 16px;border-radius:8px;font-size:11px;color:#728a8c;margin-bottom:20px}.info-banner .icon{width:16px;height:16px}.document-cell{display:flex;align-items:center;gap:9px}.document-cell>span{display:grid;place-items:center;width:29px;height:34px;border:1px solid #e0e8dd;background:#f5f8f2;border-radius:5px;color:#8b9c7e}.document-cell .icon{width:16px}.inline-link{display:block;font-size:9px;padding:0;color:#88a077;margin-top:3px}.type-label{display:inline-block;font-size:10px;color:#7a906b}.type-label.deposit{color:#8a86a7}.type-label.refund{color:#b2926b}.spaced{margin-top:23px}.document-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 20px}.document-alert{padding:16px;border:1px solid #ece5d6;background:#fffcf6;border-radius:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.alert-icon{color:#b89b60}.document-alert>div{flex:1;min-width:130px}.document-alert strong{font-size:11px}.document-alert p{font-size:9px;color:#ad9c7d;margin-top:3px}.document-alert>.btn{margin-left:auto}.report-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:20px}.chart-total{font-family:var(--heading);font-size:24px;font-weight:700;letter-spacing:-1px}.bar-chart{display:flex;gap:20px;padding:28px 30px 25px;height:270px;background:repeating-linear-gradient(to top,transparent 0px,transparent 49px,#edf1e8 49px,#edf1e8 50px);background-clip:content-box}.bar-column{flex:1;display:flex;flex-direction:column;min-width:0;align-items:center;gap:8px}.bar-column>span{font-size:9px;color:#93a184}.bar-column small{font-size:9px;white-space:nowrap;color:#93a184}.bar-space{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:80%;max-width:45px;background:#b8d0ab;border-radius:5px 5px 0 0;min-height:2px}.bar.highlight{background:var(--green-dark)}.donut{width:160px;height:160px;border-radius:50%;margin:5px auto 22px;background:conic-gradient(var(--green) 0 var(--rented),#d5c6de var(--rented) var(--maintenance),#d8e4ce var(--maintenance) 100%);display:grid;place-items:center}.donut>div{background:#fff;width:126px;height:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-family:var(--heading);font-size:32px;letter-spacing:-1px}.donut span{font-size:10px;color:#92a083}.donut-legend{padding:0 25px 20px;display:flex;flex-direction:column;gap:7px;font-size:10px}.donut-legend>div{display:flex;justify-content:space-between}.donut-legend span{display:flex;align-items:center;gap:8px;color:#8f9d80}.donut-legend strong{font-weight:600}.role-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.role-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.role-icon{display:grid;place-items:center;border-radius:8px;background:#eff4eb;color:#799466;width:34px;height:34px;margin-bottom:15px}.role-icon .icon{width:19px;height:19px}.role-card h3{font-size:13px;margin-bottom:6px}.role-card p{font-size:10px;color:#94a087;margin-bottom:19px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:24px}.settings-panel .form-grid{padding:5px 22px 22px}.settings-panel>.panel-heading>.icon{color:#98a58c}.section-divider{height:1px;background:var(--line);margin:10px 0}.settings-save{padding:17px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.backup-card{padding:25px}.backup-icon{width:45px;height:45px;border-radius:10px;background:#edf4e6;color:#87a273;display:grid;place-items:center;margin-bottom:16px}.backup-card h2{font-size:15px;margin-bottom:9px}.backup-card p{font-size:11px;line-height:1.8;color:#94a087;margin-bottom:20px}.backup-card .section-divider{margin:22px 0}.backup-card .danger-text{border:0;background:#faf4f1;font-size:10px}.settings-note{display:flex;align-items:flex-start;gap:9px;padding:20px 7px;color:#a2ad96;font-size:10px;line-height:1.8}.settings-note .icon{width:15px;flex:none;margin-top:2px}.notification-item{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--line);background:#fcfdf9}.notification-item.read{background:#fff;opacity:.65}.notification-item:last-child{border-bottom:0}.notification-type{display:grid;place-items:center;width:40px;height:40px;background:#f8f0dc;color:#b99e63;border-radius:10px}.notification-item>div{flex:1}.notification-item h3{font-size:13px}.notification-item p{color:#9eaa8f;font-size:11px;margin:4px 0}.notification-item small{color:#aeb7a1;font-size:9px}.notification-item>.muted{font-size:10px}.activity-list{padding:0 24px 20px}.activity-list>div{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #f0f3ea}.activity-list>div:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:#b5c5a6;box-shadow:0 0 0 4px #f4f7ef}.activity-list>div>div{flex:1}.activity-list strong{font-size:11px;font-weight:500}.activity-list small{display:block;color:#a2ad95;font-size:9px;margin-top:3px}.activity-list time{font-size:10px;color:#a2ad95}.access-denied{padding:100px 20px;text-align:center}.access-denied>.icon{width:45px;height:45px;color:#9caa8e}.access-denied h1{font-size:22px;margin:20px}.access-denied .btn{margin-top:15px}
/* Dialogs, forms and document preview */
.modal-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#152f2a66;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s ease}.modal{background:#fff;border-radius:14px;width:560px;max-width:100%;max-height:calc(100dvh - 50px);display:flex;flex-direction:column;box-shadow:0 25px 100px #0a251a40;animation:slide-in .2s ease}.modal.wide{width:780px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 20px;border-bottom:1px solid var(--line);gap:20px;flex:none}.modal-header .eyebrow{font-size:8px;display:block;margin-bottom:5px}.modal-header h2{font-size:20px}.modal-header .icon-btn{background:#f5f7f1;border-radius:50%;width:31px;height:31px}.modal-body{padding:24px 26px;overflow-y:auto;overscroll-behavior:contain}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;border-top:1px solid var(--line);flex:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;color:#75836c;font-weight:500}.field i{font-style:normal;color:#a0ae92;margin-left:3px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6d9;border-radius:7px;padding:10px 11px;background:#fff;font-size:12px;min-height:40px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ea66a;outline:3px solid #a8c1971a}.field textarea{resize:vertical;line-height:1.7}.field input::placeholder{color:#acb6a1}.form-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.form-error{background:#fff0ec;color:#b86151;border:1px solid #f2d4ca;padding:11px 13px;border-radius:7px;font-size:12px;margin-bottom:20px}.form-section-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#789267;margin:3px 0 -3px}.form-section-title .icon{width:16px;height:16px}.quote-summary{display:flex;align-items:center;gap:8px;background:#f3f7ee;border:1px solid #e7efde;border-radius:7px;padding:12px 13px;font-size:10px;color:#8ca277}.quote-summary .icon{width:15px;flex:none}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;color:#869779}.check-field input{accent-color:var(--green);width:15px;height:15px}.detail-status{display:flex;align-items:center;justify-content:space-between}.detail-status>span:last-child{font-size:10px;color:#9ba98c}.reservation-hero{display:flex;align-items:center;gap:22px;margin:10px 0 20px;border-bottom:1px solid var(--line);padding-bottom:15px}.reservation-car{width:230px;height:112px;background:radial-gradient(ellipse,#f3f6ee,transparent 70%)}.reservation-car .car-art{width:100%;height:100%}.reservation-hero h3{font-size:20px;margin:5px 0 8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.detail-grid>div{display:flex;flex-direction:column;gap:4px}.detail-grid span{font-size:10px;color:#99a78b}.detail-grid strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.detail-grid small{font-size:10px;color:#9aa88b}.detail-note{display:flex;gap:9px;padding:13px;background:#f8faf4;border-radius:7px;color:#94a282;font-size:11px;line-height:1.7;margin:16px 0;overflow-wrap:anywhere}.detail-note .icon{width:15px;flex:none}.detail-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.vehicle-detail-art{position:relative;background:radial-gradient(ellipse,#eef3e6,transparent);border-radius:8px;padding:15px 40px 0}.vehicle-detail-art>.badge{position:absolute;top:4px;left:5px}.vehicle-detail-art .car-art{width:100%;height:200px}.detail-section-heading{font-size:13px;padding:15px 0 11px;margin-top:10px;border-top:1px solid var(--line)}.compact-records>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 0;border-bottom:1px solid var(--line)}.compact-records>button:last-child{border-bottom:0}.compact-records>button>span:first-child{flex:1}.compact-records strong{font-size:11px;font-weight:500;display:block}.compact-records small{display:block;font-size:9px;color:#9ca98e;margin-top:4px}.compact-records>.icon{width:13px}.customer-profile{display:flex;align-items:center;gap:15px;margin-bottom:25px}.customer-profile h3{font-size:21px;margin-bottom:4px}.customer-profile>div>span{font-size:11px;color:#9aa78a}.handover-summary{display:flex;align-items:center;gap:12px;padding:15px;background:#f3f7ed;border-radius:8px;color:#7c9766}.handover-summary strong{font-size:12px;display:block}.handover-summary small{font-size:10px;color:#9cab8c;display:block;margin-top:3px}.agreement{padding:10px 12px;color:#34412b}.agreement>header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #214d35;padding-bottom:25px}.agreement-logo{font-family:var(--heading);font-size:37px;font-weight:800;letter-spacing:-2px;color:#234f37}.agreement-logo span{color:#7ca86b}.agreement>header>div:last-child{text-align:right;font-size:11px}.agreement>header p{font-size:9px;color:#93a080;margin-top:4px}.agreement-title{margin:25px 0}.agreement-title>span{font-size:10px;color:#90a17a;letter-spacing:1px}.agreement-title h2{font-size:22px;margin:8px 0}.agreement-title p{font-size:9px;color:#b89c6b}.agreement-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:20px 0;border-top:1px solid #e7ecd9}.agreement h3{font-size:10px;letter-spacing:0;color:#82946b;text-transform:uppercase;margin-bottom:10px}.agreement-columns strong{font-size:12px}.agreement-columns p{font-size:10px;line-height:1.8;color:#8c9d75;margin-top:5px}.agreement-dates{display:flex;gap:25px;background:#f5f8ee;padding:15px;margin:10px 0 20px;border-radius:5px}.agreement-dates>div{flex:1}.agreement-dates span{font-size:9px;color:#99a883;display:block;margin-bottom:5px}.agreement-dates strong{font-size:10px;font-weight:600}.agreement table{margin-bottom:25px}.agreement td{font-size:11px;padding:10px 0;color:#84956d}.agreement td:last-child{text-align:right;font-weight:600;color:#3b522b}.agreement-terms{font-size:10px;line-height:1.9;color:#8e9c78;white-space:pre-wrap}.agreement-signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:55px 0 30px}.agreement-signatures>div{border-top:1px solid #cfd9be;padding-top:12px;font-size:9px;color:#94a37c}.agreement-signatures strong{font-size:10px;display:block;margin-top:5px;color:#657c4b}.agreement>footer{font-size:8px;color:#aab696;border-top:1px solid #e5eadb;padding-top:15px;display:flex;justify-content:space-between}.command-search{display:flex;align-items:center;gap:10px;border:1px solid #dfe7d7;padding:13px;border-radius:8px;margin-bottom:20px;color:#9eb18a}.command-search input{width:100%;border:0;outline:0;font-size:12px}.command-hint{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a5b494;margin:10px 0}.command-result{display:flex;gap:12px;align-items:center;width:100%;padding:12px 10px;border-radius:7px;font-size:12px;text-align:left}.command-result:hover{background:#f3f7ed}.command-result>.icon{width:17px;color:#9aad85}.command-result>.icon:last-child{margin-left:auto;width:13px}.command-result>span{flex:1}.command-result strong{display:block;font-size:12px;font-weight:500}.command-result small{display:block;font-size:10px;color:#a1b18d;margin-top:3px}.role-explainer{font-size:11px;color:#99aa85;margin-bottom:20px}.role-option{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid #e4ecda;border-radius:8px;text-align:left;margin:10px 0}.role-option.chosen{background:#eff6e6;border-color:#bfd4a8}.role-option>span:nth-child(2){flex:1}.role-option strong{font-size:12px;display:block}.role-option small{font-size:10px;display:block;color:#97aa80;margin-top:4px}.role-option>.icon{width:15px;color:#8ea473}.confirm-content{text-align:center;padding:20px}.confirm-content>.icon{width:40px;height:40px;color:#c1a16c}.confirm-content p{font-size:13px;color:#9ca889;line-height:1.7;margin-top:15px}.copy-text{width:100%;min-height:160px;border:1px solid var(--line);padding:15px;border-radius:8px}.help-steps>div{display:flex;gap:15px;padding:14px 0}.help-steps>div>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #dce8cf;background:#f1f7e9;border-radius:7px;font-size:11px;color:#93aa79}.help-steps h3{font-size:13px;margin:2px 0 6px}.help-steps p{font-size:11px;color:#94a67e;line-height:1.8}.help-steps+.info-banner{margin:20px 0 0}.toast-container{position:fixed;right:26px;bottom:25px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 40px)}.toast{background:#fff;border:1px solid #d6e6cc;box-shadow:0 7px 30px #193c2320;border-radius:9px;padding:14px 19px;display:flex;align-items:center;gap:10px;font-size:12px;animation:slide-in .2s ease}.toast>.icon{color:var(--green);width:17px}.toast.error{border-color:#efd2c8;color:#a96e5b}.toast.error>.icon{color:#b9755f}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){:root{--sidebar:250px}main{padding:36px 42px}.topbar{padding:0 42px}.nav-link{font-size:13px;min-height:44px}.dashboard-main{grid-template-columns:minmax(0,1fr) 325px}.stat-card{padding:22px}.stat-value{font-size:36px}.calendar-grid.compact .calendar-row{min-height:67px}.compact .booking-bar{top:18px}.calendar-row .vehicle-column strong{font-size:11px}.day-panel .panel-heading{padding:24px}.movement{padding:21px 0}.movement-info strong{font-size:12px}td{padding:17px 20px}.fleet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){:root{--sidebar:210px}.sidebar{padding-left:13px;padding-right:13px}.brand{padding-left:10px}.nav-link{font-size:11px;padding-left:10px}.nav-link.selected:before{left:-13px}.profile{width:calc(100% + 26px);margin-left:-13px;margin-right:-13px;padding:15px 13px}.workspace{gap:7px;padding:10px 7px}.workspace strong{font-size:11px}.workspace small{font-size:9px}.workspace-icon{width:28px;height:28px}.topbar{padding:0 24px}.global-search{min-width:0}.global-search>span{display:none}.global-search kbd{display:none}main{padding:25px 24px}.page-heading{gap:16px}.page-heading h1{font-size:26px}.date-chip{display:none}.stats-grid{gap:12px}.stat-card{padding:15px}.stat-value{font-size:28px}.stat-bottom{font-size:8px}.sparkline{width:44px}.dashboard-main{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.panel-heading{padding:17px}.calendar-toolbar{padding-left:12px;padding-right:12px}.calendar-period{gap:4px}.calendar-period strong{font-size:9px}.calendar-week{font-size:9px}.day-panel h2{font-size:13px}.day-panel .panel-heading{padding:18px 15px}.movements{padding:0 14px}.movement{gap:10px}.fleet-grid{gap:15px}.vehicle-card h2{font-size:15px}.vehicle-visual{height:120px}.vehicle-specs{gap:9px;font-size:9px}.vehicle-card-body{padding-left:15px;padding-right:15px}.document-alerts{grid-template-columns:repeat(2,minmax(0,1fr))}.role-cards{gap:12px}.role-card{padding:17px 14px}.app-footer{margin:0 24px}}
@media(max-width:1000px){:root{--sidebar:190px}.sidebar{padding-left:11px;padding-right:11px}.workspace-chevron{display:none}.workspace{gap:6px}.workspace-icon{width:25px;height:28px;font-size:9px}.workspace small{font-size:8px}.nav-link{font-size:10px;gap:8px;padding-left:10px}.nav-link .icon{width:16px;height:16px}.nav-link.selected:before{left:-11px}.profile{width:calc(100% + 22px);margin-left:-11px;margin-right:-11px;padding:14px 11px}.profile strong{font-size:10px}.profile small{font-size:9px}.help-card{padding:10px}.help-card strong{font-size:10px}.dashboard-main{grid-template-columns:1fr}.day-panel .movements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0 17px}.movement{border-bottom:0;border-right:1px solid #edf1e7;padding-right:12px}.movement:last-child{border:0}.movement-time:after{display:none}.movement>.icon{display:none}.day-panel .panel-heading{padding-bottom:0}.day-all{padding:10px}.stats-grid{gap:10px}.stat-card{padding:12px}.stat-top{font-size:9px}.stat-icon{width:23px;height:23px}.stat-value{font-size:24px}.stat-bottom .sparkline{display:none}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-actions{gap:7px}.page-actions .btn{font-size:10px;padding:9px 11px}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-visual{height:150px}.role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-grid{grid-template-columns:1fr}.utilization-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.utilization-panel .panel-heading{grid-column:1/-1}.donut{margin:10px auto 25px}.donut-legend{padding:0 35px 20px}.document-alerts{padding:0 17px 17px}}
@media(max-width:760px){:root{--sidebar:232px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:28px 17px 0;z-index:80}.menu-open .sidebar{transform:translateX(0)}.menu-open .mobile-shade{display:block;position:fixed;inset:0;background:#1e352a66;z-index:70;backdrop-filter:blur(2px)}.menu-open{overflow:hidden}.sidebar .nav-link{font-size:12px;gap:11px;min-height:41px}.sidebar .nav-link .icon{width:18px;height:18px}.nav-link.selected:before{left:-17px}.workspace{gap:10px;padding:12px 10px}.workspace strong{font-size:12px}.workspace small{font-size:10px}.workspace-icon{width:32px;height:32px;font-size:11px}.workspace-chevron{display:block}.profile{width:calc(100% + 34px);margin:14px -17px 0;padding:17px}.profile strong{font-size:11px}.profile small{font-size:10px}.help-card{padding:13px}.help-card strong{font-size:11px}.main-wrap{margin-left:0}.topbar{height:62px;padding:0 18px;gap:10px}.mobile-menu{display:inline-flex;margin-left:-5px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb-home,.breadcrumb-separator{display:none}.topbar-actions{gap:12px}.language-control{gap:2px}.language-control .icon{display:none}.language-control select{font-size:10px}.topbar-divider{display:none}.topbar-actions>.avatar{width:28px;height:28px;font-size:9px}.global-search .icon{width:18px}.notification-button .icon{width:18px}.topbar .icon-btn{min-width:27px}.breadcrumb strong{font-size:11px}main{padding:24px 18px}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;margin-top:7px}.eyebrow{font-size:8px;letter-spacing:1px}.page-actions{margin-top:0}.page-actions .btn{min-height:37px;font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{padding:15px 14px}.stat-top{font-size:10px}.stat-value{font-size:29px;margin:6px 0 10px}.stat-bottom{font-size:8px}.stat-bottom .sparkline{display:block;width:40px}.stat-icon{width:25px;height:25px}.stats-grid.three .stat-value{font-size:21px}.stats-grid.three .stat-top{font-size:9px}.stats-grid.three .stat-icon{display:none}.stats-grid.three .sparkline{display:none}.panel-heading{padding:17px 16px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.text-link{font-size:9px}.dashboard-main{gap:18px}.calendar-grid.compact{min-width:610px}.calendar-period strong{font-size:10px}.calendar-toolbar{padding:5px 12px 13px}.calendar-legend{font-size:8px;gap:13px;padding:12px}.day-panel .movements{grid-template-columns:1fr;padding:0 18px;gap:0}.movement{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.movement-time:after{display:block}.movement>.icon{display:block}.movement-info strong{font-size:12px}.movement-info>span{font-size:11px}.movement-info>small:last-child{font-size:9px}.movement-time{min-width:40px;font-size:11px}.movement-type{font-size:9px}.day-panel h2{font-size:14px}.day-all{padding:13px}.attention-banner{padding:13px 12px;gap:9px;margin-bottom:20px}.attention-icon{width:29px;height:29px}.attention-banner strong{font-size:10px}.attention-banner p{font-size:9px;line-height:1.7}.attention-banner .btn{padding:6px 8px;min-height:30px}.attention-banner .btn .icon{display:none}.attention-banner>div{flex:1}.app-footer{margin:0 18px;align-items:flex-start;font-size:8px}.app-footer>span:first-child{display:block;max-width:83%;line-height:1.8}.app-footer .live-dot{display:inline-block;margin-right:4px}.filters{padding:14px;gap:10px;flex-wrap:wrap}.search-field{min-width:0;flex:1;max-width:none;padding:9px 10px}.filter-right{gap:6px}.filter-right select{padding:9px 18px 9px 7px;font-size:9px;max-width:125px}.filter-count{display:none}.tabs{gap:20px}.tab{font-size:11px;padding-bottom:11px}.fleet-grid{gap:13px}.vehicle-card-top{padding:11px 11px 0}.vehicle-card-top .badge{font-size:8px;padding:3px 6px}.vehicle-visual{height:108px;padding:0 5px}.vehicle-card-body{padding:5px 12px 0}.vehicle-card h2{font-size:13px;margin-top:5px}.category-label{font-size:8px}.plate{font-size:8px;padding:2px 5px}.vehicle-specs{flex-wrap:wrap;gap:8px;padding:13px 0;font-size:8px}.vehicle-specs .icon{width:11px;height:11px}.vehicle-card-bottom{padding:11px 0;gap:5px}.vehicle-card-bottom strong{font-size:18px}.vehicle-card-bottom>div>span{font-size:8px}.vehicle-card-bottom .btn{padding:4px 6px;font-size:8px;min-height:25px}.vehicle-card-bottom .btn .icon{display:none}.fleet-grid>.empty-state{grid-column:1/-1}.document-alerts{grid-template-columns:1fr;gap:10px}.document-alert{padding:13px}.settings-layout>aside{grid-template-columns:1fr}.settings-panel .form-grid{padding:5px 17px 20px}.role-card h3{font-size:12px}.role-card p{font-size:9px}.role-card .text-link{font-size:10px}.notification-item{padding:18px 15px;gap:10px}.notification-type{width:33px;height:33px}.notification-type .icon{width:17px}.notification-item h3{font-size:11px}.notification-item p{font-size:10px}.notification-item small{font-size:8px}.bar-chart{gap:10px;padding:25px 15px;height:245px}.bar-column small{font-size:8px}.bar-column>span{font-size:8px}.chart-total{font-size:21px}.utilization-panel{grid-template-columns:1fr 1fr}.donut{width:140px;height:140px}.donut>div{width:110px;height:110px}.donut-legend{padding:0 22px 20px}.modal-overlay{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 24px);border-radius:12px}.modal-header{padding:18px}.modal-header h2{font-size:18px}.modal-body{padding:18px}.modal-footer{padding:14px 18px;flex-wrap:wrap}.form-grid{gap:15px 12px}.field>span{font-size:10px}.field input,.field select,.field textarea{font-size:12px;padding:10px 9px;min-height:42px}.reservation-hero{gap:10px}.reservation-car{width:45%;height:100px}.reservation-hero h3{font-size:16px}.detail-grid{gap:17px 12px}.detail-grid strong{font-size:11px}.detail-grid span{font-size:9px}.detail-grid small{font-size:9px}.detail-action-grid .btn{font-size:10px;padding:10px 8px;white-space:normal}.detail-action-grid .btn .icon{width:14px}.vehicle-detail-art{padding:20px 10px 0}.vehicle-detail-art .car-art{height:160px}.agreement{padding:0}.agreement-title h2{font-size:18px}.agreement-logo{font-size:28px}.agreement>header>div:last-child{max-width:65%;font-size:10px}.agreement>header p{font-size:8px}.agreement-columns{gap:18px}.agreement h3{font-size:9px}.agreement-dates{gap:13px;padding:12px}.agreement-dates strong{font-size:9px}.agreement-signatures{gap:25px}.toast-container{right:15px;bottom:18px}.toast{font-size:11px;padding:13px 15px}.modal .info-banner{font-size:10px;line-height:1.7}.compact-records strong{font-size:10px}.compact-records .badge{font-size:8px}.compact-records>button{gap:7px}.compact-records>button>.icon{width:12px}}
@media(max-width:390px){main{padding:20px 14px}.topbar{padding:0 14px}.topbar-actions{gap:8px}.page-heading h1{font-size:23px}.stats-grid{gap:9px}.stat-card{padding:13px 11px}.stat-top{font-size:9px}.stat-bottom{font-size:7px}.stat-bottom .sparkline{width:32px}.fleet-grid{grid-template-columns:1fr}.vehicle-visual{height:160px}.vehicle-card h2{font-size:18px}.vehicle-card-body{padding:5px 18px 0}.vehicle-specs{font-size:10px;gap:16px}.vehicle-card-bottom .btn{font-size:10px;padding:7px 10px}.vehicle-card-bottom strong{font-size:22px}.vehicle-card-top{padding:14px 17px 0}.vehicle-card-top .badge{font-size:9px}.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.form-section-title{margin-top:8px}.filter-right{width:100%}.filter-right select{flex:1;max-width:none}.search-field{flex-basis:100%}.stats-grid.three{grid-template-columns:1fr}.stats-grid.three .stat-card{display:grid;grid-template-columns:1fr auto}.stats-grid.three .stat-value{grid-column:2;grid-row:1/3;margin:0}.stats-grid.three .stat-top{font-size:11px}.stats-grid.three .stat-bottom{font-size:9px}.detail-action-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:15mm}body{background:#fff!important;font-family:Arial,sans-serif;color:#111!important}#app,.toast-container,.modal-header,.modal-footer,.modal-body>.form-actions{display:none!important}#modal-root,.modal-overlay,.modal,.modal-body{position:static!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important;backdrop-filter:none!important}.agreement{padding:0!important;font-size:11pt}.agreement>header{padding-bottom:16px}.agreement-title{margin:18px 0}.agreement-signatures{break-inside:avoid;margin-top:45px}.agreement table{break-inside:avoid}.agreement-columns{break-inside:avoid}.agreement-terms{color:#555!important;font-size:9pt}a:after{content:none!important}}

.skip-link{position:fixed;top:-70px;left:20px;z-index:300;background:#194c3e;color:white;border-radius:6px;padding:12px 18px}.skip-link:focus{top:10px}.boot-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#7a8d7a;font-size:12px}.boot-logo{font:800 45px var(--heading);letter-spacing:-3px;color:#194c3e}