: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%}.landing-page{min-height:100vh;color:var(--xg-text);background:radial-gradient(circle at 16% 10%,#2dd4bf38,#0000 28%),linear-gradient(135deg,#f8fafc 0%,#eef7f6 48%,#e8eef8 100%)}.landing-nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:18px;width:min(1160px,100% - 40px);margin:0 auto;padding:18px 0;display:flex;position:sticky;top:0}.landing-brand{cursor:pointer;color:var(--xg-text);font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.landing-brand strong{font-size:19px;font-weight:900}.landing-nav-actions,.landing-actions,.landing-trust-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-panel-button{background:#ffffffd1;min-height:42px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:42px;width:min(1160px,100% - 40px);min-height:calc(100vh - 86px);margin:0 auto;padding:44px 0 72px;display:grid}.landing-hero-copy{gap:22px;display:grid}.landing-hero h1,.landing-section-heading h2{color:var(--xg-text);letter-spacing:-.04em;margin:0}.landing-hero h1{max-width:760px;font-size:clamp(46px,7vw,84px);line-height:.95}.landing-hero-copy>p:not(.eyebrow){max-width:650px;color:var(--xg-muted);margin:0;font-size:18px;line-height:1.7}.landing-actions .primary-button,.landing-actions .ghost-button{min-height:52px;padding:0 18px}.landing-trust-row{margin-top:4px}.landing-trust-row span{border:1px solid var(--xg-border-soft);color:var(--xg-brand);background:#ffffffb8;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:850}.landing-product-preview{color:#fff;background:#0f172ae6;border:1px solid #94a3b847;border-radius:8px;gap:16px;padding:18px;display:grid;box-shadow:0 30px 90px #0f172a38}.preview-toolbar{color:#cbd5e1;align-items:center;gap:8px;display:flex}.preview-toolbar span{background:#38bdf8;border-radius:999px;width:10px;height:10px}.preview-toolbar span:nth-child(2){background:#2dd4bf}.preview-toolbar span:nth-child(3){background:#f59e0b}.preview-toolbar strong{margin-left:auto;font-size:13px}.preview-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preview-kpis div,.preview-work-list article,.landing-module-card{border:1px solid var(--xg-border-soft);border-radius:8px}.preview-kpis div{background:#ffffff12;gap:8px;padding:14px;display:grid}.preview-kpis span,.preview-work-list small{color:#94a3b8;font-size:12px}.preview-kpis strong{font-size:28px}.preview-work-list{gap:10px;display:grid}.preview-work-list article{background:#ffffff0f;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.preview-work-list span{color:#5eead4;font-weight:900}.preview-work-list strong{color:#fff;display:block}.preview-work-list b{color:#ccfbf1;background:#0f766e61;border-radius:999px;padding:6px 9px;font-size:12px}.landing-modules{width:min(1160px,100% - 40px);margin:0 auto;padding:24px 0 76px}.landing-section-heading{gap:8px;max-width:620px;margin-bottom:20px;display:grid}.landing-section-heading h2{font-size:clamp(30px,4vw,46px);line-height:1}.landing-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landing-module-card{background:#ffffffc7;gap:10px;min-height:150px;padding:18px;display:grid;box-shadow:0 18px 45px #0f172a14}.landing-module-card strong{color:var(--xg-text);font-size:17px}.landing-module-card p{color:var(--xg-muted);margin:0;line-height:1.6}.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){.landing-hero,.landing-module-grid{grid-template-columns:1fr}.landing-hero{min-height:auto;padding:36px 0 58px}.landing-product-preview{max-width:640px}.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){.landing-nav{flex-direction:column;align-items:stretch;width:min(100% - 28px,1160px);padding:14px 0;position:relative}.landing-nav-actions{justify-content:space-between}.landing-panel-button,.landing-nav-actions .theme-toggle{flex:1}.landing-hero,.landing-modules{width:min(100% - 28px,1160px)}.landing-hero h1{font-size:44px}.landing-hero-copy>p:not(.eyebrow){font-size:16px}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions .primary-button,.landing-actions .ghost-button{width:100%}.landing-trust-row span{text-align:center;flex:100%}.preview-kpis,.preview-work-list article{grid-template-columns:1fr}.preview-work-list b{width:fit-content}.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] .landing-page{background:radial-gradient(circle at 16% 10%,#2dd4bf29,#0000 28%),linear-gradient(135deg,#020617 0%,#0f172a 48%,#111827 100%)}:root[data-theme=dark] .landing-panel-button,:root[data-theme=dark] .landing-trust-row span,:root[data-theme=dark] .landing-module-card{background:#0f172ac7}:root[data-theme=dark] .landing-product-preview{background:#020617e6;border-color:#2dd4bf33;box-shadow:0 30px 90px #00000057}: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}.login-card{gap:22px;width:min(100% - 48px,500px);padding:34px;display:grid;overflow:hidden}.login-card:after{background:linear-gradient(90deg, var(--xg-brand), #38bdf8, #6366f1);content:"";pointer-events:none;height:4px;position:absolute;top:0;left:0;right:0}.login-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-brand-badge,.login-security-text,.login-feature-strip span{border-radius:999px;font-size:12px;font-weight:900}.login-brand-badge{color:#fff;background:linear-gradient(135deg, var(--xg-brand), #2563eb);padding:8px 11px;box-shadow:0 14px 28px #0f766e2e}.login-security-text{color:var(--xg-muted)}.login-header{margin-bottom:0}.login-header h2{letter-spacing:-.03em;max-width:420px;font-size:clamp(31px,4.4vw,42px)}.login-header p:last-child{max-width:420px;line-height:1.6}.login-form{gap:15px}.auth-field{gap:9px}.auth-field input{border-radius:8px;min-height:50px;padding:14px 15px}.login-card .password-field input{padding-right:88px}.login-card .password-field button{border:1px solid var(--xg-brand-soft);color:var(--xg-brand);background:var(--xg-brand-surface);right:9px}.login-card .login-options{border:1px solid var(--xg-border-soft);background:color-mix(in srgb, var(--xg-surface-soft) 82%, transparent);border-radius:8px;padding:12px}.login-submit{width:100%;min-height:52px;font-size:15px}.login-feature-strip{border-top:1px solid var(--xg-border-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:18px;display:grid}.login-feature-strip span{min-height:38px;color:var(--xg-brand);background:var(--xg-brand-surface);text-align:center;justify-content:center;align-items:center;padding:9px 10px;display:inline-flex}.login-switch-note{text-align:center;margin:0}:root[data-theme=dark] .login-brand-badge{box-shadow:0 16px 34px #2dd4bf24}:root[data-theme=dark] .login-card .login-options{background:#0f172a8a}@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}.login-card{gap:18px;width:auto;margin:16px;padding:22px}.login-card-top,.login-options{flex-direction:column;align-items:flex-start}.login-feature-strip{grid-template-columns:1fr}.login-header h2{font-size:30px}}.landing-page{color:#101820;background:#f4f5f2;min-height:100vh;overflow:hidden}.landing-page .landing-hero{color:#fff;background-image:url(/images/xgarage-workshop-hero.png);background-position:50%;background-size:cover;width:100%;min-height:min(900px,100svh);margin:0;padding:0;display:block;position:relative;overflow:hidden}.landing-page .landing-hero:before{z-index:0;content:"";background:linear-gradient(90deg,#03080cf0 0%,#03080cc2 36%,#03080c2e 70%,#03080c57 100%);position:absolute;inset:0}.landing-page .landing-nav{z-index:3;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #ffffff2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;width:min(1280px,100% - 64px);margin:0 auto;padding:24px 0;display:grid;position:absolute;inset:0 0 auto}.landing-page .landing-brand{color:#fff;align-items:center;gap:12px;width:fit-content;display:inline-flex}.landing-brand-mark{color:#04110f;background:#35d0b0;border-radius:4px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:950;display:inline-grid}.landing-page .landing-brand>span:last-child{text-align:left;gap:1px;display:grid}.landing-page .landing-brand strong{color:#fff;font-size:18px;line-height:1}.landing-page .landing-brand small{color:#ffffff94;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:750}.landing-nav-links{align-items:center;gap:30px;display:flex}.landing-nav-links a{color:#ffffffb8;font-size:13px;font-weight:750;text-decoration:none;transition:color .16s}.landing-nav-links a:hover{color:#fff}.landing-page .landing-nav-actions{flex-wrap:nowrap;justify-content:flex-end;gap:10px;display:flex}.landing-page .landing-nav-actions .theme-toggle,.landing-page .landing-panel-button{color:#fff;background:#050c108a;border:1px solid #ffffff3d;border-radius:4px;min-height:42px}.landing-page .landing-nav-actions .theme-toggle{width:auto}.landing-page .landing-nav-actions .theme-toggle span{background:#35d0b0}.landing-page .landing-panel-button{cursor:pointer;font:inherit;padding:0 16px;font-size:13px;font-weight:850}.landing-page .landing-panel-button span,.landing-primary-button span{margin-left:12px;font-size:18px}.landing-hero-content{z-index:1;flex-direction:column;justify-content:center;width:min(1280px,100% - 64px);min-height:min(900px,100svh);margin:0 auto;padding:136px 0 124px;display:flex;position:relative}.landing-kicker{color:#78ead2;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:12px;font-weight:850;display:flex}.landing-kicker span{background:#35d0b0;width:28px;height:2px}.landing-page .landing-hero h1{color:#fff;letter-spacing:0;max-width:760px;margin:0;font-size:clamp(54px,6.8vw,96px);line-height:.94}.landing-hero-lead{color:#ffffffad;max-width:610px;margin:28px 0 0;font-size:18px;line-height:1.65}.landing-page .landing-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.landing-primary-button,.landing-final-cta button{cursor:pointer;color:#05130f;min-height:54px;font:inherit;background:#35d0b0;border:0;border-radius:4px;padding:0 20px;font-size:14px;font-weight:900;transition:background .16s,transform .16s}.landing-primary-button:hover,.landing-final-cta button:hover{background:#62e3c8;transform:translateY(-2px)}.landing-text-button{cursor:pointer;color:#fffc;font:inherit;background:0 0;border:0;border-bottom:1px solid #ffffff6b;padding:6px 0;font-size:13px;font-weight:750}.landing-hero-foot{z-index:2;color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;font-size:11px;font-weight:750;display:grid;position:absolute;bottom:30px;left:max(32px,50% - 640px);right:max(32px,50% - 640px)}.landing-hero-foot>span:first-child{color:#35d0b0}.landing-hero-foot p{margin:0;line-height:1.45}.landing-hero-foot div{background:#ffffff2e;height:1px}.landing-story,.landing-modules,.landing-footer{width:min(1180px,100% - 64px);margin:0 auto}.landing-story{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:100px;padding:118px 0 72px;display:grid}.landing-section-label{color:#0f8b75;letter-spacing:.15em;margin:0 0 18px;font-size:11px;font-weight:900}.landing-story h2,.landing-section-heading h2,.landing-final-cta h2{color:#101820;letter-spacing:0;margin:0;font-size:clamp(42px,5vw,70px);line-height:.98}.landing-story-copy{align-self:end}.landing-story-copy>p{color:#5a646b;margin:0;font-size:17px;line-height:1.75}.landing-stats{border-top:1px solid #cfd4d1;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;padding-top:26px;display:grid}.landing-stats div{gap:5px;display:grid}.landing-stats strong{color:#101820;font-size:27px}.landing-stats span{color:#747d82;font-size:12px}.landing-dashboard-showcase{background:#101820;width:min(1380px,100% - 40px);margin:0 auto;padding:42px}.showcase-window{background:#f4f6f5;border:1px solid #283138;border-radius:7px;grid-template-columns:205px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden;box-shadow:0 30px 80px #0000004d}.showcase-sidebar{color:#fff;background:#0c1318;padding:28px 22px}.showcase-logo{align-items:center;gap:9px;display:flex}.showcase-logo>span{color:#06110e;background:#35d0b0;border-radius:4px;place-items:center;width:30px;height:30px;font-weight:950;display:grid}.showcase-sidebar>small{color:#66727a;letter-spacing:.12em;margin:28px 0 14px;font-size:9px;font-weight:850;display:block}.showcase-sidebar nav{gap:8px;display:grid}.showcase-sidebar nav span,.showcase-sidebar nav b{color:#829099;border-radius:4px;padding:11px 12px;font-size:12px}.showcase-sidebar nav b{color:#d8fff6;background:#35d0b021}.showcase-main{padding:30px}.showcase-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.showcase-header>div{gap:4px;display:grid}.showcase-header small{color:#899399;font-size:10px}.showcase-header strong{color:#141d22;font-size:23px}.showcase-header>span{color:#0b5f50;background:#c9f6ec;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.showcase-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.showcase-kpis article{background:#fff;border:1px solid #dce1de;border-radius:5px;gap:8px;min-height:120px;padding:16px;display:grid}.showcase-kpis span,.showcase-kpis small{color:#7b858b;font-size:10px}.showcase-kpis strong{color:#101820;font-size:24px}.showcase-kpis .positive{color:#0f8b75}.showcase-workflow{grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr);gap:14px;margin-top:14px;display:grid}.showcase-table,.showcase-progress{background:#fff;border:1px solid #dce1de;border-radius:5px;padding:20px}.showcase-table-head{justify-content:space-between;border:0!important;padding:0 0 17px!important;display:flex!important}.showcase-table-head span{color:#0f8b75;font-size:10px;font-weight:800}.showcase-table>div:not(.showcase-table-head){border-top:1px solid #edf0ee;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;display:grid}.showcase-table>div>b{color:#0f8b75;font-size:12px}.showcase-table>div>span{gap:3px;display:grid}.showcase-table>div>span strong{color:#263138;font-size:12px}.showcase-table small{color:#899399;font-size:10px}.showcase-table em{color:#176957;background:#e5f8f3;border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:850}.showcase-progress>strong{color:#202a30;font-size:13px}.progress-ring{border:14px solid #35d0b0;border-right-color:#dce6e2;border-radius:50%;place-items:center;width:126px;height:126px;margin:26px auto;display:grid;transform:rotate(-35deg)}.progress-ring span{color:#101820;text-align:center;gap:1px;font-size:28px;font-weight:900;display:grid;transform:rotate(35deg)}.progress-ring small{color:#7f898e;font-size:9px}.showcase-progress p{color:#6f797f;align-items:center;gap:8px;margin:9px 0;font-size:10px;display:flex}.showcase-progress p i{background:#35d0b0;border-radius:50%;width:7px;height:7px}.showcase-progress p:nth-of-type(2) i{background:#f1b84b}.showcase-progress p:nth-of-type(3) i{background:#c9d1ce}.showcase-progress p b{color:#243037;margin-left:auto}.landing-page .landing-modules{padding:122px 0}.landing-page .landing-section-heading{max-width:none;margin:0 0 54px}.landing-page .landing-module-grid{border-top:1px solid #cdd2cf;border-left:1px solid #cdd2cf;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.landing-page .landing-module-card{color:#101820;min-height:190px;box-shadow:none;background:0 0;border:1px solid #cdd2cf;border-top:0;border-left:0;border-radius:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:20px;padding:30px;transition:color .18s,background .18s;display:grid}.landing-page .landing-module-card:hover{color:#fff;background:#101820}.landing-module-card>span{color:#0f8b75;font-size:11px;font-weight:900}.landing-module-card>div{gap:12px;display:grid}.landing-page .landing-module-card strong{color:inherit;font-size:23px}.landing-page .landing-module-card p{color:#667076;max-width:360px;font-size:14px;line-height:1.65}.landing-page .landing-module-card:hover p{color:#fff9}.landing-module-card>b{color:#0f8b75;font-size:21px}.landing-final-cta{color:#fff;text-align:center;background:#101820;align-content:center;place-items:center;min-height:520px;padding:80px 24px;display:grid}.landing-final-cta .landing-section-label{color:#35d0b0}.landing-final-cta h2{color:#fff}.landing-final-cta button{margin-top:34px}.landing-final-cta button span{margin-left:20px}.landing-page .landing-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:28px 0;display:grid}.landing-footer p{color:#768087;text-transform:uppercase;font-size:11px}.landing-footer button{cursor:pointer;color:#101820;font:inherit;background:0 0;border:0;border-bottom:1px solid #101820;justify-self:end;padding:5px 0;font-size:12px;font-weight:850}:root[data-theme=dark] .landing-page{color:#e9efec;background:#0c1318}:root[data-theme=dark] .landing-story h2,:root[data-theme=dark] .landing-section-heading h2,:root[data-theme=dark] .landing-stats strong,:root[data-theme=dark] .landing-module-card,:root[data-theme=dark] .landing-footer button{color:#f3f6f4}:root[data-theme=dark] .landing-story-copy>p,:root[data-theme=dark] .landing-module-card p,:root[data-theme=dark] .landing-footer p{color:#99a39e}:root[data-theme=dark] .landing-page .landing-module-grid,:root[data-theme=dark] .landing-page .landing-module-card,:root[data-theme=dark] .landing-stats{border-color:#303a3f}:root[data-theme=dark] .landing-page .landing-module-card{background:0 0}:root[data-theme=dark] .landing-page .landing-module-card:hover{background:#182329}@media (width<=900px){.landing-page .landing-nav{grid-template-columns:1fr auto;width:min(100% - 36px,1280px)}.landing-nav-links{display:none}.landing-hero-content{width:min(100% - 48px,1280px)}.landing-story{grid-template-columns:1fr;gap:38px}.showcase-window{grid-template-columns:150px minmax(0,1fr)}.showcase-sidebar{padding:24px 14px}.showcase-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-workflow{grid-template-columns:1fr}.showcase-progress{display:none}}@media (width<=640px){.landing-page .landing-hero{background-position:60%;min-height:760px}.landing-page .landing-hero:before{background:#03080cb8}.landing-page .landing-nav{flex-direction:row;align-items:center;gap:10px;width:calc(100% - 28px);padding:14px 0;display:flex;position:absolute}.landing-page .landing-brand small,.landing-page .landing-nav-actions .theme-toggle strong{display:none}.landing-page .landing-nav-actions{margin-left:auto}.landing-page .landing-nav-actions .theme-toggle{place-items:center;width:42px;padding:0;display:grid}.landing-page .landing-nav-actions .theme-toggle span{margin:0}.landing-page .landing-panel-button{padding:0 12px}.landing-page .landing-panel-button span{display:none}.landing-hero-content{justify-content:flex-end;width:calc(100% - 36px);min-height:760px;padding:120px 0 150px}.landing-page .landing-hero h1{font-size:52px}.landing-hero-lead{margin-top:22px;font-size:15px}.landing-page .landing-actions{flex-direction:column;align-items:stretch;gap:12px}.landing-text-button{align-self:flex-start}.landing-hero-foot{grid-template-columns:auto 1fr;bottom:20px;left:18px;right:18px}.landing-hero-foot div,.landing-hero-foot>span:last-child{display:none}.landing-story,.landing-page .landing-modules,.landing-page .landing-footer{width:calc(100% - 36px)}.landing-story{padding:78px 0 52px}.landing-story h2,.landing-section-heading h2,.landing-final-cta h2{font-size:42px}.landing-stats{gap:12px}.landing-dashboard-showcase{width:100%;padding:18px}.showcase-window{min-height:0;display:block}.showcase-sidebar{display:none}.showcase-main{padding:18px}.showcase-header strong{font-size:18px}.showcase-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-kpis article{min-height:104px;padding:12px}.showcase-kpis strong{font-size:18px}.showcase-table{padding:14px}.showcase-table>div:not(.showcase-table-head){grid-template-columns:46px minmax(0,1fr)}.showcase-table em{display:none}.landing-page .landing-modules{padding:78px 0}.landing-page .landing-module-grid{grid-template-columns:1fr}.landing-page .landing-module-card{min-height:160px;padding:22px 18px}.landing-final-cta{min-height:430px}.landing-page .landing-footer{grid-template-columns:1fr auto}.landing-footer p{display:none}}.landing-nav-entrance{animation:.7s cubic-bezier(.22,1,.36,1) 80ms both landingNavIn}.landing-hero-entrance .landing-kicker,.landing-hero-entrance h1,.landing-hero-entrance .landing-hero-lead,.landing-hero-entrance .landing-actions{animation:.85s cubic-bezier(.22,1,.36,1) both landingHeroItemIn}.landing-hero-entrance .landing-kicker{animation-delay:.18s}.landing-hero-entrance h1{animation-delay:.28s}.landing-hero-entrance .landing-hero-lead{animation-delay:.4s}.landing-hero-entrance .landing-actions{animation-delay:.51s}.landing-page .landing-hero{animation:14s cubic-bezier(.2,.65,.3,1) both landingHeroCamera}.landing-kicker span{transform-origin:0;animation:2.4s ease-in-out 1.1s infinite landingLinePulse}.landing-hero-foot-entrance{animation:.9s .74s both landingFootIn}.landing-hero-foot-entrance div{transform-origin:0;animation:1.2s cubic-bezier(.22,1,.36,1) 1s both landingLineGrow}.landing-reveal{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(42px)}.landing-reveal.is-visible{opacity:1;transform:translateY(0)}.landing-story-copy.landing-reveal{transition-delay:.12s}.landing-module-card.landing-reveal:nth-child(2){transition-delay:90ms}.landing-module-card.landing-reveal:nth-child(3){transition-delay:.18s}.landing-module-card.landing-reveal:nth-child(4){transition-delay:.27s}.landing-page .landing-module-card.is-visible:hover{transform:translateY(-6px)}.landing-dashboard-showcase.is-visible .showcase-kpis article{animation:.62s cubic-bezier(.22,1,.36,1) both landingKpiIn}.landing-dashboard-showcase.is-visible .showcase-kpis article:first-child{animation-delay:.18s}.landing-dashboard-showcase.is-visible .showcase-kpis article:nth-child(2){animation-delay:.25s}.landing-dashboard-showcase.is-visible .showcase-kpis article:nth-child(3){animation-delay:.32s}.landing-dashboard-showcase.is-visible .showcase-kpis article:nth-child(4){animation-delay:.39s}.landing-dashboard-showcase.is-visible .showcase-table>div:not(.showcase-table-head){animation:.56s cubic-bezier(.22,1,.36,1) both landingRowIn}.landing-dashboard-showcase.is-visible .showcase-table>div:nth-child(2){animation-delay:.43s}.landing-dashboard-showcase.is-visible .showcase-table>div:nth-child(3){animation-delay:.51s}.landing-dashboard-showcase.is-visible .showcase-table>div:nth-child(4){animation-delay:.59s}.landing-dashboard-showcase.is-visible .progress-ring{animation:.9s cubic-bezier(.22,1,.36,1) .42s both landingRingIn}.showcase-progress p i{animation:2.2s ease-in-out infinite landingStatusPulse}.showcase-progress p:nth-of-type(2) i{animation-delay:.3s}.showcase-progress p:nth-of-type(3) i{animation-delay:.6s}.landing-primary-button span,.landing-final-cta button span,.landing-panel-button span{transition:transform .18s;display:inline-block}.landing-primary-button:hover span,.landing-final-cta button:hover span,.landing-panel-button:hover span{transform:translate(4px)}.landing-final-content{place-items:center;display:grid}@keyframes landingNavIn{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes landingHeroItemIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes landingHeroCamera{0%{background-position:54%}to{background-position:50%}}@keyframes landingLinePulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.55;transform:scaleX(.55)}}@keyframes landingFootIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landingLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes landingKpiIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landingRowIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes landingRingIn{0%{opacity:0;transform:rotate(-120deg)scale(.74)}to{opacity:1;transform:rotate(-35deg)scale(1)}}@keyframes landingStatusPulse{0%,to{box-shadow:0 0 #35d0b000}50%{box-shadow:0 0 0 5px #35d0b021}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-reveal{opacity:1;transform:none}}.login-layout{isolation:isolate;color:#eafdf9;background-color:#02070b;background-image:url(/images/xgarage-workshop-hero.png);background-position:50%;background-size:cover;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);min-height:100svh;animation:18s ease-out both cyberBackdropDrift;display:grid;position:relative;overflow:hidden}.login-layout:before{z-index:-1;content:"";background:linear-gradient(90deg,#01060af0 0%,#01080cc7 45%,#02060ce0 100%),linear-gradient(#02f7cb0d,#0000 35%);border-radius:0;width:auto;height:auto;position:absolute;inset:0}.login-layout:after{z-index:6;opacity:.13;content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#49ffe229 4px);position:absolute;inset:0}.cyber-grid{z-index:0;opacity:.24;transform-origin:top;pointer-events:none;background-image:linear-gradient(#20f7d447 1px,#0000 1px),linear-gradient(90deg,#20f7d447 1px,#0000 1px);background-size:62px 42px;height:72%;animation:7s linear infinite cyberGridTravel;position:absolute;bottom:-42%;left:-20%;right:-20%;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 24% 82%,#0000);mask-image:linear-gradient(#0000,#000 24% 82%,#0000)}.cyber-scanline{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#20f7d4b3,#28d7ffe6,#0000);height:2px;animation:6s linear 1.4s infinite cyberScan;position:absolute;left:0;right:0;box-shadow:0 0 28px #20f7d46b}.login-layout .auth-home-action{z-index:8;cursor:pointer;color:#e3fff99e;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;font-size:11px;font-weight:850;transition:color .18s;display:inline-flex;position:absolute;top:28px;left:34px}.login-layout .auth-home-action:hover{color:#20f7d4}.login-layout .auth-home-action span{color:#20f7d4;font-size:17px;transition:transform .18s}.login-layout .auth-home-action:hover span{transform:translate(-4px)}.login-layout .auth-theme-action{z-index:8;top:22px;right:30px}.login-layout .theme-toggle{color:#dffff8;background:#020a10b8;border:1px solid #20f7d44d;border-radius:4px;min-height:42px;box-shadow:0 0 28px #20f7d414}.login-layout .theme-toggle span{color:#02100d;background:#20f7d4;border-radius:3px}.login-layout .intro-panel{z-index:2;justify-content:center;justify-self:center;gap:28px;max-width:760px;padding:110px 64px 70px;display:flex;position:relative}.login-layout .intro-copy{gap:18px}.auth-brand-lockup{align-items:center;gap:12px;margin-bottom:14px;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both cyberIntroIn;display:flex}.auth-brand-lockup .brand-mark{color:#01100c;background:#20f7d4;border:1px solid #20f7d4cc;border-radius:4px;width:46px;height:46px;font-size:23px;box-shadow:0 0 28px #20f7d452}.auth-brand-lockup>span:last-child{gap:3px;display:grid}.auth-brand-lockup strong{color:#fff;font-size:20px;line-height:1}.auth-brand-lockup small{color:#a1ccc485;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.login-layout .auth-system-status{color:#20f7d4;letter-spacing:.12em;align-items:center;gap:9px;font-family:Courier New,monospace;font-size:11px;animation:.7s cubic-bezier(.22,1,.36,1) .17s both cyberIntroIn;display:flex}.auth-system-status i,.login-brand-badge i,.login-feature-strip i{background:#20f7d4;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite cyberPulse;box-shadow:0 0 0 4px #20f7d417,0 0 16px #20f7d4a6}.login-layout .intro-panel h1{color:#f6fffd;letter-spacing:0;text-shadow:0 0 42px #20f7d414;max-width:720px;font-size:clamp(54px,5.5vw,82px);line-height:.93;animation:.8s cubic-bezier(.22,1,.36,1) .24s both cyberIntroIn}.login-layout .intro-panel h1 em{color:#0000;background:linear-gradient(90deg,#20f7d4,#28d7ff 62%,#9a7dff);-webkit-background-clip:text;background-clip:text;font-style:normal}.login-layout .intro-copy>p:last-child{color:#ddf1eda1;max-width:590px;font-size:16px;line-height:1.7;animation:.8s cubic-bezier(.22,1,.36,1) .33s both cyberIntroIn}.login-layout .auth-terminal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020a0fa8;border:1px solid #20f7d43d;border-radius:5px;gap:8px;width:min(100%,610px);padding:16px;animation:.85s cubic-bezier(.22,1,.36,1) .43s both cyberTerminalIn;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000042,inset 0 0 32px #20f7d406}.login-layout .auth-terminal:before{content:"";background:#20f7d4;width:36%;height:1px;animation:4.6s linear 1.2s infinite cyberBeam;position:absolute;top:0;left:-40%;box-shadow:0 0 18px #20f7d4}.login-layout .preview-header{color:#20f7d4;letter-spacing:.1em;grid-template-columns:1fr auto;padding:2px 4px 10px;font-family:Courier New,monospace;font-size:10px}.login-layout .preview-header strong{color:#d4efea73;grid-column:auto;font-family:inherit;font-size:10px;font-weight:700}.login-layout .preview-row{background:#08171db8;border:1px solid #68968f1f;border-radius:3px;grid-template-columns:58px minmax(0,1fr) auto;padding:11px 12px;animation:.6s cubic-bezier(.22,1,.36,1) both cyberRowIn}.login-layout .preview-row:nth-child(2){animation-delay:.65s}.login-layout .preview-row:nth-child(3){animation-delay:.74s}.login-layout .preview-row:nth-child(4){animation-delay:.83s}.login-layout .preview-row span{color:#28d7ff;font-family:Courier New,monospace;font-size:12px}.login-layout .preview-row p{color:#e1f7f3b8;font-size:12px}.login-layout .preview-row p b{color:#fff;margin-right:9px;font-size:11px}.login-layout .preview-row strong{color:#69ffe4;letter-spacing:.05em;text-transform:uppercase;background:#20f7d414;border:1px solid #20f7d42e;border-radius:2px;font-family:Courier New,monospace;font-size:9px}.login-layout .auth-data-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,610px);margin-top:0;animation:.8s cubic-bezier(.22,1,.36,1) .6s both cyberTerminalIn;display:grid}.login-layout .auth-data-strip span{color:#cfebe780;box-shadow:none;background:#020a0f8f;border:1px solid #28d7ff2b;border-radius:3px;grid-template-columns:auto 1fr;align-items:end;gap:3px 9px;padding:12px;font-size:10px;display:grid}.login-layout .auth-data-strip small{color:#28d7ff;letter-spacing:.12em;grid-column:1/-1;font-family:Courier New,monospace;font-size:8px}.login-layout .auth-data-strip strong{color:#fff;font-family:Courier New,monospace;font-size:22px;line-height:1}.auth-signal-line{align-items:center;gap:14px;width:min(100%,610px);display:flex}.auth-signal-line:before{color:#20f7d470;letter-spacing:.12em;content:"SIGNAL STABLE";font-family:Courier New,monospace;font-size:8px}.auth-signal-line span{background:#20f7d426;flex:1;height:1px;overflow:hidden}.auth-signal-line span:after{content:"";background:linear-gradient(90deg,#0000,#20f7d4,#0000);width:28%;height:1px;animation:2.8s linear infinite cyberSignal;display:block}.auth-signal-line i{background:#20f7d4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #20f7d4}.login-layout .login-card{z-index:3;color:#e9fffa;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#030b12e0;border:1px solid #20f7d447;border-radius:6px;place-self:center;gap:18px;width:min(100% - 64px,480px);margin:78px 34px 46px;padding:30px;animation:.9s cubic-bezier(.22,1,.36,1) .18s both cyberCardIn;display:grid;position:relative;overflow:visible;box-shadow:0 36px 100px #0000007a,inset 0 0 0 1px #28d7ff0a,0 0 60px #20f7d40d}.login-layout .login-card:before{z-index:0;content:"";pointer-events:none;background:0 0;border:1px solid #28d7ff0e;border-radius:3px;position:absolute;inset:8px}.login-layout .login-card:after{background:linear-gradient(90deg,#0000,#20f7d4,#28d7ff,#0000);width:34%;height:2px;animation:5s ease-in-out infinite alternate cyberCardBeam;top:-1px;left:0;right:auto;box-shadow:0 0 20px #20f7d4bf}.login-corner{pointer-events:none;width:22px;height:22px;z-index:3!important;position:absolute!important}.login-corner-top{border-top:2px solid #7c5cff;border-right:2px solid #7c5cff;top:-5px;right:-5px;box-shadow:6px -6px 22px #7c5cff47}.login-corner-bottom{border-bottom:2px solid #20f7d4;border-left:2px solid #20f7d4;bottom:-5px;left:-5px;box-shadow:-6px 6px 22px #20f7d447}.login-layout .login-card-top{font-family:Courier New,monospace}.login-layout .login-brand-badge{color:#20f7d4;box-shadow:none;letter-spacing:.1em;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0;font-size:9px;display:inline-flex}.login-layout .login-security-text{color:#9fc7c06b;letter-spacing:.1em;font-size:9px}.login-layout .login-header{gap:9px}.login-layout .login-header .eyebrow{color:#28d7ff;letter-spacing:.15em;font-family:Courier New,monospace;font-size:10px}.login-layout .login-header h2{color:#f6fffd;letter-spacing:0;max-width:430px;font-size:clamp(34px,3.4vw,46px);line-height:1.02}.login-layout .login-header p:last-child{color:#cce9e380;font-size:13px;line-height:1.6}.login-layout .login-form{gap:14px}.login-layout .auth-field{color:#bad6d0;letter-spacing:.03em;gap:8px;font-size:11px;font-weight:800}.field-label{align-items:center;gap:9px;display:flex}.field-label b{color:#20f7d4;font-family:Courier New,monospace;font-size:9px}.cyber-input-wrap{display:block;position:relative}.login-layout .auth-field input{color:#effffb;caret-color:#20f7d4;background:#040f16d1;border:1px solid #6c999347;border-radius:3px;min-height:52px;padding:14px 15px;font-size:13px;box-shadow:inset 0 0 24px #0000002e}.login-layout .auth-field input::placeholder{color:#a4c4be57}.login-layout .auth-field input:focus{border-color:#20f7d4b8;outline:1px solid #20f7d426;box-shadow:0 0 0 4px #20f7d40d,inset 0 0 24px #20f7d406}.cyber-input-wrap>i{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#20f7d4,#0000);height:1px;transition:opacity .18s,transform .24s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.3)}.cyber-input-wrap:focus-within>i{opacity:1;transform:scaleX(1)}.login-layout .login-card .password-field input{padding-right:80px}.login-layout .login-card .password-field button{color:#20f7d4;letter-spacing:.05em;text-transform:uppercase;background:#20f7d40f;border:1px solid #20f7d433;border-radius:2px;font-family:Courier New,monospace;font-size:9px;right:8px}.login-layout .login-card .login-options{background:0 0;border:0;border-radius:0;padding:4px 0}.login-layout .checkbox-label{color:#c4e0da8f;font-size:11px}.login-layout .checkbox-label input{accent-color:#20f7d4;border-radius:0;width:15px;height:15px}.login-layout .text-button{color:#28d7ff;font-size:11px}.login-layout .form-message{color:#ff9eaa;background:#7f1d1d2e;border:1px solid #f8717138;border-radius:3px;font-family:Courier New,monospace;font-size:11px}.login-layout .login-submit{color:#02110d;letter-spacing:.01em;background:#20f7d4;border:1px solid #20f7d4;border-radius:3px;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;font-size:13px;display:flex;overflow:hidden;box-shadow:0 0 28px #20f7d42b}.login-layout .login-submit:hover{color:#00100c;background:#64ffe5;transform:translateY(-2px);box-shadow:0 0 38px #20f7d44d}.login-layout .login-submit b{font-size:20px;transition:transform .18s}.login-layout .login-submit:hover b{transform:translate(5px)}.login-layout .login-feature-strip{border-top:1px solid #507d7729;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:16px;display:grid}.login-layout .login-feature-strip span{color:#cae8e27a;letter-spacing:.04em;text-transform:uppercase;background:#28d7ff06;border:1px solid #28d7ff1a;border-radius:2px;gap:7px;min-height:32px;padding:7px;font-family:Courier New,monospace;font-size:8px;display:inline-flex}.login-layout .login-feature-strip i{width:5px;height:5px;animation-delay:.6s}.login-layout .login-switch-note{color:#b3d3cd6b;font-size:11px}.login-layout .login-switch-note button{color:#20f7d4}:root[data-theme=dark] .login-layout .auth-card,:root[data-theme=dark] .login-layout .theme-toggle,:root[data-theme=dark] .login-layout .login-card .login-options{background-color:#030b12e0}@keyframes cyberBackdropDrift{0%{background-position:54%}to{background-position:50%}}@keyframes cyberGridTravel{0%{background-position:0 0}to{background-position:0 84px}}@keyframes cyberScan{0%{opacity:0;top:-2%}8%,82%{opacity:.52}to{opacity:0;top:102%}}@keyframes cyberIntroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cyberTerminalIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cyberRowIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes cyberCardIn{0%{opacity:0;transform:translate(34px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes cyberPulse{0%,to{opacity:.55;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@keyframes cyberBeam{0%{left:-40%}to{left:110%}}@keyframes cyberCardBeam{0%{left:0}to{left:66%}}@keyframes cyberSignal{0%{transform:translate(-110%)}to{transform:translate(360%)}}@media (width<=1100px){.login-layout{grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr)}.login-layout .intro-panel{padding-left:38px;padding-right:30px}.login-layout .intro-panel h1{font-size:58px}.login-layout .auth-terminal{max-width:520px}}@media (width<=820px){.login-layout{background-position:62%;display:block;overflow:auto}.login-layout .intro-panel{max-width:none;padding:92px 24px 22px}.login-layout .intro-panel h1{font-size:52px}.login-layout .auth-terminal,.login-layout .auth-data-strip,.login-layout .auth-signal-line{display:none}.login-layout .login-card{width:min(100% - 32px,540px);margin:18px auto 46px}}@media (width<=560px){.login-layout .auth-home-action{top:18px;left:18px}.login-layout .auth-theme-action{margin:0;position:absolute;top:12px;right:14px}.login-layout .theme-toggle{min-height:38px;padding:6px 8px}.login-layout .theme-toggle strong{display:none}.login-layout .intro-panel{padding:78px 18px 4px}.login-layout .intro-copy{gap:10px}.login-layout .auth-brand-lockup{margin-bottom:5px}.login-layout .auth-brand-lockup .brand-mark{width:40px;height:40px}.login-layout .intro-panel h1,.login-layout .intro-copy>p:last-child,.login-layout .auth-system-status{display:none}.login-layout .login-card{gap:17px;width:calc(100% - 28px);margin:16px auto 28px;padding:24px 20px}.login-layout .login-card-top{flex-direction:row;align-items:center}.login-layout .login-header h2{font-size:34px}.login-layout .login-card .login-options{flex-direction:row;align-items:center}.login-layout .login-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.login-layout .login-feature-strip span{padding:6px 3px;font-size:7px}}@media (prefers-reduced-motion:reduce){.login-layout *,.login-layout :before,.login-layout :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modern-login-layout{isolation:isolate;background-color:#071016;background-image:url(/images/xgarage-workshop-hero.png);background-position:50%;background-size:cover;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);min-height:100svh;animation:16s ease-out both modernLoginBackdrop;display:grid;position:relative;overflow:hidden}.modern-login-layout:before{z-index:-1;content:"";background:linear-gradient(90deg,#050d12ed 0%,#050d12c2 52%,#050d128f 100%);border-radius:0;width:auto;height:auto;position:absolute;inset:0}.modern-login-layout:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(#ffffff06,#0000 28%,#00000024);position:absolute;inset:0}.modern-login-layout .auth-home-action{z-index:8;cursor:pointer;color:#ffffffa3;font:inherit;background:0 0;border:0;align-items:center;gap:9px;padding:8px 0;font-size:12px;font-weight:800;transition:color .18s;display:inline-flex;position:absolute;top:26px;left:32px}.modern-login-layout .auth-home-action:hover{color:#fff}.modern-login-layout .auth-home-action span{color:#50d8bd;font-size:18px;transition:transform .18s}.modern-login-layout .auth-home-action:hover span{transform:translate(-4px)}.modern-login-layout .auth-theme-action{z-index:8;top:22px;right:28px}.modern-login-layout .theme-toggle{color:#fff;min-height:42px;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0710168a;border:1px solid #ffffff2e;border-radius:6px}.modern-login-layout .intro-panel{z-index:2;justify-content:center;justify-self:center;gap:25px;max-width:760px;padding:104px 58px 62px;display:flex;position:relative}.modern-login-layout .auth-brand-lockup{align-items:center;gap:12px;margin-bottom:14px;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both modernLoginItemIn;display:flex}.modern-login-layout .auth-brand-lockup .brand-mark{color:#fff;background:#159a83;border:0;border-radius:6px;width:44px;height:44px;font-size:22px;box-shadow:0 14px 36px #159a8342}.modern-login-layout .auth-brand-lockup>span:last-child{gap:3px;display:grid}.modern-login-layout .auth-brand-lockup strong{color:#fff;font-size:20px;line-height:1}.modern-login-layout .auth-brand-lockup small{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.modern-login-layout .auth-system-status{color:#62dec8;letter-spacing:.1em;font-family:inherit;font-size:11px;animation:.7s cubic-bezier(.22,1,.36,1) .16s both modernLoginItemIn;display:block}.modern-login-layout .intro-panel h1{color:#fff;letter-spacing:0;text-shadow:0 24px 70px #00000047;max-width:700px;font-size:clamp(54px,5.4vw,80px);line-height:.95;animation:.8s cubic-bezier(.22,1,.36,1) .23s both modernLoginItemIn}.modern-login-layout .intro-panel h1 em{color:#62dec8;background:0 0;font-style:normal}.modern-login-layout .preview-header{color:#ffffff75;grid-template-columns:64px 1fr;padding:2px 3px 9px;font-family:inherit;font-size:11px}.modern-login-layout .preview-header strong{color:#fff;grid-column:auto;font-size:12px}.modern-login-layout .preview-row{background:#ffffff12;border:0;border-radius:5px;grid-template-columns:58px minmax(0,1fr) auto;padding:11px 12px;animation:.55s cubic-bezier(.22,1,.36,1) both modernLoginRowIn}.modern-login-layout .preview-row:nth-child(2){animation-delay:.56s}.modern-login-layout .preview-row:nth-child(3){animation-delay:.64s}.modern-login-layout .preview-row:nth-child(4){animation-delay:.72s}.modern-login-layout .preview-row span{color:#62dec8;font-family:inherit;font-size:12px}.modern-login-layout .preview-row p{color:#ffffffb3;font-size:12px}.modern-login-layout .preview-row p b{color:#fff;margin-right:8px;font-size:11px}.modern-login-layout .preview-row strong{color:#c8fff5;letter-spacing:0;text-transform:none;background:#159a8347;border:0;border-radius:999px;font-family:inherit;font-size:9px}.modern-login-layout .auth-data-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(100%,600px);margin-top:0;animation:.8s cubic-bezier(.22,1,.36,1) .52s both modernLoginPanelIn;display:grid}.modern-login-layout .auth-data-strip span{color:#fff;box-shadow:none;background:#07101680;border:1px solid #ffffff1f;border-radius:6px;gap:8px;padding:13px;display:grid}.modern-login-layout .auth-data-strip small{color:#ffffff7a;letter-spacing:0;text-transform:none;font-size:9px;font-weight:750}.modern-login-layout .auth-data-strip strong{color:#fff;font-family:inherit;font-size:23px}.modern-login-layout .login-card{z-index:3;color:#182126;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fafcfbf0;border:1px solid #ffffff80;border-radius:8px;place-self:center;gap:20px;width:min(100% - 64px,480px);margin:76px 34px 44px;padding:31px;animation:.85s cubic-bezier(.22,1,.36,1) .17s both modernLoginCardIn;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000057}.modern-login-layout .login-card:before{border-radius:inherit;background:linear-gradient(145deg,#50d8bd14,#0000 42%);border:0;inset:0}.modern-login-layout .login-card:after{width:auto;height:3px;box-shadow:none;background:#2cbfa4;animation:none;top:0;left:0;right:0}.modern-login-layout .login-card-top{align-items:center}.modern-login-layout .login-brand-badge{color:#087561;box-shadow:none;letter-spacing:0;background:#dff8f2;border:0;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:10px}.modern-login-layout .login-security-text{color:#78868d;letter-spacing:0;align-items:center;gap:7px;font-family:inherit;font-size:10px;display:inline-flex}.modern-login-layout .login-security-text i{background:#2cbfa4;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite modernLoginPulse;box-shadow:0 0 0 4px #2cbfa41c}.modern-login-layout .login-header{gap:8px}.modern-login-layout .login-header .eyebrow{color:#159a83;letter-spacing:.11em;font-family:inherit;font-size:10px}.modern-login-layout .login-header h2{color:#121a1e;letter-spacing:0;max-width:420px;font-size:clamp(34px,3.3vw,44px);line-height:1.05}.modern-login-layout .login-header p:last-child{color:#6a787f;font-size:13px;line-height:1.6}.modern-login-layout .login-form{gap:14px}.modern-login-layout .auth-field{color:#354148;gap:8px;font-size:11px;font-weight:800}.modern-login-layout .auth-field input{color:#172126;min-height:52px;box-shadow:none;background:#ffffffe0;border:1px solid #d4dcda;border-radius:6px;padding:14px 15px;font-size:13px}.modern-login-layout .auth-field input::placeholder{color:#9aa5a9}.modern-login-layout .auth-field input:focus{box-shadow:none;border-color:#2cbfa4;outline:3px solid #2cbfa41f}.modern-login-layout .login-card .password-field input{padding-right:80px}.modern-login-layout .login-card .password-field button{color:#087561;letter-spacing:0;text-transform:none;background:#e6f8f4;border:0;border-radius:4px;font-family:inherit;font-size:10px;right:8px}.modern-login-layout .login-card .login-options{background:0 0;border:0;border-radius:0;padding:4px 0}.modern-login-layout .checkbox-label{color:#65747b;font-size:11px}.modern-login-layout .checkbox-label input{accent-color:#159a83;width:15px;height:15px}.modern-login-layout .text-button{color:#087561;font-size:11px}.modern-login-layout .login-submit{color:#fff;background:#159a83;border:0;border-radius:6px;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;font-size:13px;display:flex;box-shadow:0 14px 30px #159a8338}.modern-login-layout .login-submit:hover{background:#0f826f;transform:translateY(-2px);box-shadow:0 17px 34px #159a8347}.modern-login-layout .login-submit b{font-size:19px;transition:transform .18s}.modern-login-layout .login-submit:hover b{transform:translate(4px)}.modern-login-layout .login-feature-strip{border-top:1px solid #e1e7e5;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:16px}.modern-login-layout .login-feature-strip span{color:#477069;letter-spacing:0;text-transform:none;background:#eef6f4;border:0;border-radius:5px;min-height:32px;padding:7px;font-family:inherit;font-size:9px}.modern-login-layout .login-switch-note{color:#859197;font-size:11px}:root[data-theme=dark] .modern-login-layout .login-card{color:#eef7f5;background:#0a141aed;border-color:#ffffff1f}:root[data-theme=dark] .modern-login-layout .login-header p:last-child,:root[data-theme=dark] .modern-login-layout .checkbox-label,:root[data-theme=dark] .modern-login-layout .login-switch-note,:root[data-theme=dark] .modern-login-layout .login-security-text{color:#83938f}:root[data-theme=dark] .modern-login-layout .auth-field{color:#c1d0cc}:root[data-theme=dark] .modern-login-layout .login-card .login-options{background:0 0}@keyframes modernLoginBackdrop{0%{background-position:53%}to{background-position:50%}}@keyframes modernLoginItemIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes modernLoginPanelIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes modernLoginRowIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes modernLoginCardIn{0%{opacity:0;transform:translate(28px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes modernLoginPulse{0%,to{opacity:.62}50%{opacity:1}}@media (width<=1100px){.modern-login-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.modern-login-layout .intro-panel{padding-left:36px;padding-right:28px}.modern-login-layout .intro-panel h1{font-size:56px}}@media (width<=820px){.modern-login-layout{background-position:62%;display:block;overflow:auto}.modern-login-layout .intro-panel{max-width:none;padding:86px 24px 16px}.modern-login-layout .intro-panel h1{font-size:50px}.modern-login-layout .auth-terminal,.modern-login-layout .auth-data-strip{display:none}.modern-login-layout .login-card{width:min(100% - 32px,540px);margin:18px auto 46px}}@media (width<=560px){.modern-login-layout .auth-home-action{top:17px;left:18px}.modern-login-layout .auth-theme-action{margin:0;position:absolute;top:12px;right:14px}.modern-login-layout .theme-toggle{min-height:38px;padding:6px 8px}.modern-login-layout .theme-toggle strong{display:none}.modern-login-layout .intro-panel{padding:74px 18px 2px}.modern-login-layout .intro-copy{gap:8px}.modern-login-layout .auth-brand-lockup{margin-bottom:4px}.modern-login-layout .intro-panel h1,.modern-login-layout .intro-copy>p:last-child,.modern-login-layout .auth-system-status{display:none}.modern-login-layout .login-card{gap:17px;width:calc(100% - 28px);margin:15px auto 28px;padding:24px 20px}.modern-login-layout .login-card-top,.modern-login-layout .login-card .login-options{flex-direction:row;align-items:center}.modern-login-layout .login-header h2{font-size:34px}.modern-login-layout .login-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.modern-login-layout *,.modern-login-layout :before,.modern-login-layout :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modern-login-layout{isolation:isolate;background:#f3f6f8;grid-template-columns:minmax(0,1.14fr) minmax(430px,.86fr);min-height:100svh;animation:none;display:grid;position:relative;overflow:hidden}.modern-login-layout:before{z-index:-1;clip-path:polygon(0 0,100% 0,79% 100%,0 100%);content:"";background:linear-gradient(100deg,#040e19eb 0%,#071623db 54%,#091927b3 100%),url(/images/xgarage-workshop-hero.png) 50%/cover;border-radius:0;width:67%;height:100%;animation:1.4s cubic-bezier(.22,1,.36,1) both refinedPhotoIn;position:absolute;inset:0 auto 0 0}.modern-login-layout:after{z-index:0;opacity:.52;content:"";transform-origin:50%;pointer-events:none;background:linear-gradient(#0000 4%,#28d7ff 26%,#33d6b7 54%,#7c6cff 76%,#0000 96%);width:3px;height:138%;animation:6s ease-in-out infinite refinedDividerGlow;position:absolute;top:-18%;bottom:auto;left:59%;transform:rotate(10.8deg);box-shadow:0 0 30px #28d7ff38}.modern-login-layout .auth-home-action{color:#ffffffa8}.modern-login-layout .auth-home-action span{color:#54dfc5}.modern-login-layout .auth-theme-action{top:24px;right:26px}.modern-login-layout .theme-toggle{color:#2a363c;background:#ffffffdb;border:1px solid #dde5e9;border-radius:8px;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 12px 34px #12273417}.modern-login-layout .theme-toggle:hover{border-color:#2cbfa473;transform:translateY(-2px);box-shadow:0 14px 36px #2cbfa421}.modern-login-layout .theme-toggle span{background:linear-gradient(135deg,#1dbb9f,#3aa8ee);border-radius:5px}.modern-login-layout .intro-panel{justify-self:center;gap:24px;max-width:760px;padding:108px 72px 64px 58px}.modern-login-layout .intro-copy{gap:18px}.modern-login-layout .auth-brand-lockup{margin-bottom:13px;animation:.75s cubic-bezier(.22,1,.36,1) 80ms both refinedItemIn}.modern-login-layout .auth-brand-lockup .brand-mark{background:linear-gradient(145deg,#18a98e,#31c9b0);border-radius:8px;width:46px;height:46px;box-shadow:0 15px 38px #1ec4a540}.modern-login-layout .auth-brand-lockup strong{letter-spacing:0;font-size:21px}.modern-login-layout .auth-brand-lockup small{color:#e1f1ee7a;letter-spacing:.1em}.modern-login-layout .auth-system-status{color:#70e8d1;letter-spacing:.09em;border-left:3px solid #43d8bb;width:fit-content;padding-left:11px;font-size:11px;font-weight:850;animation:.75s cubic-bezier(.22,1,.36,1) .16s both refinedItemIn}.modern-login-layout .intro-panel h1{color:#fff;letter-spacing:0;max-width:680px;font-size:clamp(55px,5.25vw,78px);font-weight:850;line-height:.96;animation:.85s cubic-bezier(.22,1,.36,1) .23s both refinedItemIn}.modern-login-layout .intro-panel h1 em{color:#0000;background:linear-gradient(90deg,#57e4c9 0%,#4fcbef 58%,#a49aff 100%);-webkit-background-clip:text;background-clip:text}.modern-login-layout .intro-copy>p:last-child{color:#e1eef1a8;max-width:560px;font-size:15px;line-height:1.68;animation:.85s cubic-bezier(.22,1,.36,1) .31s both refinedItemIn}.modern-login-layout .auth-terminal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07121c8a;border:1px solid #a1cfc933;border-radius:8px;gap:4px;width:min(100%,590px);padding:13px 15px;animation:.85s cubic-bezier(.22,1,.36,1) .38s both refinedPanelIn;box-shadow:0 28px 70px #00000038}.modern-login-layout .preview-header{padding:5px 4px 11px}.modern-login-layout .preview-header span{color:#d0e9e57a}.modern-login-layout .preview-row{background:0 0;border-radius:0;padding:12px 7px;transition:padding .22s,background .22s;position:relative}.modern-login-layout .preview-row+.preview-row{border-top:1px solid #ffffff13}.modern-login-layout .preview-row:hover{background:#ffffff0e;border-radius:6px;padding-left:11px;padding-right:11px}.modern-login-layout .preview-row span{color:#5cddc5}.modern-login-layout .preview-row strong{color:#baf8ec;background:#28c2a629}.modern-login-layout .auth-data-strip{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(100%,590px);margin-top:0;padding:3px 0;animation:.85s cubic-bezier(.22,1,.36,1) .5s both refinedPanelIn;display:grid}.modern-login-layout .auth-data-strip span{color:#fff;background:0 0;border:0;border-radius:0;align-content:center;gap:5px;min-height:58px;padding:7px 16px;display:grid}.modern-login-layout .auth-data-strip span+span{border-left:1px solid #ffffff21}.modern-login-layout .auth-data-strip small{color:#ddeeeb7a;font-size:9px}.modern-login-layout .auth-data-strip strong{font-size:25px}.modern-login-layout .login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffffff0;border:1px solid #c6d3dac2;border-radius:8px;gap:19px;width:min(100% - 60px,478px);margin:78px 30px 46px;padding:32px;animation:.9s cubic-bezier(.22,1,.36,1) .15s both refinedCardIn;box-shadow:0 34px 90px #12273426}.modern-login-layout .login-card:before{background:linear-gradient(135deg,#31c9b016,#0000 36%,#7c6cff09)}.modern-login-layout .login-card:after{background:linear-gradient(90deg,#22b99d 0%,#48b9ed 58%,#8174ef 100%) 0 0/180% 100%;height:3px;animation:5s ease-in-out infinite alternate refinedTopLine}.modern-login-layout .login-brand-badge{color:#08735f;background:linear-gradient(135deg,#dff8f2,#e8f5ff)}.modern-login-layout .login-security-text i{background:#31c9aa;box-shadow:0 0 0 4px #31c9aa1a}.modern-login-layout .login-header .eyebrow{color:#168d78}.modern-login-layout .login-header h2{color:#142027;max-width:410px;font-size:clamp(35px,3.2vw,43px);font-weight:850;line-height:1.05}.modern-login-layout .login-header p:last-child{color:#718087}.modern-login-layout .auth-field{color:#35454c;font-size:11px}.modern-login-layout .auth-field input{color:#172329;background:#f8fafb;border-color:#d9e1e4;border-radius:7px;min-height:54px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}.modern-login-layout .auth-field input:hover{background:#fff;border-color:#bdcdcf}.modern-login-layout .auth-field input:focus{background:#fff;border-color:#2dbb9f;outline:0;transform:translateY(-1px);box-shadow:0 0 0 4px #2dbb9f1c,0 12px 30px #1a4f4512}.modern-login-layout .login-card .password-field button{color:#08735f;background:#e6f8f4;transition:color .18s,background .18s,transform .18s}.modern-login-layout .login-card .password-field button:hover{color:#fff;background:#159a83;transform:translateY(-50%)scale(1.02)}.modern-login-layout .login-submit{isolation:isolate;background:linear-gradient(105deg,#159a83 0%,#22b99d 52%,#369fe4 100%) 0 0/160% 100%;border-radius:7px;transition:transform .22s,box-shadow .22s,background-position .4s;position:relative;overflow:hidden;box-shadow:0 16px 34px #159a833b}.modern-login-layout .login-submit:before{z-index:-1;opacity:.38;content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:32%;transition:left .52s;position:absolute;top:0;bottom:0;left:-46%;transform:skew(-18deg)}.modern-login-layout .login-submit:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 20px 40px #26a0bf45}.modern-login-layout .login-submit:hover:before{left:120%}.modern-login-layout .login-feature-strip{border-top:1px solid #e3e9eb;justify-content:center;align-items:center;gap:0;padding-top:16px;display:flex}.modern-login-layout .login-feature-strip span{color:#718087;background:0 0;border:0;border-radius:0;min-height:auto;padding:0 14px;font-size:9px;font-weight:800}.modern-login-layout .login-feature-strip span+span{border-left:1px solid #d8e1e3}.modern-login-layout .login-switch-note button{color:#0b806b}:root[data-theme=dark] .modern-login-layout{background:#08121e}:root[data-theme=dark] .modern-login-layout .theme-toggle{color:#e8f2f0;background:#0a1722e0;border-color:#ffffff24;box-shadow:0 12px 34px #0003}:root[data-theme=dark] .modern-login-layout .login-card{background:#0b1924f0;border-color:#7da6a433;box-shadow:0 34px 90px #00000057}:root[data-theme=dark] .modern-login-layout .login-header h2{color:#f4fbf9}:root[data-theme=dark] .modern-login-layout .auth-field input{color:#effaf8;background:#ffffff0b;border-color:#8db0b02e}:root[data-theme=dark] .modern-login-layout .auth-field input:hover,:root[data-theme=dark] .modern-login-layout .auth-field input:focus{background:#ffffff12;border-color:#43d8bb9e}:root[data-theme=dark] .modern-login-layout .login-feature-strip{border-color:#ffffff14}:root[data-theme=dark] .modern-login-layout .login-feature-strip span{color:#849894;background:0 0}:root[data-theme=dark] .modern-login-layout .login-feature-strip span+span{border-color:#ffffff1a}@keyframes refinedPhotoIn{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes refinedDividerGlow{0%,to{opacity:.28;filter:hue-rotate()}50%{opacity:.66;filter:hue-rotate(18deg)}}@keyframes refinedItemIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes refinedPanelIn{0%{opacity:0;transform:translateY(20px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes refinedCardIn{0%{opacity:0;transform:translate(30px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes refinedTopLine{0%{background-position:0 0}to{background-position:100% 0}}@media (width<=1100px){.modern-login-layout:before{width:63%}.modern-login-layout:after{left:55%}.modern-login-layout .intro-panel{padding-left:38px;padding-right:42px}}@media (width<=820px){.modern-login-layout{background:#091621;display:block;overflow:auto}.modern-login-layout:before{opacity:.5;clip-path:none;width:100%}.modern-login-layout:after{display:none}.modern-login-layout .intro-panel{padding:86px 24px 14px}.modern-login-layout .auth-terminal,.modern-login-layout .auth-data-strip{display:none}.modern-login-layout .login-card{width:min(100% - 32px,540px);margin:18px auto 44px}}@media (width<=560px){.modern-login-layout .intro-panel{padding:74px 18px 0}.modern-login-layout .login-card{gap:17px;width:calc(100% - 28px);margin:14px auto 28px;padding:24px 20px}.modern-login-layout .login-feature-strip span{padding:0 9px;font-size:8px}}@media (width>=821px) and (height<=780px){.modern-login-layout .intro-panel{gap:16px;padding-top:78px;padding-bottom:28px}.modern-login-layout .intro-copy{gap:12px}.modern-login-layout .auth-brand-lockup{margin-bottom:6px}.modern-login-layout .intro-panel h1{font-size:58px}.modern-login-layout .intro-copy>p:last-child{font-size:13px}.modern-login-layout .auth-terminal{padding-top:10px;padding-bottom:10px}.modern-login-layout .preview-row{padding-top:8px;padding-bottom:8px}.modern-login-layout .auth-data-strip span{min-height:48px}.modern-login-layout .login-card{gap:14px;margin-top:68px;margin-bottom:22px;padding:25px 28px}.modern-login-layout .login-header h2{font-size:37px}.modern-login-layout .auth-field input,.modern-login-layout .login-submit{min-height:50px}.modern-login-layout .login-feature-strip{padding-top:12px}}@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}}