:root{--ink:#172033;--muted:#687084;--line:#e7e9ee;--paper:#f5f6f8;--white:#fff;--nav:#121927;--amber:#f5a524;--amber-soft:#fff3d8;--blue:#3b82f6;--green:#17a673;--violet:#7c5ce5;--shadow:0 8px 28px rgba(25,32,48,.06)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--amber);color:#182033;font-size:14px;letter-spacing:-.5px}.sidebar nav{margin-top:42px;display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#98a2b4;border-radius:9px;padding:12px 14px;text-align:left;font:inherit;font-weight:650;display:flex;gap:13px;align-items:center;cursor:pointer}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:#273044;color:#fff}.workshop-card{margin-top:auto;padding:16px;background:#1c2638;border:1px solid #303b50;border-radius:12px;display:grid;gap:4px}.workshop-card small{color:#98a2b4}.eyebrow{font-size:10px;letter-spacing:1.35px;font-weight:800;color:#8991a2;margin:0 0 6px}.workshop-card .eyebrow{color:var(--amber)}main{margin-left:248px;min-height:100vh;padding:0 34px 50px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.topbar h1{font-size:26px;margin:0;letter-spacing:-.6px}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer;font-size:19px;position:relative}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--amber);right:8px;top:8px}.avatar{width:40px;height:40px;border-radius:50%;background:#e5d3ae;display:grid;place-items:center;font-weight:800}.profile-copy{display:grid;font-size:13px}.profile-copy small{color:var(--muted)}.mobile-header{display:none}.view{display:none}.view.active{display:block}.welcome-row,.section-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lead{color:var(--muted);margin:0}.primary,.secondary,.text-button,.filter{font:inherit;cursor:pointer}.primary{border:0;background:var(--amber);color:#172033;padding:11px 17px;border-radius:9px;font-weight:800;box-shadow:0 5px 14px rgba(245,165,36,.22)}.primary:hover{background:#e99817}.secondary{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:9px;font-weight:700;color:var(--ink)}.text-button{border:0;background:none;color:#566074;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.metric-card>div{display:grid;gap:3px}.metric-card small{color:var(--muted);font-weight:650}.metric-card strong{font-size:25px;letter-spacing:-.6px}.metric-card em{font-style:normal;color:#8b93a3;font-size:11px}.metric-card em.positive{color:var(--green)}.metric-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-weight:900}.metric-icon.amber{background:var(--amber-soft);color:#c77a00}.metric-icon.blue{background:#e7f0ff;color:var(--blue)}.metric-icon.green{background:#def7ec;color:var(--green)}.metric-icon.violet{background:#eee9ff;color:var(--violet)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:start;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:18px}.panel-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.timeline{padding:4px 22px}.appointment{display:grid;grid-template-columns:60px 5px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.appointment:last-child{border-bottom:0}.appointment time{font-size:12px;font-weight:800}.appointment .bar{height:42px;border-radius:5px;background:var(--blue)}.appointment:nth-child(2) .bar{background:var(--amber)}.appointment:nth-child(3) .bar{background:var(--green)}.appointment-info{display:grid;gap:3px}.appointment-info strong{font-size:13px}.appointment-info small{color:var(--muted)}.status{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800;background:#edf2ff;color:#3f67b3;white-space:nowrap}.status.progress{background:#fff0d8;color:#b26a00}.status.done{background:#e2f5eb;color:#187c55}.status.wait{background:#f1ecff;color:#6545c5}.activity-list{padding:7px 20px}.activity{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:12px 0}.activity-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:900}.activity-icon.success{background:#e2f5eb;color:var(--green)}.activity-icon.info{background:#e7f0ff;color:var(--blue)}.activity-icon.warning{background:#fff0d8;color:#b26a00}.activity-icon.neutral{background:#edf0f5;color:#697286}.activity strong,.activity p,.activity small{font-size:12px}.activity p{margin:2px 0;color:var(--muted)}.activity small{color:#a0a6b2}.orders-panel{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 20px;border-bottom:1px solid var(--line);font-size:12px}th{color:#8c93a1;text-transform:uppercase;letter-spacing:.6px;font-size:10px}tbody tr:last-child td{border-bottom:0}.vehicle-cell{display:flex;align-items:center;gap:9px}.car-thumb{width:36px;height:30px;border-radius:7px;background:#eef0f4;display:grid;place-items:center}.calendar-panel{overflow:hidden}.calendar-toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.calendar-toolbar h2{margin:0 12px 0 0}.week-grid{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.day{padding:17px;text-align:center;display:grid;gap:5px;border-right:1px solid var(--line)}.day:last-child{border:0}.day span{font-size:10px;color:var(--muted);font-weight:800}.day strong{font-size:21px}.day.selected{background:var(--amber-soft)}.day.selected strong{background:var(--amber);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:auto}.agenda-list{padding:6px 22px 20px}.filter-row{display:flex;gap:8px;margin-bottom:18px}.filter{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 13px;color:var(--muted)}.filter.active{background:var(--nav);color:#fff}.filter b{margin-left:6px}.orders-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.order-card{padding:19px}.order-card-top{display:flex;justify-content:space-between;margin-bottom:16px}.order-card h3{margin:0;font-size:16px}.order-card p{color:var(--muted);font-size:12px;margin:4px 0}.order-details{border-top:1px solid var(--line);margin-top:13px;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-details small{color:var(--muted);display:block}.order-details strong{font-size:13px}.progress-track{height:5px;background:#edf0f4;border-radius:10px;margin-top:16px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--amber)}.search{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:9px;display:flex;gap:8px;min-width:310px}.search input{border:0;outline:0;width:100%;font:inherit}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vehicle-card{padding:20px;cursor:pointer;transition:.2s}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(25,32,48,.1)}.vehicle-heading{display:flex;gap:12px;align-items:center}.vehicle-icon{width:48px;height:48px;background:#edf0f4;border-radius:10px;display:grid;place-items:center;font-size:22px}.vehicle-heading h3{margin:0}.vehicle-heading p{margin:3px 0;color:var(--muted);font-size:12px}.plate{font-weight:900;letter-spacing:.5px;background:#fff7e5;border:1px solid #f5ddb0;padding:6px 9px;border-radius:6px}.vehicle-meta{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.vehicle-meta span{color:var(--muted)}.stats-metrics{grid-template-columns:repeat(3,1fr)}.metric-card.featured{background:var(--nav);color:#fff}.metric-card.featured small,.metric-card.featured em{color:#c3cad5}.stats-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.chart{height:280px;padding:22px;display:flex;align-items:end;gap:14px}.bar-group{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:4px;border-bottom:1px solid var(--line);position:relative}.bar-group i{display:block;width:20%;min-width:12px;border-radius:5px 5px 0 0;background:var(--amber)}.bar-group i:last-of-type{background:#263248}.bar-group span{position:absolute;bottom:-22px;font-style:normal;color:var(--muted);font-size:10px}.ranking{list-style:none;margin:0;padding:8px 20px}.ranking li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.ranking li:last-child{border:0}.ranking li>b{width:25px;height:25px;border-radius:50%;background:#edf0f4;display:grid;place-items:center;font-size:11px}.ranking span{display:grid;font-size:13px;font-weight:750}.ranking small{color:var(--muted);font-weight:500}.ranking strong{font-size:13px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.settings-menu{padding:9px;align-self:start;display:grid}.settings-menu button{border:0;background:transparent;text-align:left;padding:12px;border-radius:8px;color:var(--muted);font:inherit;cursor:pointer}.settings-menu button.active{background:#f1f3f6;color:var(--ink);font-weight:750}.users-panel .panel-header{align-items:center}.fab{display:none;position:fixed;right:20px;bottom:21px;width:52px;height:52px;border-radius:50%;border:0;background:var(--amber);font-size:25px;box-shadow:0 8px 23px rgba(245,165,36,.4);z-index:12}dialog{border:0;border-radius:16px;padding:0;width:min(620px,calc(100% - 28px));box-shadow:0 25px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(14,20,31,.62);backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0}.form-grid{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:12px;font-weight:750;display:grid;gap:7px}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d9dde5;border-radius:8px;padding:11px;font:inherit;background:#fff}.form-grid textarea{min-height:74px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:17px 24px;background:#f7f8fa;border-radius:0 0 16px 16px}#toast{position:fixed;right:25px;bottom:25px;background:#182233;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:30;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.2)}#toast.show{opacity:1;transform:none}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.orders-board,.vehicle-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.orders-panel{grid-column:auto}.stats-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:265px}.sidebar.open{transform:none}.mobile-header{height:64px;background:var(--nav);color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:8}.mobile-header .icon-button{background:#243047;border-color:#344158;color:#fff}main{margin:0;padding:0 15px 88px}.topbar{height:auto;padding:22px 0;margin-bottom:20px}.topbar h1{font-size:22px}.profile-copy{display:none}.top-actions>.icon-button{display:none}.welcome-row,.section-actions{align-items:flex-start;gap:13px}.welcome-row .primary,.section-actions>.primary{display:none}.metrics,.stats-metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px}.metric-icon{display:none}.metric-card strong{font-size:20px}.dashboard-grid{gap:13px}.activity-panel{display:none}.panel-header{padding:16px}.appointment{grid-template-columns:48px 4px 1fr}.appointment>.status{display:none}th,td{padding:12px 14px}.orders-board,.vehicle-grid{grid-template-columns:1fr}.filter-row{overflow:auto;padding-bottom:4px}.filter{white-space:nowrap}.week-grid{grid-template-columns:repeat(6,72px);overflow:auto}.calendar-toolbar{padding:14px}.calendar-toolbar h2{font-size:17px}.search{min-width:0;width:100%}.section-actions:has(.search){display:grid}.settings-layout{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto}.settings-menu button{white-space:nowrap}.users-panel .panel-header{display:grid;gap:12px}.fab{display:block}.form-grid{grid-template-columns:1fr;padding:18px}.form-grid label.full{grid-column:auto}.modal-actions{padding:14px 18px}.chart{height:230px;padding:15px}.stats-grid{gap:14px}}
@media(max-width:430px){.metrics,.stats-metrics{grid-template-columns:1fr}.metric-card{display:block}.metric-card em{margin-top:2px}.topbar .eyebrow{display:none}.topbar{padding:17px 0}.top-actions{gap:4px}}
.week-grid{grid-template-columns:repeat(7,1fr)}
.day{border:0;border-right:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;cursor:pointer}
.day:hover{background:#faf7f0}
.selected-date{padding:18px 22px 5px;display:grid;gap:2px}
.selected-date strong{font-size:14px;text-transform:capitalize}
.empty-agenda{padding:32px 15px;text-align:center;color:var(--muted)}
@media(max-width:760px){.week-grid{grid-template-columns:repeat(7,72px)}}
.status-select{max-width:150px;border:1px solid #d9dde5;border-radius:20px;background:#edf2ff;color:#3f67b3;padding:6px 28px 6px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.status-select.progress{background:#fff0d8;color:#a86100}.status-select.done{background:#e2f5eb;color:#187c55}.status-select.wait{background:#f1ecff;color:#6545c5}.status-select.cancelled{background:#fbe7e7;color:#a33b3b}
.status-select.approval{background:#fff4cc;color:#8a6500}
.order-card .status-select{align-self:start}.order-details{grid-template-columns:repeat(3,1fr)}
.open-order{width:100%;margin-top:14px}.order-dialog{width:min(1080px,calc(100% - 26px));max-height:92vh}.order-dialog form{max-height:92vh;display:flex;flex-direction:column}.order-dialog .modal-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.order-form-body{padding:20px 24px;overflow:auto}.order-main-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-form-body label{display:grid;gap:7px;font-size:12px;font-weight:750}.order-form-body input,.order-form-body select,.order-form-body textarea{border:1px solid #d9dde5;border-radius:8px;padding:10px;font:inherit;background:#fff}.order-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.order-section-title h3{margin:0;font-size:17px}.expense-head,.expense-row{display:grid;grid-template-columns:1.05fr 1.6fr .48fr .75fr .85fr 1.25fr 34px;gap:8px;align-items:center}.expense-head{padding:0 4px 7px;color:#8c93a1;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.5px}.expense-row{padding:8px 0;border-top:1px solid var(--line)}.expense-row input,.expense-row select{min-width:0;width:100%}.remove-expense{border:0;background:#fbe7e7;color:#a33b3b;border-radius:8px;width:32px;height:32px;cursor:pointer}.empty-expenses{padding:25px;text-align:center;border:1px dashed #d9dde5;border-radius:10px;color:var(--muted)}.order-bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:20px}.order-bottom-grid textarea{min-height:132px;resize:vertical}.billing-box{background:#f7f8fa;border:1px solid var(--line);border-radius:12px;padding:16px}.calculation{display:grid;gap:9px;margin-top:15px}.calculation span{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.calculation strong{color:var(--ink)}.calculation .profit{border-top:1px solid var(--line);padding-top:10px;color:var(--green)}.calculation .profit strong{color:var(--green);font-size:16px}
@media(max-width:760px){.order-main-fields,.order-bottom-grid{grid-template-columns:1fr}.expense-head{display:none}.expense-row{grid-template-columns:1fr 1fr}.expense-row>*:nth-child(2),.expense-row>*:nth-child(6){grid-column:1/-1}.order-form-body{padding:16px}.order-section-title{align-items:flex-end}.order-section-title .secondary{padding:8px 10px;font-size:12px}}
.settings-panel{display:none}.settings-panel.active{display:block}.settings-form{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form label{display:grid;gap:7px;font-size:12px;font-weight:750}.settings-form input,.settings-form select{border:1px solid #d9dde5;border-radius:8px;padding:11px;font:inherit;background:#fff}.settings-form .full{grid-column:1/-1}.settings-save{display:flex;justify-content:flex-end}.config-list{padding:8px 20px}.config-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.config-item:last-child{border:0}.config-item strong{display:block;font-size:13px}.config-item small{color:var(--muted)}.toggle{position:relative;width:42px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;background:#cbd0d9;border-radius:20px;cursor:pointer;transition:.2s}.toggle span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:before{transform:translateX(18px)}.danger-button{border:0;background:#fbe7e7;color:#a33b3b;padding:7px 10px;border-radius:7px;cursor:pointer;font-weight:700}.number-preview{background:#f7f8fa;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:12px}.number-preview strong{color:var(--ink)}
@media(max-width:760px){.settings-form{grid-template-columns:1fr;padding:17px}.settings-form .full{grid-column:auto}.config-item{grid-template-columns:1fr auto}.config-item .danger-button{grid-column:2}.settings-layout{gap:12px}}
.edit-appointment{border:0;background:#f1f3f6;color:#556074;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer}
.appointment{grid-template-columns:60px 5px minmax(0,1fr) auto auto}
@media(max-width:760px){.appointment{grid-template-columns:48px 4px minmax(0,1fr) auto}.edit-appointment{padding:6px 8px}}
.expense-field{display:block;min-width:0}.expense-field>span:first-child{display:none}.expense-field>strong,.expense-field>span:last-child{display:block;overflow-wrap:anywhere;font-size:12px}.expense-row.saved{background:#fafbfc;border:1px solid var(--line);border-radius:9px;padding:11px 9px;margin:7px 0}.expense-row.editing{background:#fffaf0;border:1px solid #f0d79e;border-radius:9px;padding:11px 9px;margin:7px 0}.expense-actions{display:flex;gap:5px;align-items:center}.expense-actions button{border:0;border-radius:7px;padding:7px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.save-expense,.edit-expense{background:var(--nav);color:#fff}.cancel-expense{background:#edf0f4;color:#596274}.expense-actions .remove-expense{background:#fbe7e7;color:#a33b3b;width:auto;height:auto}.billing-box>#billing-help{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:5px}.billing-box input[readonly]{background:#eef1f5;color:#4f596b;font-weight:800}
@media(max-width:980px){.expense-head{display:none}.expense-row,.expense-row.saved,.expense-row.editing{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.expense-field>span:first-child{display:block;color:#8991a2;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.45px;margin-bottom:5px}.expense-field:nth-child(2),.expense-field:nth-child(6),.expense-actions{grid-column:1/-1}.expense-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}.expense-actions button{font-size:11px;padding:8px 11px}}
@media(max-width:480px){.expense-row,.expense-row.saved,.expense-row.editing{grid-template-columns:1fr}.expense-field:nth-child(2),.expense-field:nth-child(6),.expense-actions{grid-column:auto}.expense-actions{display:grid;grid-template-columns:1fr 1fr}.expense-actions button{width:100%}}
.expense-head,.expense-row{grid-template-columns:1.05fr 1.6fr .48fr .75fr .85fr 1.25fr 72px}.expense-actions.compact{display:flex;justify-content:flex-end;gap:6px;min-width:70px}.expense-actions .icon-action,.expense-actions.compact .remove-expense{width:30px;height:30px;min-width:30px;padding:0;display:grid;place-items:center;border-radius:7px;font-size:16px;line-height:1}.expense-actions .edit-expense.icon-action{background:#edf0f4;color:#3f4a5d}.expense-actions .edit-expense.icon-action:hover{background:#dfe4eb}.expense-actions.compact .remove-expense:hover{background:#f4cfcf}
@media(max-width:980px){.expense-actions.compact{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}}
@media(max-width:480px){.expense-actions.compact{display:flex;grid-column:auto}.expense-actions .icon-action,.expense-actions.compact .remove-expense{width:32px;height:32px}}
.history-list{overflow:hidden}.history-head,.history-row{display:grid;grid-template-columns:1.5fr 1.1fr .45fr .75fr .85fr 24px;gap:16px;align-items:center}.history-head{padding:12px 18px;background:#f7f8fa;border-bottom:1px solid var(--line);color:#8991a2;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.55px}.history-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:14px 18px;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.history-row:last-child{border-bottom:0}.history-row:hover{background:#fffaf0}.history-row>span,.history-row>strong{font-size:12px}.history-vehicle{display:flex;align-items:center;gap:11px}.history-vehicle>span:last-child{display:grid;gap:3px}.history-vehicle small{color:var(--muted);font-weight:700}.history-arrow{font-size:22px!important;color:#a1a8b4;text-align:right}.empty-history{padding:28px;text-align:center;color:var(--muted)}.history-dialog{width:min(820px,calc(100% - 28px));max-height:88vh}.history-modal-header{padding:17px 21px}.history-modal-header h2{font-size:21px}.history-body{padding:17px 21px;overflow:auto;max-height:calc(88vh - 140px)}.vehicle-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f7f8fa;border:1px solid var(--line);border-radius:11px;padding:12px 14px}.vehicle-summary>span{display:grid;gap:5px}.vehicle-summary small{color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.45px}.vehicle-summary strong{font-size:12px}.vehicle-summary .plate{justify-self:start;padding:4px 7px}.history-section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 9px}.history-section-title h3{margin:0;font-size:16px}.history-section-title>strong{font-size:11px;color:var(--muted)}.visits-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.visit-row{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.visit-row:last-child{border:0}.visit-date,.visit-copy{display:grid;gap:3px}.visit-row small{color:var(--muted);font-size:10px}.visit-row strong{font-size:12px}.visit-amount{font-size:13px!important}.history-dialog .modal-actions{padding:12px 20px}
@media(max-width:760px){.history-head{display:none}.history-list{background:transparent;border:0;box-shadow:none}.history-row{grid-template-columns:1fr auto;margin-bottom:9px;border:1px solid var(--line);border-radius:11px;padding:14px;gap:10px}.history-row>[data-label]{display:flex;justify-content:space-between;grid-column:1/-1}.history-row>[data-label]:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:650}.history-vehicle{grid-column:1}.history-arrow{grid-column:2;grid-row:1}.vehicle-summary{grid-template-columns:1fr 1fr}.visit-row{grid-template-columns:1fr auto}.visit-date{grid-column:1}.visit-copy{grid-column:1}.visit-amount{grid-column:2;grid-row:1/3}.history-body{padding:14px}.history-modal-header{padding:15px}.history-dialog .modal-actions{padding:11px 14px}}
.date-range{display:flex;align-items:end;gap:8px}.date-range label{display:grid;gap:4px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.date-range input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;color:var(--ink);font:inherit;font-size:11px}.date-range>span{padding-bottom:8px;color:#a0a6b2}.work-category-panel{grid-column:1/-1}.category-chart-wrap{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;padding:24px 28px}.donut-chart{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e7e9ee 0 100%);position:relative}.donut-chart:before{content:"";position:absolute;width:132px;height:132px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line)}.donut-chart>div{position:relative;z-index:1;text-align:center;display:grid}.donut-chart strong{font-size:29px}.donut-chart small{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.5px}.category-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.legend-item{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.legend-item i{width:10px;height:10px;border-radius:3px}.legend-item span{display:grid;gap:2px}.legend-item strong{font-size:12px}.legend-item small{color:var(--muted);font-size:10px}.legend-item b{font-size:11px}.category-empty{grid-column:1/-1;display:grid;gap:5px;padding:24px;background:#f7f8fa;border:1px dashed #d9dde5;border-radius:10px}.category-empty strong{font-size:13px}.category-empty small{color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:760px){#stats .section-actions{display:grid;gap:14px}.date-range{width:100%}.date-range label{flex:1}.date-range input{width:100%}.category-chart-wrap{grid-template-columns:1fr;padding:20px;gap:20px}.donut-chart{width:190px;height:190px;margin:auto}.donut-chart:before{width:112px;height:112px}.category-legend{grid-template-columns:1fr}}
@media(max-width:430px){.date-range{display:grid;grid-template-columns:1fr 1fr}.date-range>span{display:none}}
.work-category-panel{grid-column:auto}.work-category-panel .category-chart-wrap{grid-template-columns:210px 1fr;gap:20px;padding:22px}.work-category-panel .donut-chart{width:190px;height:190px}.work-category-panel .donut-chart:before{width:112px;height:112px}.work-category-panel .category-legend{grid-template-columns:1fr}.financial-ranking{padding:8px 20px}.finance-item{display:grid;grid-template-columns:25px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.finance-item:last-child{border-bottom:0}.finance-item>b{width:25px;height:25px;border-radius:50%;background:#edf0f4;display:grid;place-items:center;font-size:10px}.finance-item>div{display:grid;gap:7px;min-width:0}.finance-item>div>span:first-child{display:flex;justify-content:space-between;gap:8px}.finance-item strong{font-size:12px}.finance-item em{font-style:normal;color:var(--muted);font-size:9px;white-space:nowrap}.finance-item>div>span:last-child{height:5px;background:#edf0f4;border-radius:10px;overflow:hidden}.finance-item i{display:block;height:100%;background:var(--amber);border-radius:10px}.finance-item>strong{white-space:nowrap}
@media(max-width:1100px){.work-category-panel .category-chart-wrap{grid-template-columns:220px 1fr}.financial-area-panel{min-height:250px}}
@media(max-width:760px){.work-category-panel .category-chart-wrap{grid-template-columns:1fr}.financial-ranking{padding:6px 16px}.finance-item{grid-template-columns:25px 1fr auto}}
.visit-row{width:100%;grid-template-columns:130px 1fr auto 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.visit-row:hover{background:#fffaf0}.visit-row:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.visit-open{font-size:21px;color:#a1a8b4;text-align:right}.visit-row:hover .visit-open{color:#a86100}
@media(max-width:760px){.visit-row{grid-template-columns:1fr auto 18px}.visit-date{grid-column:1}.visit-copy{grid-column:1}.visit-amount{grid-column:2;grid-row:1/3}.visit-open{grid-column:3;grid-row:1/3;align-self:center}}
.ranking .ranking-empty{grid-template-columns:1fr;padding:24px 4px;text-align:center}.ranking .ranking-empty span{font-weight:750}.ranking .ranking-empty small{margin-top:5px;line-height:1.45}
#notifications-button{font-size:20px}.notification-dot{display:none}#notification-count{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#e04f4f;color:#fff;border:2px solid var(--paper);display:grid;place-items:center;font-size:9px;font-weight:900}#notification-count.empty{display:none}.notifications-dialog{width:min(720px,calc(100% - 28px));max-height:88vh}.notifications-dialog .modal-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.notifications-list{padding:14px 18px;display:grid;gap:10px;max-height:calc(88vh - 150px);overflow:auto}.tracking-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.tracking-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.tracking-top h3{margin:0;font-size:15px}.tracking-top p{margin:3px 0 0;color:var(--muted);font-size:10px}.tracking-clocks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.tracking-clocks>span{display:grid;gap:3px;background:#f7f8fa;border-radius:8px;padding:9px 11px}.tracking-clocks small{color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.4px}.tracking-clocks strong{font-size:15px}.status-trail{display:flex;gap:6px;overflow:auto;margin-top:10px;padding-bottom:2px}.status-trail>span{display:grid;gap:2px;min-width:max-content;padding:6px 8px;border:1px solid var(--line);border-radius:7px;font-size:9px;font-weight:750}.status-trail small{color:var(--muted);font-size:8px;font-weight:500}.tracking-open{display:block;margin:10px 0 0 auto;font-size:11px}.notifications-dialog .modal-actions{padding:11px 18px}
@media(max-width:760px){.top-actions>#notifications-button{display:block}.notifications-list{padding:10px}.tracking-card{padding:12px}.tracking-clocks{grid-template-columns:1fr}.status-trail{max-width:100%}.notifications-dialog .modal-header{padding:15px}.notifications-dialog .modal-actions{padding:10px}}
.notifications-panel{position:fixed;z-index:50;top:73px;right:30px;width:min(360px,calc(100vw - 30px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(24,31,43,.18);overflow:hidden}.notifications-panel[hidden]{display:none}.notifications-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px 15px;border-bottom:1px solid var(--line)}.notifications-panel-header>div{display:grid;gap:2px}.notifications-panel-header strong{font-size:12px}.notifications-panel-header small{font-size:9px;color:var(--muted)}.notifications-panel-header .icon-button{width:28px;height:28px}.notifications-panel .notifications-list{display:grid;gap:0;padding:0;max-height:340px;overflow:auto}.tracking-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 12px;gap:10px;align-items:center;padding:11px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.tracking-row:last-child{border-bottom:0}.tracking-row:hover{background:#fffaf0}.tracking-row:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.tracking-vehicle{min-width:0;display:grid;gap:3px}.tracking-vehicle strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-vehicle small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-time{font-size:11px;white-space:nowrap}.tracking-arrow{font-size:18px;color:#a1a8b4}.empty-history.compact{padding:18px;font-size:11px}
@media(max-width:760px){.notifications-panel{top:61px;right:12px;width:calc(100vw - 24px)}.notifications-panel .notifications-list{padding:0;max-height:300px}}
.order-dialog.read-only .expense-actions{display:none}.order-dialog.read-only .expense-row{grid-template-columns:1.05fr 1.6fr .48fr .75fr .85fr 1.25fr}.order-dialog.read-only input[readonly],.order-dialog.read-only textarea[readonly],.order-dialog.read-only select:disabled{background:#f7f8fa;color:var(--ink);opacity:1;cursor:default}.order-dialog.read-only #billing-help{display:none}.order-dialog.read-only .modal-header .eyebrow{color:var(--green)}
@media(max-width:980px){.order-dialog.read-only .expense-row{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.order-dialog.read-only .expense-row{grid-template-columns:1fr}}
.metric-card em.negative{color:#d64545}
.activity-list{max-height:330px;overflow:auto}.activity+.activity{border-top:1px solid var(--line)}.activity p{line-height:1.4}.empty-activity{padding:24px 4px;display:grid;gap:5px;text-align:center}.empty-activity strong{font-size:12px}.empty-activity small{font-size:10px;color:var(--muted)}
@media(max-width:760px){.activity-panel{display:block}}
.login-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#111827 0%,#1f2a3e 62%,#2f3b50 100%);display:grid;place-items:center;padding:20px}.login-card{width:min(390px,100%);background:#fff;border-radius:17px;padding:30px;display:grid;gap:18px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.login-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:850}.login-card h1{margin:0;font-size:28px}.login-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:750}.login-card input{width:100%;border:1px solid #d9dde5;border-radius:9px;padding:12px;font:inherit}.login-card .primary{width:100%;padding:13px}.login-card>small{text-align:center;color:var(--muted);font-size:10px}.login-card .login-error{margin:0;color:#b42318;background:#fff0ef;border:1px solid #ffd2cf;border-radius:8px;padding:9px 11px}.login-screen[hidden],body:not(.auth-locked) .login-screen{display:none}body.auth-locked>.sidebar,body.auth-locked>.mobile-header,body.auth-locked>main,body.auth-locked>.fab,body.auth-locked>.notifications-panel,body.auth-locked>dialog,body.auth-locked>#toast{display:none!important}.avatar{border:0;cursor:pointer;font:inherit;font-weight:800}
@media(max-width:480px){.login-card{padding:24px}.login-card h1{font-size:24px}}