:root{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xg-bg:#eef2f7;--xg-bg-strong:#e2e8f0;--xg-surface:#ffffffe6;--xg-surface-solid:#fff;--xg-surface-soft:#f8fafc;--xg-border:#dbe3ea;--xg-border-soft:#e2e8f0;--xg-text:#111827;--xg-text-soft:#334155;--xg-muted:#64748b;--xg-brand:#0f766e;--xg-brand-strong:#115e59;--xg-brand-soft:#ccfbf1;--xg-brand-surface:#f0fdfa;--xg-danger:#b91c1c;--xg-shadow:0 20px 55px #0f172a1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--xg-bg:#07111f;--xg-bg-strong:#020617;--xg-surface:#0f172ae0;--xg-surface-solid:#0f172a;--xg-surface-soft:#111827;--xg-border:#94a3b838;--xg-border-soft:#94a3b829;--xg-text:#f8fafc;--xg-text-soft:#e2e8f0;--xg-muted:#94a3b8;--xg-brand:#2dd4bf;--xg-brand-strong:#5eead4;--xg-brand-soft:#2dd4bf38;--xg-brand-surface:#14b8a624;--xg-danger:#fca5a5;--xg-shadow:0 24px 70px #0000006b;background:#07111f}*{box-sizing:border-box}body{min-width:320px;color:var(--xg-text);background:var(--xg-bg);margin:0;transition:color .16s,background .16s}button,input,select{letter-spacing:0}.auth-layout,.app-shell{min-height:100vh}.auth-layout{background:radial-gradient(circle at 16% 18%,#2dd4bf33,#0000 28%),linear-gradient(135deg,#08111f 0%,#111827 47%,#f8fafc 47.1%,#eef2f7 100%);grid-template-columns:minmax(0,1fr) minmax(380px,520px);display:grid;position:relative;overflow:hidden}.auth-layout:before{content:"";pointer-events:none;background:#0f766e1a;border-radius:999px;width:520px;height:520px;position:absolute;inset:auto -12% -30% 46%}.intro-panel{color:#fff;flex-direction:column;justify-content:center;gap:22px;padding:64px;display:flex;position:relative}.intro-copy{gap:22px;display:grid}.brand-mark{color:#fff;letter-spacing:0;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #2dd4bf33}.brand-name{color:#111827;margin-left:12px;font-size:18px;font-weight:800}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.intro-panel .eyebrow{color:#5eead4}.intro-panel h1,.dashboard-hero h1{color:#111827;max-width:680px;margin:0;font-size:clamp(44px,7vw,82px);line-height:.95}.intro-panel h1{color:#fff;text-shadow:0 22px 70px #00000057}.intro-panel p,.dashboard-hero p,.module-panel p{color:#4b5563;max-width:640px;margin:0}.intro-panel p{color:#cbd5e1}.service-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a9e;border:1px solid #94a3b838;border-radius:8px;gap:12px;width:min(100%,560px);padding:16px;display:grid;box-shadow:0 28px 70px #0000003d}.preview-header,.preview-row{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.preview-header{color:#94a3b8;font-size:13px}.preview-header strong{color:#fff;grid-column:2/-1;font-size:16px}.preview-row{background:#ffffff12;border-radius:8px;padding:12px}.preview-row span{color:#5eead4;font-weight:800}.preview-row p{color:#e5e7eb;font-size:14px}.preview-row strong{color:#ccfbf1;background:#0f766e57;border-radius:999px;padding:5px 9px;font-size:12px}.roadmap{grid-template-columns:repeat(2,minmax(0,210px));gap:12px;margin-top:16px;display:grid}.roadmap span,.profile-card,.stat-card,.module-panel,.auth-card{background:#ffffffc7;border:1px solid #dbe3ea;box-shadow:0 18px 45px #0f172a14}.roadmap span{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8f;border-radius:8px;padding:14px 16px;font-weight:700}.auth-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;align-self:center;width:min(100% - 48px,520px);margin:48px auto;padding:30px;position:relative}.auth-status-row{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.status-dot{background:#14b8a6;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #14b8a624}.auth-card-header{gap:8px;margin-bottom:24px;display:grid}.auth-card-header h2{color:#111827;margin:0;font-size:34px;line-height:1.1}.auth-card-header p:last-child{color:#64748b;margin:0;font-size:15px}.mode-switch{background:#eef2f7;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px;padding:5px;display:grid}.mode-switch button,.ghost-button,.primary-button{cursor:pointer;font:inherit;border:0;font-weight:800}.mode-switch button{color:#64748b;background:0 0;border-radius:6px;padding:10px 12px}.mode-switch button.active{color:#111827;background:#fff;box-shadow:0 8px 20px #0f172a14}form{gap:16px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:#334155;gap:8px;font-size:14px;font-weight:800;display:grid}input,select{box-sizing:border-box;color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:13px 14px;transition:border-color .2s,box-shadow .2s,transform .2s}input:focus,select:focus{border-color:#0f766e;outline:3px solid #0f766e29}.password-field{display:block;position:relative}.password-field input{padding-right:76px}.password-field button{cursor:pointer;color:#0f766e;font:inherit;background:#ecfeff;border:0;border-radius:6px;padding:7px 9px;font-size:12px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkbox-label{color:#475569;align-items:center;gap:8px;font-size:14px;display:inline-flex}.checkbox-label input{accent-color:#0f766e;width:16px;height:16px}.text-button{cursor:pointer;color:#0f766e;font:inherit;background:0 0;border:0;padding:0;font-size:14px;font-weight:800}.form-message{color:#991b1b;background:#fee2e2;border-radius:8px;margin:0;padding:10px 12px;font-size:14px;font-weight:700}.primary-button{color:#fff;background:#0f766e;border-radius:8px;padding:14px 18px;transition:transform .2s,background .2s;box-shadow:0 16px 30px #0f766e38}.primary-button:hover{background:#115e59;transform:translateY(-1px)}.local-note{color:#64748b;margin:18px 0 0;font-size:13px}.auth-highlights{border-top:1px solid #e2e8f0;gap:8px;margin-top:18px;padding-top:18px;display:grid}.auth-highlights span{color:#475569;padding-left:20px;font-size:13px;font-weight:700;position:relative}.auth-highlights span:before{content:"";background:#14b8a6;border-radius:999px;width:8px;height:8px;position:absolute;top:.55em;left:0}.auth-switch-note{color:#64748b;margin:18px 0 0;font-size:14px}.auth-switch-note button{cursor:pointer;color:#0f766e;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.app-shell{background:#f8fafc;padding:28px}.topbar,.dashboard-hero,.module-panel{width:min(1180px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;padding-bottom:30px;display:flex}.topbar>div{align-items:center;display:flex}.ghost-button{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px}.dashboard-hero{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:24px;padding:46px 0;display:grid}.dashboard-hero>div:first-child{align-content:center;gap:18px;display:grid}.profile-card{border-radius:8px;align-content:center;gap:8px;padding:24px;display:grid}.profile-card span,.stat-card span,.profile-card small{color:#64748b}.profile-card strong{color:#111827;font-size:24px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1180px,100%);margin:0 auto 16px;display:grid}.stat-card{border-radius:8px;gap:8px;padding:22px;display:grid}.stat-card strong{color:#111827;font-size:38px}.module-panel{border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:24px;padding:28px;display:grid}.module-panel h2{color:#111827;margin:8px 0 0;font-size:32px;line-height:1.1}.module-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.module-panel li{color:#1f2937;background:#eef2f7;border-radius:8px;padding:12px 14px;font-weight:700}.dashboard-shell{background:radial-gradient(circle at 20% 0,#14b8a61f,#0000 28%),#f8fafc;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.dashboard-sidebar{color:#fff;background:radial-gradient(circle at 20% 12%,#2dd4bf38,#0000 32%),#08111f;flex-direction:column;justify-content:space-between;height:100vh;padding:28px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-brand div{gap:2px;display:grid}.sidebar-brand strong{font-size:18px}.sidebar-brand small{color:#94a3b8}.sidebar-nav{gap:18px;margin:48px 0 auto;display:grid}.sidebar-nav-group{gap:8px;display:grid}.sidebar-nav-group>small{color:#5eead4;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.sidebar-nav-group>div{gap:6px;display:grid}.sidebar-nav a,.sidebar-nav span{color:#cbd5e1;border-radius:8px;padding:12px 14px;font-weight:800;text-decoration:none}.sidebar-nav a.active{color:#fff;background:#2dd4bf2e}.sidebar-nav span{opacity:.56}.disabled-nav-item{justify-content:space-between;align-items:center;gap:10px;display:flex}.disabled-nav-item em{color:#cbd5e1;background:#94a3b829;border-radius:999px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:900}.sidebar-user-mini{background:#ffffff12;border:1px solid #94a3b83d;border-radius:8px;align-items:center;gap:12px;margin:24px 0;padding:12px;display:flex}.mini-avatar{color:#fff;background:#0f766e;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.sidebar-user-mini div:last-child{gap:2px;min-width:0;display:grid}.sidebar-user-mini strong,.sidebar-user-mini small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user-mini small{color:#94a3b8}.sidebar-logout{cursor:pointer;color:#fff;font:inherit;background:#ffffff14;border:1px solid #94a3b83d;border-radius:8px;padding:12px 14px;font-weight:800}.dashboard-content{width:min(1120px,100%);margin:0 auto;padding:34px}.dashboard-header{background:linear-gradient(135deg,#0f766e17,#0000 42%),#ffffffdb;border:1px solid #dbe3ea;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex;box-shadow:0 18px 45px #0f172a14}.dashboard-header h1{color:#111827;margin:6px 0 10px;font-size:clamp(36px,5vw,58px);line-height:.98}.dashboard-header p{color:#64748b;margin:0}.dashboard-header-actions{align-items:center;gap:12px;display:flex}.status-chip{color:#0f766e;white-space:nowrap;background:#ccfbf1;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}.dashboard-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:16px 0;display:grid}.kpi-card{background:#ffffffdb;border:1px solid #dbe3ea;border-radius:8px;gap:10px;padding:18px;display:grid;box-shadow:0 18px 45px #0f172a0f}.kpi-card span{color:#64748b;font-size:13px;font-weight:800}.kpi-card strong{color:#111827;overflow-wrap:anywhere;font-size:22px;line-height:1.08}.profile-overview,.profile-grid{gap:16px;display:grid}.profile-overview{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin:16px 0}.profile-grid{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:start}.profile-summary-card,.workshop-card,.profile-details-card,.profile-edit-card{background:#ffffffdb;border:1px solid #dbe3ea;border-radius:8px;box-shadow:0 18px 45px #0f172a14}.profile-summary-card{align-items:center;gap:18px;padding:24px;display:flex}.profile-avatar{color:#fff;background:#0f766e;border-radius:8px;flex:none;justify-content:center;align-items:center;width:78px;height:78px;font-size:26px;font-weight:900;display:flex;box-shadow:0 16px 36px #0f766e3d}.profile-summary-card span,.workshop-card span{color:#64748b;font-size:13px;font-weight:800}.profile-summary-card h2{color:#111827;margin:4px 0;font-size:30px;line-height:1.05}.profile-summary-card p,.workshop-card p{color:#64748b;margin:0}.profile-meta-pills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-summary-card .profile-meta-pills span{color:#0f766e;background:#ccfbf1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.workshop-card{align-content:center;gap:8px;padding:24px;display:grid}.workshop-card strong{color:#111827;font-size:24px;line-height:1.1}.profile-details-card,.profile-edit-card{padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.section-heading h2{color:#111827;margin:6px 0 0;font-size:28px;line-height:1.1}.profile-detail-list{gap:12px;margin:0;display:grid}.profile-detail-list div{border-bottom:1px solid #e2e8f0;grid-template-columns:140px minmax(0,1fr);gap:14px;padding-bottom:12px;display:grid}.profile-detail-list div:last-child{border-bottom:0;padding-bottom:0}.profile-detail-list dt{color:#64748b;font-weight:800}.profile-detail-list dd{color:#111827;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:800}.edit-pill{color:#64748b;background:#eef2f7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.edit-pill.active{color:#0f766e;background:#ccfbf1}.profile-form{gap:14px;display:grid}.profile-form input:disabled,.profile-form select:disabled{color:#64748b;background:#f1f5f9}.profile-form textarea{resize:vertical;min-height:98px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.success-message{color:#065f46;background:#d1fae5;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:14px;font-weight:800}.empty-edit-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:8px;padding:22px;display:grid}.empty-edit-state strong{color:#111827}.empty-edit-state p{color:#64748b;margin:0}.empty-edit-state .primary-button{width:fit-content;margin-top:8px}.admin-grid{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);align-items:start;gap:16px;display:grid}.admin-hero{background:radial-gradient(circle at 90% 20%,#2dd4bf29,#0000 32%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.admin-context-banner{background:linear-gradient(135deg,#14b8a61f,#0000 45%),#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.admin-context-banner div{gap:4px;min-width:0;display:grid}.admin-context-banner strong{color:#111827;overflow-wrap:anywhere;font-size:20px}.admin-context-banner span{color:#0f766e;font-size:13px;font-weight:900}.shop-list{gap:12px;display:grid}.shop-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(170px,1.1fr) minmax(160px,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}.shop-row div{gap:4px;min-width:0;display:grid}.shop-row strong{color:#111827;overflow-wrap:anywhere;font-size:16px}.shop-row span,.shop-row small{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.shop-row .edit-pill{text-transform:capitalize;width:fit-content}.accounting-hero{background:radial-gradient(circle at 92% 22%,#0ea5e921,#0000 30%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.customers-hero{background:radial-gradient(circle at 92% 22%,#2dd4bf29,#0000 30%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.appointments-hero{background:radial-gradient(circle at 92% 22%,#0ea5e924,#0000 30%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.vehicles-hero{background:radial-gradient(circle at 92% 22%,#3b82f624,#0000 30%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.personnel-hero{background:radial-gradient(circle at 92% 22%,#10b98126,#0000 30%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.work-orders-hero{background:radial-gradient(circle at 92% 22%,#f59e0b24,#0000 30%),linear-gradient(135deg,#0f766e1a,#0000 42%),#ffffffe0}.vehicle-grid,.personnel-grid,.work-order-grid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:start;gap:16px;display:grid}.module-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:14px}.vehicle-list,.personnel-list,.work-order-list,.compact-list{gap:12px;display:grid}.vehicle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:112px minmax(160px,1fr) minmax(120px,.65fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.vehicle-plate{color:#111827;text-align:center;white-space:nowrap;background:#fff;border:2px solid #111827;border-radius:6px;padding:8px 9px;font-size:13px;font-weight:900}.vehicle-main,.vehicle-meta,.personnel-main,.personnel-meta,.personnel-salary,.work-order-main,.work-order-meta,.work-order-cost{gap:4px;min-width:0;display:grid}.vehicle-main strong,.personnel-main strong,.personnel-salary strong,.work-order-main strong,.work-order-cost strong{color:#111827;overflow-wrap:anywhere}.vehicle-main span,.vehicle-main small,.vehicle-meta span,.vehicle-meta small,.personnel-main span,.personnel-main small,.personnel-meta small,.personnel-salary span,.work-order-main span,.work-order-main small,.work-order-meta span,.work-order-meta small,.work-order-cost span{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.vehicle-meta span{color:#0f766e}.personnel-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:52px minmax(150px,1fr) minmax(110px,.62fr) minmax(110px,.62fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.personnel-status{border-radius:999px;width:fit-content;padding:6px 9px;font-size:12px;font-weight:900}.personnel-status.active{color:#065f46;background:#d1fae5}.personnel-status.on_leave{color:#92400e;background:#fef3c7}.personnel-status.inactive{color:#64748b;background:#e2e8f0}.work-order-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:112px minmax(170px,1fr) minmax(120px,.62fr) minmax(110px,.52fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.work-order-status{white-space:nowrap;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:900}.work-order-status.waiting{color:#92400e;background:#fef3c7}.work-order-status.in_progress{color:#075985;background:#e0f2fe}.work-order-status.completed{color:#065f46;background:#d1fae5}.work-order-status.delivered{color:#334155;background:#e2e8f0}.work-order-cost strong{color:#0f766e}.panel-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.compact-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:12px;display:grid}.compact-row strong{color:#0f766e;font-size:14px}.compact-row span{color:#111827;font-weight:900}.compact-row small{color:#64748b;font-weight:800}.stock-alert-card{background:linear-gradient(135deg,#f59e0b14,#0000 42%),#fff}.module-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.module-row-actions .ghost-button{padding:9px 11px}.appointments-grid{grid-template-columns:minmax(360px,.74fr) minmax(0,1.26fr);align-items:start;gap:16px;display:grid}.calendar-card{gap:18px;display:grid}.calendar-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.calendar-toolbar h2{color:#111827;text-transform:capitalize;margin:6px 0 0;font-size:28px;line-height:1.1}.calendar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.calendar-actions .ghost-button{padding:9px 11px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-weekday{color:#64748b;text-align:center;font-size:12px;font-weight:900}.calendar-day{cursor:pointer;color:#111827;min-height:72px;font:inherit;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;font-weight:900;display:grid;position:relative}.calendar-day:hover{background:#f0fdfa;border-color:#99f6e4}.calendar-day.today{border-color:#14b8a6}.calendar-day.empty{background:0 0;border:1px dashed #e2e8f0;min-height:72px}.calendar-day small{color:#0f766e;background:#ccfbf1;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:8px;right:8px}.calendar-day.selected small{color:#111827;background:#fff}.selected-day-panel{border-top:1px solid #e2e8f0;padding-top:18px}.appointment-list,.upcoming-appointments{gap:12px;display:grid}.appointment-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:76px minmax(170px,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.appointment-time,.appointment-main{gap:4px;min-width:0;display:grid}.appointment-time strong{color:#0f766e;font-size:20px}.appointment-time span,.appointment-main span,.appointment-main small,.upcoming-appointment span,.upcoming-appointment small{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.appointment-main strong,.upcoming-appointment strong{color:#111827;overflow-wrap:anywhere}.appointment-status{white-space:nowrap;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:900}.appointment-status.planned{color:#0f766e;background:#ccfbf1}.appointment-status.in_progress{color:#1d4ed8;background:#dbeafe}.appointment-status.completed{color:#065f46;background:#d1fae5}.appointment-status.canceled{color:#991b1b;background:#fee2e2}.appointment-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.appointment-actions .ghost-button{padding:9px 11px}.appointment-upcoming-card{margin-top:16px}.upcoming-appointments{grid-template-columns:repeat(5,minmax(0,1fr))}.upcoming-appointment{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:6px;padding:14px;display:grid}.customer-grid{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:start;gap:16px;display:grid}.customer-search-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:14px}.customer-list{gap:12px;display:grid}.customer-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:52px minmax(170px,1fr) minmax(130px,.7fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.customer-avatar{color:#fff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;font-weight:900;display:flex}.customer-main,.customer-meta{gap:4px;min-width:0;display:grid}.customer-main strong{color:#111827;overflow-wrap:anywhere}.customer-main span,.customer-main small,.customer-meta span,.customer-meta small{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.customer-meta span{color:#0f766e}.customer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.customer-actions .ghost-button{padding:9px 11px}.danger-text-button{color:#b91c1c}.accounting-grid{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:start;gap:16px;display:grid}.current-account-panel,.category-panel{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.category-form{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr) auto;align-items:end;gap:12px;display:grid}.compact-heading{margin-bottom:14px}.category-list{flex-wrap:wrap;gap:10px;display:flex}.category-chip{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:900;display:inline-flex}.category-chip small{color:#475569;background:#fff;border-radius:999px;padding:3px 7px;font-size:11px}.current-account-list{gap:12px;display:grid}.current-account-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(180px,1.3fr) repeat(3,minmax(96px,.7fr));align-items:center;gap:12px;padding:14px;display:grid}.current-account-row div{gap:4px;min-width:0;display:grid}.current-account-row strong{color:#111827;overflow-wrap:anywhere}.current-account-row span{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.current-account-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:8px;display:grid}.current-account-picker button{cursor:pointer;color:#111827;font:inherit;text-align:left;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.current-account-picker button.selected{background:#f0fdfa;border-color:#14b8a6}.current-account-picker strong,.current-account-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.current-account-picker span{color:#64748b;font-size:13px;font-weight:800}.invoice-total-preview{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.invoice-total-preview span{color:#0f766e;font-size:13px;font-weight:900}.invoice-total-preview strong{color:#111827;font-size:22px}.accounting-list{gap:12px;display:grid}.accounting-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(190px,1.15fr) minmax(120px,.65fr) minmax(130px,auto) auto;align-items:center;gap:14px;padding:14px;display:grid}.accounting-row div{gap:4px;min-width:0;display:grid}.accounting-row div:last-child{text-align:right}.accounting-row strong{color:#111827;overflow-wrap:anywhere}.accounting-row span,.accounting-row small{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.accounting-row .amount-positive{color:#0f766e}.accounting-row .amount-negative{color:#b91c1c}.receipt-overlay{z-index:20;background:#0f172a94;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.receipt-sheet{background:#fff;border-radius:8px;width:min(860px,100%);padding:30px;box-shadow:0 24px 70px #0f172a4d}.receipt-actions{justify-content:flex-end;gap:10px;margin-bottom:18px;display:flex}.receipt-header,.receipt-parties,.receipt-table-head,.receipt-table-row,.receipt-totals div{gap:14px;display:grid}.receipt-header{border-bottom:2px solid #111827;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-bottom:18px}.receipt-header h2{color:#111827;margin:12px 0 4px;font-size:30px}.receipt-header p,.receipt-header span,.receipt-parties span,.receipt-parties p,.receipt-table-row small,.receipt-footer{color:#64748b;font-weight:800}.receipt-header div:last-child{text-align:right;gap:6px;display:grid}.receipt-header div:last-child strong{color:#0f766e;font-size:20px}.receipt-parties{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.receipt-parties div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.receipt-parties strong{color:#111827;margin:6px 0;font-size:18px;display:block}.receipt-parties p{margin:3px 0}.receipt-table{margin-top:22px}.receipt-table-head,.receipt-table-row{grid-template-columns:minmax(0,1fr) 120px 140px;align-items:center}.receipt-table-head{color:#fff;background:#111827;border-radius:8px 8px 0 0;padding:12px 14px;font-size:13px;font-weight:900}.receipt-table-row{border:1px solid #e2e8f0;border-top:0;border-radius:0 0 8px 8px;padding:14px}.receipt-table-row strong,.receipt-table-row span{color:#111827;font-weight:900}.receipt-totals{justify-content:end;gap:8px;margin-top:20px;display:grid}.receipt-totals div{grid-template-columns:140px 150px;justify-content:end}.receipt-totals span{color:#64748b;font-weight:900}.receipt-totals strong{text-align:right}.receipt-grand-total{color:#111827;border-top:2px solid #111827;padding-top:10px;font-size:20px}.receipt-footer{border-top:1px solid #e2e8f0;margin-top:26px;padding-top:14px;font-size:12px}@media (width<=1180px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid,.admin-grid,.vehicle-grid,.personnel-grid,.work-order-grid,.panel-summary-grid,.appointments-grid,.customer-grid,.accounting-grid,.current-account-panel,.category-panel,.category-form{grid-template-columns:1fr}.upcoming-appointments{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.auth-layout,.dashboard-hero,.module-panel,.dashboard-shell,.profile-overview,.profile-grid{grid-template-columns:1fr}.dashboard-sidebar{gap:24px;height:auto;position:static}.sidebar-nav{margin:0}.dashboard-content{padding:24px}.dashboard-header{flex-direction:column}.dashboard-header-actions{flex-direction:column;align-items:stretch;width:100%}.intro-panel{padding:38px 24px 0}.auth-card{width:auto;margin:24px}.stats-grid{grid-template-columns:1fr}.auth-layout{background:linear-gradient(#08111f 0%,#111827 42%,#f8fafc 42.1%,#eef2f7 100%)}}@media (width<=560px){.intro-panel h1,.dashboard-hero h1{font-size:42px}.auth-card,.dashboard-content,.dashboard-sidebar,.profile-details-card,.profile-edit-card,.profile-summary-card,.workshop-card,.kpi-card{padding:20px}.dashboard-content{min-width:0}.dashboard-header h1{font-size:38px}.auth-card{margin:16px}.sidebar-nav{gap:8px}.form-row,.roadmap,.preview-header,.preview-row{grid-template-columns:1fr}.preview-row strong{width:fit-content}.login-options{flex-direction:column;align-items:flex-start}.app-shell{padding:20px}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.profile-summary-card,.dashboard-header,.admin-context-banner,.section-heading,.form-actions{flex-direction:column;align-items:stretch}.dashboard-kpis,.profile-overview,.shop-row,.vehicle-row,.personnel-row,.work-order-row{grid-template-columns:1fr}.vehicle-plate{width:fit-content}.module-row-actions{justify-content:flex-start}.calendar-toolbar{flex-direction:column}.calendar-actions{justify-content:stretch;width:100%}.calendar-actions .ghost-button{flex:90px}.calendar-grid{gap:6px}.calendar-day,.calendar-day.empty{min-height:52px;padding:8px}.calendar-day small{min-width:18px;height:18px;font-size:11px;bottom:5px;right:5px}.appointment-row{grid-template-columns:1fr}.appointment-actions{justify-content:flex-start}.upcoming-appointments,.customer-row{grid-template-columns:1fr}.customer-actions{justify-content:flex-start}.accounting-row{grid-template-columns:1fr}.receipt-overlay{padding:12px}.receipt-sheet{padding:18px}.receipt-header,.receipt-parties,.receipt-table-head,.receipt-table-row,.receipt-totals div{grid-template-columns:1fr}.receipt-header div:last-child,.receipt-totals strong{text-align:left}.current-account-row{grid-template-columns:1fr}.accounting-row div:last-child{text-align:left}.current-account-picker button,.invoice-total-preview{flex-direction:column;align-items:flex-start}.profile-detail-list div{grid-template-columns:1fr;gap:4px}}@media (width<=420px){.intro-panel{padding:28px 16px 0}.dashboard-content,.dashboard-sidebar,.auth-card,.dashboard-header,.profile-details-card,.profile-edit-card,.profile-summary-card,.workshop-card,.kpi-card{padding:16px}.dashboard-header h1,.auth-card-header h2,.section-heading h2{font-size:30px}.profile-summary-card h2{font-size:26px}.profile-avatar{width:64px;height:64px;font-size:22px}}.auth-theme-action{z-index:3;position:absolute;top:24px;right:24px}.theme-toggle{cursor:pointer;width:fit-content;color:var(--xg-text);font:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #94a3b852;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:9px 12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 28px #0f172a1a}.theme-toggle span{color:#fff;background:var(--xg-brand);border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:inline-flex}.theme-toggle strong{white-space:nowrap;font-size:13px}.theme-toggle.compact{color:#e2e8f0;width:100%;box-shadow:none;background:#ffffff14;border-color:#94a3b83d;justify-content:flex-start}.theme-toggle:hover{transform:translateY(-1px)}.auth-layout{background:radial-gradient(circle at 18% 18%, #2dd4bf38, transparent 27%), linear-gradient(135deg, #08111f 0%, #111827 46%, var(--xg-bg) 46.1%, var(--xg-bg-strong) 100%)}.auth-card{background:var(--xg-surface);box-shadow:var(--xg-shadow);border-color:#0f766e2e}.auth-card:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#14b8a61f,#0000 42%);position:absolute;inset:0}.auth-card>*{position:relative}.auth-card-header h2,.dashboard-header h1,.module-panel h2,.section-heading h2,.kpi-card strong,.profile-summary-card h2,.profile-details-card h2,.profile-edit-card h2,.calendar-toolbar h2,.accounting-row strong,.current-account-row strong,.receipt-header h2,.receipt-parties strong,.receipt-table-row strong,.receipt-table-row span,.admin-context-banner strong{color:var(--xg-text)}.auth-card-header p:last-child,.dashboard-header p,.module-panel p,.kpi-card span,.auth-highlights span,.calendar-weekday,.accounting-row span,.accounting-row small,.current-account-row span,.receipt-header p,.receipt-header span,.receipt-parties span,.receipt-parties p,.receipt-table-row small,.receipt-footer,.receipt-totals span{color:var(--xg-muted)}.auth-status-row,.status-chip,.current-account-picker button.selected{border-color:var(--xg-brand-soft);color:var(--xg-brand);background:var(--xg-brand-surface)}.primary-button{background:var(--xg-brand);box-shadow:0 14px 26px #0f766e33}.primary-button:hover{background:var(--xg-brand-strong)}.primary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.ghost-button,input,select,textarea{border-color:var(--xg-border);color:var(--xg-text);background:var(--xg-surface-solid)}input::placeholder,textarea::placeholder{color:var(--xg-muted)}input:focus,select:focus,textarea:focus{border-color:var(--xg-brand);outline-color:#14b8a62e}.mode-switch,.module-panel li,.profile-form input:disabled,.profile-form select:disabled,.receipt-parties div{background:var(--xg-surface-soft)}.mode-switch button.active{color:var(--xg-text);background:var(--xg-surface-solid)}.dashboard-shell{background:radial-gradient(circle at 20% 4%, #14b8a61a, transparent 28%), linear-gradient(135deg, var(--xg-bg) 0%, var(--xg-bg-strong) 100%)}.dashboard-sidebar{background:linear-gradient(#0f172afa,#064e3beb),#0f172a;box-shadow:18px 0 45px #0f172a1f}.dashboard-content{color:var(--xg-text)}.dashboard-header,.profile-card,.stat-card,.module-panel,.kpi-card,.profile-summary-card,.workshop-card,.profile-details-card,.profile-edit-card,.calendar-card,.appointment-upcoming-card,.current-account-panel,.category-panel{border-color:var(--xg-border);background:var(--xg-surface);box-shadow:var(--xg-shadow)}.vehicle-row,.personnel-row,.work-order-row,.customer-row,.accounting-row,.current-account-row,.shop-row,.category-chip,.calendar-day,.selected-day-panel,.receipt-table-row{border-color:var(--xg-border-soft);background:var(--xg-surface-solid)}.calendar-day:hover{border-color:var(--xg-brand-soft);background:var(--xg-brand-surface)}.calendar-day.empty{border-color:var(--xg-border-soft)}.calendar-day.selected{color:#fff;background:var(--xg-brand)}.admin-context-banner,.success-message{border-color:var(--xg-brand-soft);background:var(--xg-brand-surface)}.form-message{color:var(--xg-danger);background:#f8717124}.auth-secondary-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.dev-code-box{border:1px dashed var(--xg-brand-soft);color:var(--xg-brand);background:var(--xg-brand-surface);border-radius:8px;gap:8px;padding:12px;display:grid}.dev-code-box span{color:var(--xg-muted);font-size:12px;font-weight:800}.dev-code-box strong{color:var(--xg-text);letter-spacing:.28em;font-size:24px}.admin-context-banner span,.accounting-row .amount-positive{color:var(--xg-brand)}.accounting-row .amount-negative,.danger-text-button{color:var(--xg-danger)}.receipt-sheet{color:var(--xg-text);background:var(--xg-surface-solid)}:root[data-theme=dark] .auth-layout{background:radial-gradient(circle at 18% 18%,#2dd4bf2e,#0000 28%),linear-gradient(135deg,#020617 0%,#0f172a 48%,#07111f 48.1%,#111827 100%)}:root[data-theme=dark] .auth-layout:before{background:#2dd4bf14}:root[data-theme=dark] .auth-card,:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .dashboard-header,:root[data-theme=dark] .profile-card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .module-panel,:root[data-theme=dark] .kpi-card,:root[data-theme=dark] .profile-summary-card,:root[data-theme=dark] .workshop-card,:root[data-theme=dark] .profile-details-card,:root[data-theme=dark] .profile-edit-card,:root[data-theme=dark] .calendar-card,:root[data-theme=dark] .appointment-upcoming-card,:root[data-theme=dark] .current-account-panel,:root[data-theme=dark] .category-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .auth-card{border-color:#2dd4bf3d}:root[data-theme=dark] .brand-name,:root[data-theme=dark] .module-panel li,:root[data-theme=dark] .profile-form input:disabled,:root[data-theme=dark] .profile-form select:disabled,:root[data-theme=dark] .category-chip small{color:var(--xg-text-soft)}:root[data-theme=dark] .ghost-button,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .vehicle-row,:root[data-theme=dark] .personnel-row,:root[data-theme=dark] .work-order-row,:root[data-theme=dark] .customer-row,:root[data-theme=dark] .accounting-row,:root[data-theme=dark] .current-account-row,:root[data-theme=dark] .shop-row,:root[data-theme=dark] .category-chip,:root[data-theme=dark] .calendar-day,:root[data-theme=dark] .receipt-table-row,:root[data-theme=dark] .receipt-parties div{background:#0f172ac2}:root[data-theme=dark] .receipt-overlay{background:#020617c2}:root[data-theme=dark] .receipt-table-head{background:#020617}@media (width<=900px){.auth-theme-action{top:18px;right:18px}.auth-layout{background:linear-gradient(180deg, #08111f 0%, #111827 42%, var(--xg-bg) 42.1%, var(--xg-bg-strong) 100%)}}@media (width<=560px){.auth-theme-action{justify-self:end;margin:16px 16px 0;position:relative;top:auto;right:auto}.theme-toggle{padding:8px 10px}}@media print{body{background:#fff}body *{visibility:hidden}.receipt-overlay,.receipt-overlay *{visibility:visible}.receipt-overlay{background:#fff;padding:0;display:block;position:static}.receipt-sheet{width:100%;box-shadow:none;padding:0}.no-print{display:none!important}}
