@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--primary:#2563eb;--navy:#111827;--bg:#f4f6f9;--line:#e5e7eb;--muted:#6b7280;--green:#10b981;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,Arial,sans-serif;background:var(--bg);color:#1f2937}a{color:var(--primary);text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary);font-size:13px}.brand.big{color:var(--navy);justify-content:center;font-size:24px}.sidebar nav{margin-top:40px;display:grid;gap:8px}.sidebar nav a{color:#9ca3af;padding:12px 14px;border-radius:9px;font-weight:600;display:flex;gap:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#1f2937;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #374151;padding-top:20px;display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#374151}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:#9ca3af;font-size:11px}.sidebar-user>a{margin-left:auto;color:#9ca3af}.app{margin-left:245px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px}.topbar h1{font-size:21px;margin:0}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.topbar .btn{margin-left:auto}.menu{display:none;border:0;background:none;font-size:22px}.content{padding:30px;max-width:1500px;margin:auto}.welcome{background:linear-gradient(120deg,#1d4ed8,#3b82f6);padding:27px 30px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.welcome h2{margin:0;font-size:24px}.welcome p{margin:5px 0 0;opacity:.8}.welcome span{background:#ffffff21;padding:9px 14px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.stats i{width:45px;height:45px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:700}.stats i.blue{background:#dbeafe;color:#2563eb}.stats i.violet{background:#ede9fe;color:#7c3aed}.stats i.orange{background:#ffedd5;color:#ea580c}.stats i.green{background:#d1fae5;color:#059669}.stats small,.stats strong{display:block}.stats small{color:var(--muted)}.stats strong{font-size:21px;margin-top:3px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.panel-head h2{font-size:16px;margin:5px 0 0}.panel-head p{margin:2px 0;color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f9fafb;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.06em}th,td{padding:14px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;color:var(--muted);margin-top:3px}tbody tr:hover{background:#fafafa}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge.warning{color:#92400e;background:#fef3c7}.badge.info{color:#075985;background:#e0f2fe}.badge.primary{color:#1e40af;background:#dbeafe}.badge.success{color:#065f46;background:#d1fae5}.badge.dark{color:#374151;background:#e5e7eb}.badge.danger{color:#991b1b;background:#fee2e2}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:#374151;border-radius:8px;padding:9px 14px;font:600 13px Inter;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.wide{width:100%}.small-btn{padding:6px 10px}.search{display:flex;max-width:520px;flex:1}.search input,.search select{border:1px solid var(--line);padding:9px 12px;outline:none;min-width:0}.search input{border-radius:8px 0 0 8px;flex:1}.search select{border-left:0}.search button{border:0;border-radius:0 8px 8px 0;background:var(--navy);color:#fff;width:42px}.actions{display:flex;gap:12px;align-items:center}.actions form{display:inline}.actions button{border:0;background:none;color:var(--red);padding:0;cursor:pointer}.plate{border:2px solid #1f2937;padding:3px 8px;border-radius:4px;font:700 12px monospace;letter-spacing:.06em}.plate.inline{display:inline-block;margin-top:5px}.form-panel{padding:25px;max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.auth-card label{font-size:12px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.auth-card input{display:block;width:100%;border:1px solid #d1d5db;border-radius:8px;padding:11px 12px;margin-top:6px;font:14px Inter;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.alert{padding:12px 15px;border-radius:8px;margin-bottom:18px}.alert.success{background:#d1fae5;color:#065f46}.alert.danger{background:#fee2e2;color:#991b1b}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#dbeafe,#f8fafc 45%)}.auth-card{width:min(420px,92vw);padding:35px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px #1e3a8a18}.auth-card h1{text-align:center;margin:25px 0 3px}.auth-card>p{text-align:center}.auth-card label{display:block;margin-top:17px}.auth-card button{margin-top:23px;padding:12px}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:12px}.empty{text-align:center;color:var(--muted);padding:35px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.info-grid small{color:var(--muted);text-transform:uppercase;font-size:10px}.info-grid p{margin:5px 0}.summary{padding:22px;align-self:start}.summary h2{margin-top:0}.summary p{display:flex;justify-content:space-between}.summary .total{border-top:1px solid var(--line);padding-top:15px;font-size:17px}.summary .due{color:var(--red);font-size:16px}.invoice-page{background:#e5e7eb;padding:30px}.print-actions{width:800px;max-width:100%;margin:0 auto 15px;display:flex;justify-content:flex-end;gap:8px}.invoice{background:#fff;width:800px;max-width:100%;min-height:1050px;margin:auto;padding:55px;box-shadow:0 5px 30px #0002}.invoice>header{display:flex;justify-content:space-between;align-items:start;border-bottom:3px solid var(--primary);padding-bottom:25px}.invoice>header .brand{justify-content:start}.invoice>header>div:last-child{text-align:right}.invoice>header h1{margin:0;color:var(--primary);font-size:34px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:35px 0}.invoice-parties small{color:var(--muted);font-weight:700}.invoice-parties h3{margin:8px 0 2px}.invoice-parties p{margin:0;color:var(--muted)}.vehicle-box{display:flex;justify-content:space-between;background:#f3f4f6;padding:15px;margin-bottom:25px}.invoice table td:last-child,.invoice table th:last-child{text-align:right}.invoice-total{margin:25px 0 0 auto;width:300px}.invoice-total p{display:flex;justify-content:space-between}.invoice-total .grand{font-size:17px;border-top:2px solid var(--navy);padding-top:14px}.invoice footer{text-align:center;color:var(--muted);margin-top:100px;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.app{margin-left:0}.menu{display:block}.stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.content{padding:18px}.topbar{padding:0 18px}.topbar .btn{font-size:0}.topbar .btn:after{content:'＋';font-size:20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:550px){.stats{grid-template-columns:1fr}.welcome span{display:none}.panel-head{align-items:stretch;flex-direction:column}.filters .search{flex-wrap:wrap}.search select{max-width:130px}.invoice-page{padding:0}.invoice{padding:25px;box-shadow:none}.invoice-parties{gap:15px}.vehicle-box{flex-direction:column;gap:5px}.print-actions{padding:10px}.topbar{height:76px}.content{padding:12px}}
@media print{.print-actions{display:none}.invoice-page{padding:0;background:#fff}.invoice{box-shadow:none;width:100%;min-height:auto}.invoice footer{margin-top:80px}}
.client-form h3{font-size:14px;color:#1d4ed8;margin:28px 0 15px;padding-bottom:9px;border-bottom:1px solid #dbeafe}.client-form h3:first-of-type{margin-top:0}
.doc-tabs{display:flex;gap:6px;margin-bottom:18px}.doc-tabs a{padding:9px 16px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#4b5563;font-weight:600}.doc-tabs a.active{background:var(--navy);color:#fff}.document-form{max-width:1100px}.document-form h3{font-size:14px;color:#1d4ed8;margin:28px 0 15px;padding-bottom:9px;border-bottom:1px solid #dbeafe}.document-form h3:first-of-type{margin-top:0}.items-table input,.items-table select{width:100%;min-width:90px;border:1px solid var(--line);border-radius:6px;padding:8px}.items-table td:first-child input{min-width:260px}.items-table .remove{border:0;background:#fee2e2;color:#b91c1c;border-radius:6px;font-size:20px;cursor:pointer}.document-bottom{display:grid;grid-template-columns:1fr 300px;gap:30px;margin-top:25px}.doc-totals label{display:grid;grid-template-columns:1fr 100px;align-items:center;margin-bottom:7px;font-size:12px}.doc-totals input{padding:7px;border:1px solid var(--line);border-radius:6px}.doc-totals p{display:flex;justify-content:space-between}.doc-totals .grand{border-top:2px solid var(--navy);padding-top:12px;font-size:17px}.doc-note{clear:both;margin-top:30px;color:#4b5563}.doc-note p{margin-top:4px}.signatures{display:flex;justify-content:space-between;margin-top:70px;padding:0 40px}.signatures span{border-top:1px solid #9ca3af;padding:8px 30px;color:#6b7280;font-size:12px}
@media(max-width:700px){.document-bottom{grid-template-columns:1fr}.doc-tabs{overflow-x:auto}.doc-tabs a{white-space:nowrap}}
.settings-intro{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:12px;padding:20px}.settings-intro h2,.settings-intro p{margin:0}.settings-intro p{color:var(--muted);margin-top:3px}.settings-logo{width:55px;height:55px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.professional-doc .company-sub{color:var(--muted);margin:5px 0 0}.legal-strip{background:#f3f4f6;border-left:4px solid var(--primary);padding:8px 12px;margin-top:18px;font-size:10px;color:#4b5563}.doc-subject{border:1px solid var(--line);padding:10px 14px;border-radius:6px}.bank-box{display:flex;flex-direction:column;clear:both;background:#eff6ff;border:1px solid #bfdbfe;padding:12px;margin-top:30px;border-radius:6px;font-size:12px}.professional-doc footer small{font-size:9px}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.mini-stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px}.mini-stats small,.mini-stats strong{display:block}.mini-stats small{color:var(--muted)}.mini-stats strong{font-size:22px;margin-top:3px}.mini-stats .warn strong{color:#dc2626}.vehicle-search{max-width:850px}.vehicle-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;background:#f8fafc}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 2px 8px #0f172a08}.vehicle-card>header{display:flex;align-items:center;gap:12px}.vehicle-card h3{margin:0 0 7px}.vehicle-icon{width:44px;height:44px;border-radius:10px;background:#dbeafe;color:var(--primary);display:grid;place-items:center}.fuel-tag{margin-left:auto;background:#f3f4f6;border-radius:20px;padding:5px 9px;font-size:11px}.vehicle-owner{margin:18px 0;background:#f8fafc;border-radius:8px;padding:11px}.vehicle-owner small,.vehicle-owner strong,.vehicle-owner span{display:block}.vehicle-owner small{font-size:9px;color:var(--muted)}.vehicle-owner span{font-size:11px;color:var(--muted)}.vehicle-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.vehicle-card dt{font-size:10px;color:var(--muted)}.vehicle-card dd{margin:2px 0 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expiry-row{display:flex;gap:8px;margin-top:16px}.expiry-row span{background:#ecfdf5;color:#047857;padding:5px 8px;border-radius:5px;font-size:10px}.expiry-row span.expired{background:#fef2f2;color:#dc2626}.vehicle-card>footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.vehicle-card>footer .btn{padding:6px 9px;font-size:11px}.client-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;background:#f8fafc}.client-list-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.client-list-card>header{display:flex;align-items:center;gap:12px}.client-list-card h3{margin:0}.client-list-card header span{color:var(--muted);font-size:11px}.client-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px}.client-contact{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;margin:17px 0}.client-contact p{margin:0;color:#4b5563;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#f8fafc;border-radius:8px;padding:11px}.client-metrics span{text-align:center;color:var(--muted);font-size:9px}.client-metrics strong{display:block;color:#1f2937;font-size:13px}.client-list-card>footer{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.client-list-card>footer .btn{margin-left:auto;padding:6px 9px;font-size:11px}.repair-toolbar{align-items:center}.repair-filters{display:flex;gap:7px;flex:1}.repair-filters input,.repair-filters select{border:1px solid var(--line);border-radius:7px;padding:8px;min-width:0}.repair-filters input:first-child{flex:1}.problem-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis}.sidebar nav{overflow-y:auto}@media(max-width:1000px){.vehicle-cards,.client-list-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr 1fr}.vehicle-toolbar,.repair-toolbar{align-items:stretch;flex-direction:column}.repair-filters{flex-wrap:wrap}}@media(max-width:550px){.mini-stats{grid-template-columns:1fr 1fr}.vehicle-search{flex-wrap:wrap}.vehicle-search input{flex-basis:100%;border-radius:8px}.vehicle-search select{border-left:1px solid var(--line);flex:1}.vehicle-card dl{grid-template-columns:1fr 1fr}.expiry-row{flex-direction:column}.client-contact{grid-template-columns:1fr}.client-metrics{grid-template-columns:1fr 1fr}.repair-filters input:first-child{flex-basis:100%}.client-list-card>footer{flex-wrap:wrap}}