:root{--app-bg: #f3f5f8;--app-text: #1f2937;--sidebar-bg: #111827;--sidebar-text: #ffffff;--sidebar-button-bg: #1f2937;--accent: #2563eb;--accent-light: color-mix(in srgb, var(--accent) 15%, var(--surface, #fff));--surface: #ffffff;--surface-muted: #f5f5f5;--surface-raised: #fafafa;--surface-strong: #f0f0f0;--border: #e5e7eb;--border-light: #f0f0f0;--text-primary: #111111;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--danger: #dc2626;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--positive: #16a34a;--positive-light: #dcfce7;--job-ppf-bg: #eff6ff;--job-pdr-bg: #fff7ed;--job-detailing-bg: #f0fdf4;--job-mobile-bg: #f5f3ff;--job-id-badge-bg: rgba(255, 255, 255, .88);--pill-red-bg: #fee2e2;--pill-red-text: #b91c1c;--pill-orange-bg: #ffedd5;--pill-orange-text: #c2410c;--pill-blue-bg: #dbeafe;--pill-blue-text: #1d4ed8;--pill-purple-bg: #ede9fe;--pill-purple-text: #6d28d9;--pill-yellow-bg: #fef9c3;--pill-yellow-text: #a16207;--pill-green-bg: #dcfce7;--pill-green-text: #15803d;--pill-gray-bg: #e5e7eb;--pill-gray-text: #374151;--pill-teal-bg: #ccfbf1;--pill-teal-text: #0f766e}:root[data-theme=dark]{--app-bg: #121212;--app-text: #f0f0f0;--sidebar-bg: #000000;--sidebar-text: #f0f0f0;--sidebar-button-bg: #1c1c1c;--surface: #1a1a1a;--surface-muted: #171717;--surface-raised: #212121;--surface-strong: #2a2a2a;--border: #333333;--border-light: #262626;--text-primary: #f5f5f5;--text-secondary: #c7c7c7;--text-tertiary: #9a9a9a;--text-quaternary: #6b6b6b;--danger: #f16565;--danger-light: #3f1a1a;--warning: #fbbf24;--warning-light: #3f2a0a;--positive: #34d399;--positive-light: #123626;--job-ppf-bg: #16233a;--job-pdr-bg: #33230f;--job-detailing-bg: #122b1b;--job-mobile-bg: #241d3a;--job-id-badge-bg: rgba(0, 0, 0, .35);--pill-red-bg: #3f1a1a;--pill-red-text: #f87171;--pill-orange-bg: #3a2410;--pill-orange-text: #fb923c;--pill-blue-bg: #172554;--pill-blue-text: #60a5fa;--pill-purple-bg: #2e1a47;--pill-purple-text: #a78bfa;--pill-yellow-bg: #3f3510;--pill-yellow-text: #fde047;--pill-green-bg: #14301f;--pill-green-text: #4ade80;--pill-gray-bg: #2a2a2a;--pill-gray-text: #d1d5db;--pill-teal-bg: #0f2e2b;--pill-teal-text: #2dd4bf}:root[data-theme=comfort]{--app-bg: #f3efe4;--app-text: #2e2b25;--sidebar-bg: #2b2620;--sidebar-text: #f3efe4;--sidebar-button-bg: #3a352c;--surface: #f8f5ec;--surface-muted: #eae4d3;--surface-raised: #efe9db;--surface-strong: #e4ddc8;--border: #ddd3b8;--border-light: #e7e0cc;--text-primary: #2e2b25;--text-secondary: #5d574a;--text-tertiary: #8a8272;--text-quaternary: #948a74;--danger: #b23c3c;--danger-light: #f2dcd4;--warning: #a8720f;--warning-light: #f2e3c4;--positive: #3f7d4c;--positive-light: #dde8d5}body{margin:0;font-family:Arial,sans-serif;background:var(--app-bg, #f3f5f8);color:var(--app-text, #1f2937)}input,select,textarea{background:var(--surface, #fff);color:var(--text-primary, #111827)}:root[data-ui-style=v1] body,:root[data-ui-style=v2] body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:where(:root[data-ui-style=v1],:root[data-ui-style=v2]) h1,:where(:root[data-ui-style=v1],:root[data-ui-style=v2]) h2,:where(:root[data-ui-style=v1],:root[data-ui-style=v2]) h3{font-family:Manrope,-apple-system,sans-serif;letter-spacing:-.01em}:where(:root[data-ui-style=v1],:root[data-ui-style=v2]) h1{font-size:22px;font-weight:700}:root[data-ui-style=v1] .card,:root[data-ui-style=v1] .admin-center-card,:root[data-ui-style=v1] .auth-card,:root[data-ui-style=v1] .dashboard-pro-card,:root[data-ui-style=v1] .dashpro-card,:root[data-ui-style=v1] .dp2-orders-card,:root[data-ui-style=v1] .employee-stat-card,:root[data-ui-style=v1] .employees-pro-card,:root[data-ui-style=v1] .hall-tv-card,:root[data-ui-style=v1] .job-card,:root[data-ui-style=v1] .leads-table-card,:root[data-ui-style=v1] .pipeline-card,:root[data-ui-style=v1] .role-card,:root[data-ui-style=v1] .service-stat-card,:root[data-ui-style=v1] .settings-wide-card,:root[data-ui-style=v1] .showcase-warranty-card,:root[data-ui-style=v1] .viw-card,:root[data-ui-style=v1] .vpro-card,:root[data-ui-style=v1] .workstation-card,:root[data-ui-style=v1] .workstation-stat-card,:root[data-ui-style=v2] .card,:root[data-ui-style=v2] .admin-center-card,:root[data-ui-style=v2] .auth-card,:root[data-ui-style=v2] .dashboard-pro-card,:root[data-ui-style=v2] .dashpro-card,:root[data-ui-style=v2] .dp2-orders-card,:root[data-ui-style=v2] .employee-stat-card,:root[data-ui-style=v2] .employees-pro-card,:root[data-ui-style=v2] .hall-tv-card,:root[data-ui-style=v2] .job-card,:root[data-ui-style=v2] .leads-table-card,:root[data-ui-style=v2] .pipeline-card,:root[data-ui-style=v2] .role-card,:root[data-ui-style=v2] .service-stat-card,:root[data-ui-style=v2] .settings-wide-card,:root[data-ui-style=v2] .showcase-warranty-card,:root[data-ui-style=v2] .viw-card,:root[data-ui-style=v2] .vpro-card,:root[data-ui-style=v2] .workstation-card,:root[data-ui-style=v2] .workstation-stat-card{border-radius:14px;border:1px solid var(--border, #e5e7eb);box-shadow:0 1px 2px #00000008;transition:box-shadow .15s ease-out,border-color .15s ease-out}:root[data-ui-style=v1] .card:hover,:root[data-ui-style=v1] .admin-center-card:hover,:root[data-ui-style=v1] .auth-card:hover,:root[data-ui-style=v1] .dashboard-pro-card:hover,:root[data-ui-style=v1] .dashpro-card:hover,:root[data-ui-style=v1] .dp2-orders-card:hover,:root[data-ui-style=v1] .employee-stat-card:hover,:root[data-ui-style=v1] .employees-pro-card:hover,:root[data-ui-style=v1] .hall-tv-card:hover,:root[data-ui-style=v1] .job-card:hover,:root[data-ui-style=v1] .leads-table-card:hover,:root[data-ui-style=v1] .pipeline-card:hover,:root[data-ui-style=v1] .role-card:hover,:root[data-ui-style=v1] .service-stat-card:hover,:root[data-ui-style=v1] .settings-wide-card:hover,:root[data-ui-style=v1] .showcase-warranty-card:hover,:root[data-ui-style=v1] .viw-card:hover,:root[data-ui-style=v1] .vpro-card:hover,:root[data-ui-style=v1] .workstation-card:hover,:root[data-ui-style=v1] .workstation-stat-card:hover,:root[data-ui-style=v2] .card:hover,:root[data-ui-style=v2] .admin-center-card:hover,:root[data-ui-style=v2] .auth-card:hover,:root[data-ui-style=v2] .dashboard-pro-card:hover,:root[data-ui-style=v2] .dashpro-card:hover,:root[data-ui-style=v2] .dp2-orders-card:hover,:root[data-ui-style=v2] .employee-stat-card:hover,:root[data-ui-style=v2] .employees-pro-card:hover,:root[data-ui-style=v2] .hall-tv-card:hover,:root[data-ui-style=v2] .job-card:hover,:root[data-ui-style=v2] .leads-table-card:hover,:root[data-ui-style=v2] .pipeline-card:hover,:root[data-ui-style=v2] .role-card:hover,:root[data-ui-style=v2] .service-stat-card:hover,:root[data-ui-style=v2] .settings-wide-card:hover,:root[data-ui-style=v2] .showcase-warranty-card:hover,:root[data-ui-style=v2] .viw-card:hover,:root[data-ui-style=v2] .vpro-card:hover,:root[data-ui-style=v2] .workstation-card:hover,:root[data-ui-style=v2] .workstation-stat-card:hover{box-shadow:0 8px 20px #00000012;border-color:var(--border-light, #f0f0f0)}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.sidebar-brand-logo{height:32px;width:auto;flex-shrink:0}.sidebar-brand h2{margin:0}:root[data-ui-style=v1] .sidebar-brand-logo,:root[data-ui-style=v2] .sidebar-brand-logo{height:44px}:root[data-ui-style=v1] .sidebar-brand h2,:root[data-ui-style=v2] .sidebar-brand h2{display:none}.sidebar-group-label{display:none}:root[data-ui-style=v1] .sidebar-group-label,:root[data-ui-style=v2] .sidebar-group-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-text, #fff);opacity:.4;padding:14px 10px 8px}:root[data-ui-style=v1] .sidebar-group-label:first-of-type,:root[data-ui-style=v2] .sidebar-group-label:first-of-type{padding-top:0}:root[data-ui-style=v1] .sidebar,:root[data-ui-style=v2] .sidebar{padding:18px 14px}:root[data-ui-style=v1] .sidebar button,:root[data-ui-style=v2] .sidebar button{background:transparent;padding:9px 10px;margin-bottom:2px;border-radius:8px;font-size:13.5px;font-weight:500;opacity:.82;transition:background .12s ease-out,opacity .12s ease-out}:root[data-ui-style=v1] .sidebar button:hover,:root[data-ui-style=v2] .sidebar button:hover{background:#ffffff0f;opacity:1}:root[data-ui-style=v1] .sidebar button.active,:root[data-ui-style=v2] .sidebar button.active{background:color-mix(in srgb,var(--accent, #2563eb) 22%,transparent);color:var(--sidebar-text, #fff);opacity:1;font-weight:600}:root[data-ui-style=v1] .sidebar button.active .sidebar-icon,:root[data-ui-style=v2] .sidebar button.active .sidebar-icon{color:var(--accent, #2563eb);opacity:1}:root[data-ui-style=v1] .sidebar-group-toggle,:root[data-ui-style=v2] .sidebar-group-toggle{opacity:.55;font-size:12.5px}:root[data-ui-style=v2] .page{padding:28px 32px}:root[data-ui-style=v2] button{font-family:inherit;border-radius:8px;cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out,opacity .12s ease-out,box-shadow .12s ease-out}:root[data-ui-style=v2] button:not([class]){padding:8px 14px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);color:var(--text-primary, #111);font-size:13.5px;font-weight:600}:root[data-ui-style=v2] button:not([class]):hover{background:var(--surface-muted, #f5f5f5);border-color:var(--border-light, #f0f0f0)}:root[data-ui-style=v2] input,:root[data-ui-style=v2] select,:root[data-ui-style=v2] textarea{border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:8px 11px;font-family:inherit;font-size:13.5px;transition:border-color .12s ease-out,box-shadow .12s ease-out}:root[data-ui-style=v2] input:focus,:root[data-ui-style=v2] select:focus,:root[data-ui-style=v2] textarea:focus{outline:none;border-color:var(--accent, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #2563eb) 18%,transparent)}:root[data-ui-style=v2] table{border-collapse:collapse;width:100%;font-size:13.5px}:root[data-ui-style=v2] th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, #6b7280);padding:10px 12px;border-bottom:1px solid var(--border, #e5e7eb)}:root[data-ui-style=v2] td{padding:11px 12px;border-bottom:1px solid var(--border-light, #f0f0f0);color:var(--text-primary, #111)}:root[data-ui-style=v2] tbody tr{transition:background .1s ease-out}:root[data-ui-style=v2] tbody tr:hover{background:var(--surface-muted, #f5f5f5)}:root[data-ui-style=v2] .status-pill{font-size:12px;font-weight:600;padding:5px 11px}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar-bg, #111827);color:var(--sidebar-text, white);padding:24px;flex-shrink:0}.sidebar h2{margin-top:0;margin-bottom:30px}.sidebar button{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:14px;border:none;border-radius:10px;background:var(--sidebar-button-bg, #1f2937);color:var(--sidebar-text, white);text-align:left;cursor:pointer;font-size:15px}.sidebar-icon{width:18px;height:18px;flex-shrink:0;opacity:.85}.sidebar button.active,.sidebar button:hover{background:var(--accent, #2563eb)}.page{flex:1;padding:30px;overflow-x:hidden}h1{margin:0;font-size:38px}.subtitle{margin-top:6px;color:var(--text-tertiary, #6b7280);font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}.card,.lead-card,.lead-details{background:var(--surface, #fff);border-radius:14px;padding:20px;box-shadow:0 8px 24px #00000014}.card h2,.lead-card h3,.lead-details h2{margin-top:0}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f1f1f1}.row span{text-transform:capitalize;color:var(--text-secondary, #4b5563)}.row strong{font-size:18px}.lead-layout{display:grid;grid-template-columns:minmax(520px,1.4fr) minmax(360px,.9fr);gap:24px;margin-top:30px;align-items:start}.lead-list{display:grid;gap:16px;align-content:start}.lead-card{display:grid;grid-template-columns:100px 1fr 190px;gap:18px;align-items:center;min-height:120px}.lead-photo{height:80px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-weight:700;color:#1d4ed8}.lead-info p{margin:5px 0}.source{color:var(--text-tertiary, #6b7280);font-size:14px}.lead-actions{display:grid;gap:10px}.lead-actions button,.quick-actions button{padding:10px;border:none;border-radius:8px;background:var(--surface-strong, #e5e7eb);cursor:pointer;font-weight:700}button.green{background:#16a34a;color:#fff}.status-pill{display:inline-block;padding:8px 12px;border-radius:999px;font-weight:700;text-align:center;white-space:nowrap}.status-pill.red{background:var(--pill-red-bg, #fee2e2);color:var(--pill-red-text, #b91c1c)}.status-pill.orange{background:var(--pill-orange-bg, #ffedd5);color:var(--pill-orange-text, #c2410c)}.status-pill.blue{background:var(--pill-blue-bg, #dbeafe);color:var(--pill-blue-text, #1d4ed8)}.status-pill.purple{background:var(--pill-purple-bg, #ede9fe);color:var(--pill-purple-text, #6d28d9)}.status-pill.yellow{background:var(--pill-yellow-bg, #fef9c3);color:var(--pill-yellow-text, #a16207)}.status-pill.green{background:var(--pill-green-bg, #dcfce7);color:var(--pill-green-text, #15803d)}.status-pill.gray{background:var(--pill-gray-bg, #e5e7eb);color:var(--pill-gray-text, #374151)}.status-pill.teal{background:var(--pill-teal-bg, #ccfbf1);color:var(--pill-teal-text, #0f766e)}.status-pill.status-planned{background:var(--pill-blue-bg, #dbeafe);color:var(--pill-blue-text, #1d4ed8)}.status-pill.status-progress{background:var(--pill-orange-bg, #ffedd5);color:var(--pill-orange-text, #c2410c)}.status-pill.status-problem{background:var(--pill-red-bg, #fee2e2);color:var(--pill-red-text, #b91c1c)}.status-pill.status-ready{background:var(--pill-yellow-bg, #fef9c3);color:var(--pill-yellow-text, #a16207)}.lead-details{position:sticky;top:24px;max-height:calc(100vh - 80px);overflow-y:auto}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.timeline{display:grid;gap:12px}.timeline-item{border-left:4px solid #2563eb;padding:10px 14px;background:var(--surface-muted, #f9fafb);border-radius:8px}.calendar-toolbar{margin-top:24px;background:var(--surface, #fff);border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;gap:16px;box-shadow:0 8px 24px #0000000f}.calendar-toolbar span{color:var(--text-tertiary, #6b7280)}.legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot.ppf{background:#2563eb}.dot.pdr{background:#f97316}.dot.detailing{background:#16a34a}.dot.mobile{background:#7c3aed}.production-board{margin-top:24px;display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:16px;overflow-x:auto;padding-bottom:16px}.station-column{background:var(--surface, #fff);border-radius:16px;min-height:520px;box-shadow:0 8px 24px #00000012;overflow:hidden}.station-header{padding:16px;color:#fff}.station-header h3{margin:0;font-size:17px}.station-header small{opacity:.9}.station-header.ppf{background:#2563eb}.station-header.pdr{background:#f97316}.station-header.detailing{background:#16a34a}.station-header.mobile{background:#7c3aed}.station-header.default{background:#64748b}.station-body{padding:14px;display:grid;gap:12px;align-content:start}.empty-slot{color:var(--text-quaternary, #9ca3af);background:var(--surface-muted, #f9fafb);border:1px dashed var(--border, #d1d5db);border-radius:12px;padding:20px;text-align:center}.job-card{border-radius:14px;padding:14px;border-left:6px solid #94a3b8;background:var(--surface-muted, #f8fafc)}.job-card.ppf{border-left-color:#2563eb;background:var(--job-ppf-bg, #eff6ff)}.job-card.pdr{border-left-color:#f97316;background:var(--job-pdr-bg, #fff7ed)}.job-card.detailing{border-left-color:#16a34a;background:var(--job-detailing-bg, #f0fdf4)}.job-card.mobile{border-left-color:#7c3aed;background:var(--job-mobile-bg, #f5f3ff)}.job-card h4{margin:8px 0}.job-card p{margin:5px 0}.job-card span{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:999px;background:var(--surface, #fff);font-weight:700;font-size:13px}.job-time{font-weight:700;color:var(--text-primary, #111827)}@media(max-width:1100px){.lead-layout{grid-template-columns:1fr}.lead-details{position:static;max-height:none}.lead-card{grid-template-columns:1fr}.production-board{grid-template-columns:repeat(3,minmax(240px,1fr))}}.calendar-switch{display:flex;gap:8px;flex-wrap:wrap}.calendar-switch button{border:none;background:var(--surface-strong, #e5e7eb);padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700}.calendar-switch button.active{background:#2563eb;color:#fff}.google-calendar{margin-top:24px;background:var(--surface, #fff);border-radius:16px;overflow:auto;box-shadow:0 8px 24px #00000012}.google-header,.google-row{display:grid;grid-template-columns:80px repeat(7,minmax(180px,1fr));min-width:1350px}.time-head,.google-time{background:var(--surface-muted, #f9fafb);padding:12px;border-right:1px solid #e5e7eb;font-weight:700}.google-station-head{padding:12px;color:#fff;font-weight:700;border-right:1px solid rgba(255,255,255,.2)}.google-station-head.ppf{background:#2563eb}.google-station-head.pdr{background:#f97316}.google-station-head.detailing{background:#16a34a}.google-station-head.mobile{background:#7c3aed}.google-slot{min-height:58px;border-right:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:5px;cursor:pointer}.google-slot:hover{background:var(--surface-muted, #f8fafc)}.google-job{border-radius:10px;padding:8px;font-size:13px;border-left:5px solid #94a3b8}.google-job.ppf{background:#eff6ff;border-left-color:#2563eb}.google-job.pdr{background:#fff7ed;border-left-color:#f97316}.google-job.detailing{background:#f0fdf4;border-left-color:#16a34a}.google-job.mobile{background:#f5f3ff;border-left-color:#7c3aed}.google-job strong{display:block;margin-bottom:4px}.google-job span{font-size:12px;color:var(--text-secondary, #4b5563)}.side-panel{position:fixed;inset:0;background:#0f172a59;display:flex;justify-content:flex-end;z-index:1010}.side-panel-box{width:420px;height:100%;background:var(--surface, #fff);padding:24px;box-shadow:-8px 0 24px #00000026;overflow-y:auto;position:relative;box-sizing:border-box}.side-panel-box label{display:block;margin-top:14px;margin-bottom:6px;font-weight:700}.side-panel-box input,.side-panel-box select,.side-panel-box textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:14px}.side-panel-box textarea{min-height:90px}.close{position:absolute;top:14px;right:14px;border:none;background:var(--surface-strong, #e5e7eb);border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.save{margin-top:22px;width:100%;padding:13px;border:none;border-radius:10px;background:#16a34a;color:#fff;font-weight:700;cursor:pointer}.panel-info{background:var(--surface-muted, #f3f4f6);padding:12px;border-radius:10px;margin-top:16px}.invoice-items-header,.invoice-item-row{display:grid;grid-template-columns:1fr 56px 84px 56px 26px;gap:6px;align-items:center}.invoice-items-header{margin-top:14px;font-size:11px;font-weight:700;color:var(--muted-text, #6b7280);text-transform:uppercase;letter-spacing:.03em;padding:0 2px}.invoice-items-editor{display:flex;flex-direction:column;gap:6px;margin-top:6px}.invoice-item-row input{width:100%;box-sizing:border-box;margin:0;padding:8px;font-size:13px;border:1px solid var(--border, #d1d5db);border-radius:6px}.invoice-item-remove{background:none;border:none;color:var(--pill-red-text, #b91c1c);font-size:20px;line-height:1;cursor:pointer;padding:2px}.invoice-item-remove:hover{color:#7f1d1d}.invoice-items-total{margin-top:10px;font-size:14px}.station-header small{display:block;margin-top:6px;font-weight:700}.job-card.status-planned,.google-job.status-planned{box-shadow:inset 0 0 0 2px #2563eb26}.job-card.status-accepted,.google-job.status-accepted{box-shadow:inset 0 0 0 2px #16a34a40}.job-card.status-progress,.google-job.status-progress{box-shadow:inset 0 0 0 2px #f973164d}.job-card.status-quality,.google-job.status-quality{box-shadow:inset 0 0 0 2px #7c3aed4d}.job-card.status-ready,.google-job.status-ready{box-shadow:inset 0 0 0 2px #eab30859}.job-card.status-released,.google-job.status-released{opacity:.65;filter:grayscale(.2)}.job-card.status-problem,.google-job.status-problem{box-shadow:inset 0 0 0 3px #dc262659}.job-card span{background:var(--surface, #fff)}.job-card.status-accepted span{color:#15803d}.job-card.status-progress span{color:#c2410c}.job-card.status-quality span{color:#6d28d9}.job-card.status-ready span{color:#a16207}.job-card.status-released span{color:var(--text-secondary, #374151)}.job-card.status-problem span{color:#b91c1c}.station-column.drop-ready{outline:2px dashed rgba(37,99,235,.35);outline-offset:-6px}.google-slot.drop-ready{background:var(--surface-muted, #f8fafc)}.job-card{cursor:grab}.job-card:active{cursor:grabbing}.google-job{cursor:grab}.google-job:active{cursor:grabbing}.empty-slot{transition:.15s}.station-column.drop-ready .empty-slot{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.time-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px}.time-buttons button{border:none;border-radius:8px;padding:10px;font-weight:700;cursor:pointer;background:var(--surface-strong, #e5e7eb)}.time-buttons button:hover{background:var(--surface-strong, #d1d5db)}.grid .card{position:relative;overflow:hidden;min-height:190px;border:1px solid var(--border-light, rgba(255,255,255,.7))}.grid .card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb14,#fff0);pointer-events:none}.grid .card:nth-child(1){border-left:8px solid #ef4444}.grid .card:nth-child(2){border-left:8px solid #f97316}.grid .card:nth-child(3){border-left:8px solid #2563eb}.grid .card:nth-child(4){border-left:8px solid #16a34a}.grid .card:nth-child(5){border-left:8px solid #7c3aed}.grid .card:nth-child(6){border-left:8px solid #0f766e}.grid .card h2{font-size:24px;margin-bottom:18px}.grid .card .row{font-size:16px}.grid .card .row strong{background:var(--surface-muted, #f3f4f6);min-width:36px;text-align:center;padding:5px 10px;border-radius:999px}.page h1{letter-spacing:-1px}.sidebar{box-shadow:8px 0 30px #0000002e}.calendar-toolbar,.grid .card,.lead-card,.lead-details,.station-column,.google-calendar{transition:transform .15s ease,box-shadow .15s ease}.grid .card:hover,.lead-card:hover,.station-column:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0000001f}.subtitle{font-weight:500}body:after{content:"PROF-I CRM DEV";position:fixed;right:18px;bottom:14px;font-size:11px;color:var(--text-quaternary, #9ca3af);letter-spacing:1px}.page:has(.grid){background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 35%),var(--app-bg, #f3f5f8)}.grid{align-items:stretch}.grid .card{background:linear-gradient(180deg,var(--surface, #fff),var(--surface-muted, #f9fafb));border-radius:22px;padding:26px}.grid .card h2{font-size:22px;display:flex;align-items:center;gap:10px}.grid .card:nth-child(1) h2:before{content:"🚨"}.grid .card:nth-child(2) h2:before{content:"⏰"}.grid .card:nth-child(3) h2:before{content:"📅"}.grid .card:nth-child(4) h2:before{content:"🔧"}.grid .card:nth-child(5) h2:before{content:"✅"}.grid .card:nth-child(6) h2:before{content:"🛡️"}.grid .card .row{border-bottom:1px solid var(--border, #e5e7eb);padding:12px 0}.grid .card .row span{font-size:15px;color:var(--text-secondary, #374151)}.grid .card .row strong{font-size:20px;background:#111827;color:#fff;min-width:42px}.grid .card:nth-child(1) .row strong{background:#dc2626}.grid .card:nth-child(2) .row strong{background:#f97316}.grid .card:nth-child(3) .row strong{background:#2563eb}.grid .card:nth-child(4) .row strong{background:#16a34a}.grid .card:nth-child(5) .row strong{background:#7c3aed}.grid .card:nth-child(6) .row strong{background:#0f766e}.grid .card:after{content:"";position:absolute;right:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:#2563eb14}.grid .card:nth-child(1):after{background:#dc26261a}.grid .card:nth-child(2):after{background:#f973161f}.grid .card:nth-child(3):after{background:#2563eb1f}.grid .card:nth-child(4):after{background:#16a34a1f}.grid .card:nth-child(5):after{background:#7c3aed1f}.grid .card:nth-child(6):after{background:#0f766e1f}.sidebar-toggle,.sidebar-backdrop{display:none}@media(max-width:800px){.sidebar-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;left:16px;z-index:1001;width:40px;height:40px;border:0;border-radius:50%;background:var(--sidebar-bg, #111827);color:var(--sidebar-text, white);cursor:pointer;box-shadow:0 8px 20px #0f172a4d}.sidebar-toggle .sidebar-icon{width:20px;height:20px}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:999}.layout{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;width:82vw;max-width:300px;min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:0;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 40px #00000059}.sidebar.sidebar-open{transform:translate(0)}.sidebar-brand{padding-left:44px;margin-bottom:22px}.sidebar h2{font-size:20px}.sidebar button,:root[data-ui-style=v1] .sidebar button,:root[data-ui-style=v2] .sidebar button{width:100%;min-width:0;margin:0 0 6px;text-align:left;padding:12px 14px;font-size:14px}.page{padding:70px 18px 18px}.page h1{font-size:30px}.subtitle{font-size:15px}.grid,.lead-layout,.lead-card{grid-template-columns:1fr}.production-board{grid-template-columns:1fr;overflow-x:visible}.station-column{min-height:260px}.google-calendar{overflow-x:auto}.google-header,.google-row{grid-template-columns:70px repeat(7,170px);min-width:1260px}.side-panel-box{width:92vw}body:after{display:none}}.hall-board{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.hall-card{background:var(--surface, #fff);border-radius:16px;padding:16px;box-shadow:0 4px 12px #00000014}.hall-card h3{margin:0 0 10px;font-size:18px}.hall-progress{height:12px;background:var(--surface-strong, #e5e7eb);border-radius:999px;overflow:hidden}.hall-progress span{display:block;height:100%;background:#2563eb}.hall-percent{margin-top:8px;font-weight:700;text-align:right}.priority-high{border-left:6px solid #dc2626}.priority-medium{border-left:6px solid #f59e0b}.priority-low{border-left:6px solid #16a34a}.priority-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.priority-chip.high{background:#fee2e2;color:#b91c1c}.priority-chip.medium{background:#fef3c7;color:#92400e}.priority-chip.low{background:#dcfce7;color:#166534}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.quick-stat{background:var(--surface, #fff);border-radius:16px;padding:18px;box-shadow:0 4px 12px #00000014}.quick-stat-value{font-size:32px;font-weight:700;margin-top:6px}.quick-stat-label{color:var(--text-tertiary, #6b7280);font-size:14px}.quick-stat.red{border-top:6px solid #dc2626}.quick-stat.orange{border-top:6px solid #f59e0b}.quick-stat.green{border-top:6px solid #16a34a}.quick-stat.blue{border-top:6px solid #2563eb}.crm-alert{border-radius:14px;padding:14px;margin-bottom:12px;font-weight:600}.crm-alert.red{background:#fee2e2;color:#991b1b;border-left:6px solid #dc2626}.crm-alert.orange{background:#ffedd5;color:#9a3412;border-left:6px solid #f97316}.crm-alert.green{background:#dcfce7;color:#166534;border-left:6px solid #16a34a}@keyframes pulseCRM{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}.crm-alert.red{animation:pulseCRM 2s infinite}.google-slot{overflow:visible}.google-job{display:flex;flex-direction:column;justify-content:space-between}.google-job strong{line-height:1.25}.google-job span{margin-top:8px}.google-calendar{overflow-x:auto;overflow-y:visible}.google-row{min-height:58px}.google-slot{position:relative;min-height:58px;overflow:visible}.google-job{position:absolute;top:5px;left:5px;right:5px;z-index:5;overflow:hidden;box-sizing:border-box}.google-job:hover{z-index:20}.sidebar button.active{background:linear-gradient(135deg,var(--accent, #2563eb),color-mix(in srgb,var(--accent, #2563eb) 78%,black));box-shadow:0 10px 24px color-mix(in srgb,var(--accent, #2563eb) 35%,transparent);transform:translate(3px)}.card,.lead-card,.station-column,.google-calendar{border:1px solid rgba(255,255,255,.75)}.job-card,.google-job{transition:transform .15s ease,box-shadow .15s ease}.job-card:hover,.google-job:hover{transform:scale(1.02);box-shadow:0 10px 26px #00000029}@media(max-width:800px){.sidebar button.active{transform:none}.card,.lead-card,.station-column{box-shadow:0 10px 28px #0000001f}.page h1{font-size:34px;line-height:1.05}}.google-calendar-v2{margin-top:24px;background:var(--surface, #fff);border-radius:16px;overflow:auto;box-shadow:0 8px 24px #00000012}.google-v2-header{display:grid;grid-template-columns:80px repeat(7,190px);min-width:1410px;position:sticky;top:0;z-index:30}.google-v2-time-head{background:var(--surface-muted, #f9fafb);padding:12px;border-right:1px solid #e5e7eb;font-weight:700}.google-v2-station-head{padding:12px;color:#fff;font-weight:700;border-right:1px solid rgba(255,255,255,.25)}.google-v2-station-head.ppf{background:#2563eb}.google-v2-station-head.pdr{background:#f97316}.google-v2-station-head.detailing{background:#16a34a}.google-v2-station-head.mobile{background:#7c3aed}.google-v2-station-head.default{background:#64748b}.google-v2-body{display:grid;grid-template-columns:80px repeat(7,190px);min-width:1410px;position:relative}.google-v2-times{background:var(--surface-muted, #f9fafb);border-right:1px solid #e5e7eb}.google-v2-time-row{height:58px;box-sizing:border-box;padding:8px 10px;border-top:1px solid #e5e7eb;font-weight:700;color:var(--text-secondary, #4b5563)}.google-v2-lane{position:relative;min-height:1334px;border-right:1px solid #e5e7eb}.google-v2-lane.drop-ready{background:#2563eb0a}.google-v2-slot{height:58px;box-sizing:border-box;border-top:1px solid #e5e7eb;cursor:pointer}.google-v2-slot:hover{background:var(--surface-muted, #f8fafc)}.google-v2-job{position:absolute;left:6px;right:6px;z-index:10;border-radius:12px;padding:10px;box-sizing:border-box;overflow:hidden;border-left:6px solid #94a3b8;background:var(--surface-muted, #f8fafc);box-shadow:0 8px 18px #00000021;cursor:grab}.google-v2-job:active{cursor:grabbing}.google-v2-job:hover{z-index:40;transform:scale(1.015)}.google-v2-job.ppf{border-left-color:#2563eb;background:#eff6ff}.google-v2-job.pdr{border-left-color:#f97316;background:#fff7ed}.google-v2-job.detailing{border-left-color:#16a34a;background:#f0fdf4}.google-v2-job.mobile{border-left-color:#7c3aed;background:#f5f3ff}.google-v2-job strong{display:block;line-height:1.2;margin-bottom:6px}.google-v2-job span{display:block;font-size:13px;font-weight:700;color:var(--text-primary, #111827)}.google-v2-job small{display:block;margin-top:6px;color:var(--text-secondary, #4b5563)}@media(max-width:800px){.google-v2-header,.google-v2-body{grid-template-columns:70px repeat(7,170px);min-width:1260px}.google-v2-lane{min-height:1334px}}.google-v2-lane{transition:background .12s ease}.google-v2-lane.drop-ready:hover{background:#2563eb14}.google-v2-job{pointer-events:auto}.workflow{display:flex;flex-direction:column;gap:10px;margin:15px 0 20px}.workflow-step{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--text-tertiary, #6b7280);transition:.2s}.workflow-dot{width:16px;height:16px;border-radius:50%;background:var(--surface-strong, #d1d5db);flex-shrink:0}.workflow-step.done .workflow-dot{background:#16a34a}.workflow-step.active .workflow-dot{background:#2563eb;box-shadow:0 0 0 5px #2563eb26}.workflow-step.done{color:#16a34a}.workflow-step.active{color:#2563eb}.workflow-name{line-height:1.2}.job-id,.lead-id,.job-panel-id{display:inline-block;font-weight:900;letter-spacing:.5px;color:var(--text-primary, #111827);background:var(--surface-muted, #f3f4f6);border:1px solid #e5e7eb;border-radius:999px;padding:5px 10px;font-size:12px;margin-bottom:8px}.job-panel-id{font-size:15px;background:#111827;color:#fff;border-color:#111827;margin-bottom:12px}.google-v2-job .job-id,.job-card .job-id{background:var(--job-id-badge-bg, rgba(255,255,255,.85))}.side-panel-box h2{margin-top:0}.job-id,.lead-id,.job-panel-id{display:inline-block;font-weight:900;letter-spacing:.3px;color:var(--text-primary, #111827);background:var(--surface-muted, #f3f4f6);border:1px solid #e5e7eb;border-radius:999px;padding:5px 10px;font-size:12px;margin-bottom:8px}.job-panel-id{font-size:16px;background:#111827;color:#fff;border-color:#111827;margin-bottom:12px}.lead-id.big{font-size:14px;margin-bottom:12px}.google-v2-job .job-id,.job-card .job-id{background:var(--job-id-badge-bg, rgba(255,255,255,.88))}.leads-pro-top{display:flex;gap:14px;align-items:center;margin:22px 0 18px}.leads-search{flex:1}.leads-search input{width:100%;box-sizing:border-box;border:none;border-radius:14px;padding:16px 18px;font-size:15px;box-shadow:0 8px 24px #0000000f}.new-lead-button{border:none;border-radius:14px;padding:15px 18px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #2563eb40;box-sizing:border-box}.leads-pro-layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.leads-table-card{background:var(--surface, #fff);border-radius:18px;box-shadow:0 10px 30px #00000014;overflow-x:auto;overflow-y:hidden}.leads-table{width:100%;border-collapse:collapse}.leads-table th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--text-tertiary, #6b7280);background:var(--surface-muted, #f9fafb);padding:14px 16px;border-bottom:1px solid var(--border, #e5e7eb)}.leads-table td{padding:15px 16px;border-bottom:1px solid #eef2f7;font-size:14px;color:var(--text-primary, #111827)}.leads-table tr{cursor:pointer;transition:background .12s ease}.leads-table tr:hover{background:var(--surface-muted, #f8fafc)}.leads-table tr.selected{background:var(--accent-light, #eff6ff)}.table-case-number{display:inline-block;padding:5px 10px;border-radius:999px;background:#111827;color:#fff;font-weight:900;font-size:12px}.mini-button{border:none;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer;background:var(--surface-strong, #efefef);color:var(--text-primary, #111827)}.mini-button.green{background:#16a34a;color:#fff}.mini-button.blue{background:#2563eb;color:#fff}.mini-button.gray{background:#6b7280;color:#fff}.mini-button.red{background:#dc2626;color:#fff}.mini-button.amber{background:#d97706;color:#fff}.lead-pro-panel{background:var(--surface, #fff);border-radius:18px;padding:22px;box-shadow:0 10px 30px #00000014;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.lead-pro-case{display:inline-block;padding:7px 12px;border-radius:999px;background:#111827;color:#fff;font-weight:900;margin-bottom:12px}.lead-pro-panel h2{margin:0;font-size:24px}.lead-pro-muted{color:var(--text-tertiary, #6b7280);margin-top:6px}.cp2-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:4px}.cp2-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-light, #eff6ff);color:var(--accent, #2563eb);font-weight:700;font-size:16px}.cp2-header-info{flex:1;min-width:0}.cp2-header-info h2{font-size:20px}.cp2-stats{display:flex;gap:14px;flex-shrink:0}.cp2-stat{display:flex;flex-direction:column;align-items:center}.cp2-stat strong{font-size:18px;color:var(--text-primary);line-height:1.1}.cp2-stat span{font-size:10.5px;color:var(--text-tertiary);white-space:nowrap}.status-pill.big{margin:16px 0;display:block;text-align:center;padding:10px 14px;font-size:15px}.lead-pro-section{border-top:1px solid #e5e7eb;padding-top:16px;margin-top:16px}.lead-pro-section h3{margin:0 0 12px;font-size:16px}.vt2-list{display:flex;flex-direction:column}.vt2-row{display:flex;gap:12px}.vt2-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.vt2-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border)}.vt2-line{width:1.5px;flex:1;min-height:18px;background:var(--border);margin:4px 0}.vt2-content{flex:1;min-width:0;padding-bottom:18px}.vt2-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.vt2-top strong{font-size:13.5px;color:var(--text-primary)}.vt2-date{font-size:11.5px;color:var(--text-tertiary);white-space:nowrap}.vt2-content p{margin:3px 0 0;font-size:12.5px;color:var(--text-secondary)}.vt2-content small{color:var(--text-quaternary);font-size:11px}.lead-pro-section label:not(.mini-button){display:block;margin-top:14px;margin-bottom:6px;font-weight:700;font-size:13px;color:var(--text-secondary, #374151)}.lead-pro-section input,.lead-pro-section select,.lead-pro-section textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:14px}.lead-pro-section textarea{min-height:80px}.lead-pro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.lead-pro-actions button{border:none;border-radius:10px;padding:11px;font-weight:800;cursor:pointer;background:var(--surface-strong, #e5e7eb)}.lead-pro-actions button.green{background:#16a34a;color:#fff;grid-column:span 2}.lead-pro-actions button.red{background:#dc2626;color:#fff;grid-column:span 2}.photo-placeholders{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-placeholders div{position:relative;aspect-ratio:1 / 1;border-radius:10px;background:var(--surface-strong, #d1d5db);color:var(--text-tertiary, #6b7280);display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden}.photo-delete-button{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#111827bf;color:#fff;font-size:14px;line-height:1;cursor:pointer}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:1}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-body{max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-media{max-width:92vw;max-height:76vh;object-fit:contain;border-radius:6px;cursor:zoom-in;transition:transform .2s ease}.lightbox-media.is-zoomed{cursor:zoom-out;transform:scale(1.9);max-height:none;max-width:none}.lightbox-toolbar{display:flex;align-items:center;gap:10px;background:#ffffff14;padding:8px 14px;border-radius:10px}.lightbox-label{color:#e5e5e5;font-size:13px;margin-right:4px}.timeline.compact{max-height:280px;overflow-y:auto}.lead-pro-empty{color:var(--text-tertiary, #6b7280);text-align:center;padding:60px 10px}@media(max-width:1000px){.leads-pro-layout{grid-template-columns:1fr}.lead-pro-panel{position:static;max-height:none}.leads-table-card{overflow-x:auto}.leads-table{min-width:900px}}@media(max-width:800px){.leads-pro-top,.employees-toolbar{flex-direction:column;align-items:stretch}.new-lead-button{width:100%}}.pipeline-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;margin-top:20px}.pipeline-column{background:var(--surface-muted, #f8fafc);border-radius:18px;padding:14px;min-width:270px;max-width:300px;flex:1 0 270px;display:flex;flex-direction:column;transition:background .15s ease,outline .15s ease}.pipeline-column.drag-over{background:#eef2ff;outline:2px dashed #6366f1}.pipeline-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 2px}.pipeline-column-title{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--text-primary, #111827);font-size:14px}.pipeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pipeline-dot.red{background:#b91c1c}.pipeline-dot.orange{background:#c2410c}.pipeline-dot.purple{background:#6d28d9}.pipeline-dot.yellow{background:#a16207}.pipeline-dot.green{background:#15803d}.pipeline-dot.blue{background:#1d4ed8}.pipeline-dot.gray{background:#374151}.pipeline-count{background:var(--surface, #fff);border-radius:999px;padding:2px 10px;font-weight:800;font-size:12px;color:var(--text-tertiary, #6b7280);box-shadow:0 2px 6px #0f172a14}.pipeline-cards{display:flex;flex-direction:column;gap:10px;min-height:60px}.pipeline-card{background:var(--surface, #fff);border-radius:14px;padding:14px;box-shadow:0 8px 20px #0f172a14;cursor:grab;border-left:4px solid transparent}.pipeline-card:active{cursor:grabbing}.pipeline-card.dragging{opacity:.5}.pipeline-card.red{border-left-color:#b91c1c}.pipeline-card.orange{border-left-color:#c2410c}.pipeline-card.purple{border-left-color:#6d28d9}.pipeline-card.yellow{border-left-color:#a16207}.pipeline-card.green{border-left-color:#15803d}.pipeline-card.blue{border-left-color:#1d4ed8}.pipeline-card.gray{border-left-color:#374151}.pipeline-card-id{font-size:11px;font-weight:800;color:var(--text-quaternary, #9ca3af);margin-bottom:4px}.pipeline-card-name{font-weight:800;color:var(--text-primary, #111827)}.pipeline-card-meta{font-size:12px;color:var(--text-tertiary, #6b7280);margin:4px 0}.pipeline-card-archive{font-style:italic;color:#b45309}.archived-row{opacity:.6;filter:grayscale(60%)}.pipeline-card-actions{display:flex;justify-content:flex-end;margin-top:10px}.pipeline-empty{color:var(--text-quaternary, #9ca3af);font-size:12px;text-align:center;padding:20px 0}.lead-detail-panel{width:480px}@media(max-width:800px){.pipeline-column{min-width:0;max-width:none;flex:0 0 86%;box-sizing:border-box}.lead-detail-panel{width:100%}}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#111827,#1e3a8a);color:#fff;border-radius:24px;padding:28px;margin:24px 0;box-shadow:0 18px 40px #11182738}.dashboard-hero h2{margin:6px 0;font-size:32px}.dashboard-hero p{margin:0;color:#dbeafe}.hero-label{display:inline-block;font-weight:900;background:#ffffff24;border-radius:999px;padding:7px 12px}.hero-number{text-align:right}.hero-number strong{display:block;font-size:52px;line-height:1}.hero-number span{color:#dbeafe;font-weight:700}.dashboard-pro-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:22px 0}.dashboard-pro-card{background:var(--surface, #fff);border-radius:22px;padding:24px;box-shadow:0 12px 34px #00000014}.dashboard-pro-card h2{margin:0 0 18px}.load-row{margin-bottom:18px}.load-row-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.load-row-head span{color:var(--text-tertiary, #6b7280);font-size:13px;font-weight:700}.load-bar{height:12px;border-radius:999px;background:var(--surface-strong, #e5e7eb);overflow:hidden}.load-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#16a34a)}.recent-case{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border, #e5e7eb)}.recent-case span{background:#111827;color:#fff;font-weight:900;border-radius:999px;padding:6px 10px}.recent-case strong{display:block}.recent-case small{display:block;color:var(--text-tertiary, #6b7280);margin-top:3px}.muted{color:var(--text-tertiary, #6b7280)}.timeline.compact.pro{max-height:320px}.timeline-item.pro{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;border-left:none;background:var(--surface-muted, #f9fafb);border-radius:14px;padding:12px;margin-bottom:10px}.timeline-icon{width:34px;height:34px;border-radius:999px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.vehicle-history{display:flex;flex-direction:column;gap:10px}.vehicle-history div{padding:12px;border-radius:14px;background:var(--surface-muted, #f9fafb);border-left:5px solid #2563eb}.vehicle-history strong{display:block;margin-bottom:4px}.vehicle-history span{display:block;color:var(--text-tertiary, #6b7280);font-size:13px}.case-flow{display:flex;flex-direction:column;gap:8px}.case-flow-step{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:center;color:var(--text-quaternary, #9ca3af);font-weight:700}.case-flow-step span{width:14px;height:14px;border-radius:999px;background:var(--surface-strong, #d1d5db)}.case-flow-step.done{color:#16a34a}.case-flow-step.done span{background:#16a34a}.case-flow-step.active{color:#2563eb}.case-flow-step.active span{background:#2563eb;box-shadow:0 0 0 5px #2563eb24}.case-flow-step p{margin:0}@media(max-width:1100px){.dashboard-pro-layout{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;align-items:flex-start}.hero-number{text-align:left}}.new-lead-panel{max-width:520px}.form-head{margin-bottom:18px}.form-head span{display:inline-block;background:#111827;color:#fff;padding:7px 12px;border-radius:999px;font-weight:900;margin-bottom:10px}.form-head h2{margin:0}.side-panel-box label{display:block;margin-top:12px;margin-bottom:6px;font-weight:800;color:var(--text-secondary, #374151)}.side-panel-box input,.side-panel-box select,.side-panel-box textarea{width:100%;box-sizing:border-box;border:1px solid var(--border, #d1d5db);border-radius:12px;padding:12px;font-size:14px}.side-panel-box textarea{min-height:90px;resize:vertical}.schedule-lead-panel{max-width:520px}.schedule-summary{margin-top:18px;margin-bottom:18px;background:var(--surface-muted, #f8fafc);border:1px solid #e5e7eb;border-radius:14px;padding:14px}.schedule-summary strong{display:block;margin-bottom:8px}.schedule-summary p{margin:4px 0;color:var(--text-secondary, #374151)}.cancel-appointment{background:#f59e0b!important;color:#fff!important}.delete-appointment{background:#dc2626!important;color:#fff!important}.status-cancelled{opacity:.55;filter:grayscale(1)}.updates-card{background:var(--surface, #fff);border-radius:22px;padding:24px;box-shadow:0 14px 35px #0f172a14;max-width:760px}.update-checklist{display:grid;gap:12px;margin:18px 0}.update-checklist label{font-weight:800;background:var(--surface-muted, #f8fafc);padding:14px;border-radius:14px}.update-command{margin-top:20px;background:#111827;color:#fff;padding:18px;border-radius:16px}.update-command code{display:block;margin-top:10px;color:#bbf7d0;line-height:1.7}.update-warning{margin-top:18px;color:#92400e;font-weight:800}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px}.settings-card{background:var(--surface, #fff);border-radius:22px;padding:22px;box-shadow:0 14px 35px #0f172a14;border:1px solid #e5e7eb}.settings-card h2{margin:10px 0 8px;color:var(--text-primary, #111827)}.settings-card p{color:var(--text-secondary, #4b5563);font-weight:600;line-height:1.45}.settings-card span{display:inline-block;margin-top:12px;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:13px}.settings-icon{width:48px;height:48px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:26px}.settings-wide-card{margin-top:22px;background:var(--surface, #fff);border-radius:22px;padding:24px;box-shadow:0 14px 35px #0f172a14}.settings-checklist{display:grid;gap:12px;margin-top:16px}.settings-checklist label{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:13px;font-weight:900}.settings-muted{color:var(--text-tertiary, #64748b);font-weight:700;margin-bottom:18px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0 24px}.role-card{border-radius:18px;padding:16px;border:1px solid #e5e7eb;background:var(--surface-muted, #f8fafc)}.role-card strong{display:block;font-size:18px;color:var(--text-primary, #111827);margin-bottom:8px}.role-card p{color:#475569;font-weight:650;line-height:1.4;margin:0}.role-red{border-left:7px solid #dc2626}.role-blue{border-left:7px solid #2563eb}.role-purple{border-left:7px solid #7c3aed}.role-orange{border-left:7px solid #f97316}.role-green{border-left:7px solid #16a34a}.role-gray{border-left:7px solid #64748b}.permissions-table{margin-top:14px;border:1px solid #e5e7eb;border-radius:18px;overflow-x:auto;overflow-y:hidden;background:var(--surface, #fff)}.permissions-row{display:grid;grid-template-columns:2fr repeat(5,1fr);align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border, #e5e7eb);min-width:680px}.permissions-row:last-child{border-bottom:none}.permissions-head{background:#111827;color:#fff;font-weight:900}.permissions-row span{text-align:center;font-weight:900}.permissions-row strong{color:var(--text-primary, #111827)}.permissions-head span:first-child{text-align:left}.perm-ok{color:#16a34a;font-weight:1000}.perm-no{color:#94a3b8;font-weight:900}.employees-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px #0f172a14}.employees-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.employee-stat-card{background:var(--surface, #fff);border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a14}.employee-stat-card span{color:var(--text-tertiary, #64748b);font-weight:900}.employee-stat-card strong{display:block;margin-top:8px;font-size:30px;color:var(--text-primary, #111827)}.employees-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.employees-main,.employees-side{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.employees-search input{width:100%;box-sizing:border-box;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px;margin-bottom:16px}.employees-table{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.employees-row{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.4fr .7fr;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border, #e5e7eb)}.employees-row:last-child{border-bottom:none}.employees-head{background:#111827;color:#fff;font-weight:900}.employee-line{width:100%;border:none;background:var(--surface, #fff);text-align:left;cursor:pointer;font:inherit}.employee-line:hover{background:var(--surface-muted, #f8fafc)}.employee-name-cell{display:flex;align-items:center;gap:10px}.employee-name-cell b,.employee-avatar{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:1000}.employee-avatar{width:72px;height:72px;font-size:24px;margin-bottom:14px}.employee-blue b,.employee-blue.employee-avatar{background:#2563eb}.employee-green b,.employee-green.employee-avatar{background:#16a34a}.employee-orange b,.employee-orange.employee-avatar{background:#f97316}.employee-purple b,.employee-purple.employee-avatar{background:#7c3aed}.employee-gray b,.employee-gray.employee-avatar{background:#64748b}.employee-status{display:inline-block;background:#dcfce7;color:#166534;padding:7px 10px;border-radius:999px;font-weight:900;text-align:center}.employee-detail-list{display:grid;gap:10px;margin:18px 0}.employee-detail-list div{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px}.employee-detail-list span{display:block;color:var(--text-tertiary, #64748b);font-weight:900;margin-bottom:5px}.employee-detail-list strong{color:var(--text-primary, #111827)}.employees-empty,.employees-empty-panel{padding:22px;color:var(--text-tertiary, #64748b);font-weight:800;text-align:center}@media(max-width:1100px){.employees-layout,.employees-row{grid-template-columns:1fr}}.workstations-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px #0f172a14}.workstations-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.workstation-stat-card{background:var(--surface, #fff);border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a14}.workstation-stat-card span{color:var(--text-tertiary, #64748b);font-weight:900}.workstation-stat-card strong{display:block;margin-top:8px;font-size:30px;color:var(--text-primary, #111827)}.workstations-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.workstations-main,.workstations-side{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.workstations-search input{width:100%;box-sizing:border-box;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px;margin-bottom:16px}.workstations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.workstation-card{border:1px solid #e5e7eb;background:var(--surface-muted, #f8fafc);border-radius:18px;padding:16px;text-align:left;cursor:pointer;font:inherit;box-shadow:0 8px 20px #0f172a0d;min-height:160px}@media(max-width:800px){.workstation-card{min-height:0}}.workstation-card:hover{background:#eff6ff;transform:translateY(-1px)}.workstation-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.workstation-card-top strong{color:var(--text-primary, #111827);font-size:18px}.workstation-card-top span{background:#dcfce7;color:#166534;border-radius:999px;padding:6px 9px;font-weight:900;font-size:12px}.workstation-card p{color:#475569;font-weight:700;margin:10px 0 14px}.workstation-load-mini{display:flex;justify-content:space-between;gap:10px;color:var(--text-tertiary, #64748b);font-weight:900}.workstation-blue{border-left:7px solid #2563eb}.workstation-orange{border-left:7px solid #f97316}.workstation-green{border-left:7px solid #16a34a}.workstation-purple{border-left:7px solid #7c3aed}.workstation-yellow{border-left:7px solid #ca8a04}.workstation-gray{border-left:7px solid #64748b}.workstation-avatar{width:78px;height:78px;border-radius:22px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:22px;margin-bottom:14px}.workstation-avatar.workstation-blue{background:#2563eb;border-left:none}.workstation-avatar.workstation-orange{background:#f97316;border-left:none}.workstation-avatar.workstation-green{background:#16a34a;border-left:none}.workstation-avatar.workstation-purple{background:#7c3aed;border-left:none}.workstation-avatar.workstation-gray{background:#64748b;border-left:none}.workstation-detail-list{display:grid;gap:10px;margin:18px 0}.workstation-detail-list div,.workstation-appointment{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px}.workstation-detail-list span{display:block;color:var(--text-tertiary, #64748b);font-weight:900;margin-bottom:5px}.workstation-detail-list strong{color:var(--text-primary, #111827)}.workstation-appointments{display:grid;gap:8px;margin:12px 0 18px}.workstation-appointment strong{display:block;color:var(--text-primary, #111827)}.workstation-appointment span{color:var(--text-tertiary, #64748b);font-weight:800}.workstations-empty,.workstations-empty-panel{padding:22px;color:var(--text-tertiary, #64748b);font-weight:800;text-align:center}.hall-tv{min-height:100vh;background:#0a0a0a;color:#f5f5f5;padding:32px 40px;box-sizing:border-box;font-family:Arial,sans-serif}.hall-tv-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.hall-tv-header h1{font-size:40px;margin:0;color:#f5f5f5}.hall-tv-clock{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums;color:#f5f5f5}.hall-tv-error{background:#7f1d1d;color:#fecaca;border-radius:12px;padding:14px 20px;font-size:20px;font-weight:700;margin-bottom:20px}.hall-tv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:22px}.hall-tv-card{background:#171717;border-radius:20px;padding:26px;border-left-width:10px;border-left-style:solid}.hall-tv-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.hall-tv-card-top strong{font-size:28px;color:#f5f5f5}.hall-tv-card-top .status-pill{font-size:16px;padding:8px 14px}.hall-tv-vehicle{font-size:24px;font-weight:800;color:#f5f5f5;margin:6px 0}.hall-tv-meta{font-size:19px;color:#d4d4d4;margin:6px 0}.hall-tv-remaining{font-size:19px;color:#a3a3a3;margin:6px 0}.hall-tv-muted{color:#737373}.hall-tv-empty{font-size:20px;color:#a3a3a3;padding:30px;text-align:center}.hall-tv-footer{margin-top:28px;text-align:right;font-size:15px;color:#737373}@media(max-width:1100px){.workstations-layout{grid-template-columns:1fr}}.services-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px #0f172a14}.services-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.service-stat-card{background:var(--surface, #fff);border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a14}.service-stat-card span{color:var(--text-tertiary, #64748b);font-weight:900}.service-stat-card strong{display:block;margin-top:8px;font-size:30px;color:var(--text-primary, #111827)}.services-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.services-main,.services-side{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.services-filters{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:16px}.services-filters input,.services-filters select{width:100%;box-sizing:border-box;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px;background:var(--surface, #fff)}.services-table{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.services-row{display:grid;grid-template-columns:1.7fr .9fr .7fr 1fr .8fr;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border, #e5e7eb)}.services-row:last-child{border-bottom:none}.services-head{background:#111827;color:#fff;font-weight:900}.service-line{width:100%;border:none;background:var(--surface, #fff);text-align:left;cursor:pointer;font:inherit}.service-line:hover{background:var(--surface-muted, #f8fafc)}.service-line strong{color:var(--text-primary, #111827)}.service-line small{display:block;color:var(--text-tertiary, #64748b);font-weight:800;margin-top:4px}.service-status{display:inline-block;background:#dcfce7;color:#166534;padding:7px 10px;border-radius:999px;font-weight:900;text-align:center}.service-blue{border-left:7px solid #2563eb}.service-orange{border-left:7px solid #f97316}.service-green{border-left:7px solid #16a34a}.service-purple{border-left:7px solid #7c3aed}.service-gray{border-left:7px solid #64748b}.service-avatar{width:78px;height:78px;border-radius:22px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:22px;margin-bottom:14px}.service-avatar.service-blue{background:#2563eb;border-left:none}.service-avatar.service-orange{background:#f97316;border-left:none}.service-avatar.service-green{background:#16a34a;border-left:none}.service-avatar.service-purple{background:#7c3aed;border-left:none}.service-avatar.service-gray{background:#64748b;border-left:none}.service-detail-list{display:grid;gap:10px;margin:18px 0}.service-detail-list div,.services-next-list label{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px}.service-detail-list span{display:block;color:var(--text-tertiary, #64748b);font-weight:900;margin-bottom:5px}.service-detail-list strong{color:var(--text-primary, #111827)}.services-next-list{display:grid;gap:8px;margin:12px 0 18px}.services-next-list label{font-weight:900;color:#334155}.services-empty,.services-empty-panel{padding:22px;color:var(--text-tertiary, #64748b);font-weight:800;text-align:center}@media(max-width:1100px){.services-layout,.services-filters,.services-row{grid-template-columns:1fr}}.employees-pro-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;margin:20px 0;box-shadow:0 12px 30px #0f172a14}.employees-pro-toolbar input{flex:1;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px}.employees-pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.employees-pro-card,.employees-pro-wide{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.employees-pro-card h2{margin:0 0 10px;color:var(--text-primary, #111827)}.employees-pro-card strong{display:block;font-size:28px;color:#2563eb;margin-bottom:8px}.employees-pro-card p{color:var(--text-tertiary, #64748b);font-weight:700}.employees-pro-wide{margin-top:18px;display:grid;gap:12px}.employees-pro-wide label{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px;font-weight:900}.employees-pro-row{display:grid;border:0;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:box-shadow .15s ease}.employees-pro-row:hover{box-shadow:0 4px 14px #0f172a1a}.admin-center-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;margin:20px 0;box-shadow:0 12px 30px #0f172a14}.admin-center-toolbar input{flex:1;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px}.admin-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.admin-center-card,.admin-center-wide{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.admin-center-card h2{margin:0 0 10px;color:var(--text-primary, #111827)}.admin-center-card strong{display:block;font-size:28px;color:#2563eb;margin-bottom:8px}.admin-center-card p{color:var(--text-tertiary, #64748b);font-weight:700}.admin-center-wide{margin-top:18px;display:grid;gap:12px}.admin-center-wide label{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px;font-weight:900}.dashboard-pro-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;margin:20px 0;box-shadow:0 12px 30px #0f172a14}.dashboard-pro-toolbar input{flex:1;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px}.dashboard-pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dashboard-pro-card,.dashboard-pro-wide{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.dashboard-pro-card h2{margin:0 0 10px;color:var(--text-primary, #111827)}.dashboard-pro-card strong{display:block;font-size:28px;color:#2563eb;margin-bottom:8px}.dashboard-pro-card p{color:var(--text-tertiary, #64748b);font-weight:700}.dashboard-pro-wide{margin-top:18px;display:grid;gap:12px}.dashboard-pro-wide label{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px;font-weight:900}.calendar-pro-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface, #fff);border-radius:18px;padding:16px 18px;margin:20px 0;box-shadow:0 12px 30px #0f172a14}.calendar-pro-toolbar input{flex:1;border:1px solid var(--border, #d1d5db);border-radius:14px;padding:14px;font-size:14px}.calendar-pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.calendar-pro-card,.calendar-pro-wide{background:var(--surface, #fff);border-radius:22px;padding:20px;box-shadow:0 14px 35px #0f172a14}.calendar-pro-card h2{margin:0 0 10px;color:var(--text-primary, #111827)}.calendar-pro-card strong{display:block;font-size:28px;color:#2563eb;margin-bottom:8px}.calendar-pro-card p{color:var(--text-tertiary, #64748b);font-weight:700}.calendar-pro-wide{margin-top:18px;display:grid;gap:12px}.calendar-pro-wide label{background:var(--surface-muted, #f8fafc);border-radius:14px;padding:12px;font-weight:900}.update-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin:18px 0}.update-kv{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.18)}.update-kv span{color:#94a3b8}.update-kv strong{text-align:right;word-break:break-all}.updates-table{width:100%;border-collapse:collapse}.updates-table th,.updates-table td{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.18);text-align:left}.update-log{margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.18)}.update-log pre{max-height:360px;overflow:auto;padding:14px;border-radius:8px;background:#020617;color:#dbeafe;font-size:12px;line-height:1.45}.update-alert.error{padding:12px 14px;border-radius:8px;background:#ef44441f;color:#fecaca;border:1px solid rgba(239,68,68,.35)}.update-alert.warning{padding:12px 14px;border-radius:8px;background:#d977061f;color:#fde68a;border:1px solid rgba(217,119,6,.35);font-size:13px}@media(max-width:1100px){.update-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(max-width:700px){.update-grid{grid-template-columns:1fr}.update-kv{display:block}.update-kv strong{display:block;text-align:left;margin-top:4px}}.update-upload-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end}.update-upload-form label{display:grid;gap:8px;color:var(--text-tertiary, #64748b);font-weight:700}.update-upload-form input[type=file]{width:100%;padding:12px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:var(--surface, #fff);color:var(--text-primary, #0f172a)}.update-note{margin-top:12px;color:var(--text-tertiary, #64748b)}.update-alert.success{padding:12px 14px;border-radius:8px;background:#22c55e1f;color:#166534;border:1px solid rgba(34,197,94,.35)}@media(max-width:900px){.update-upload-form{grid-template-columns:1fr}}.update-small-button{padding:8px 10px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.update-small-button:disabled{opacity:.45;cursor:not-allowed}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 15%,#16233f,#0a0f1e 45%,#05070d);padding:24px;position:relative;overflow:hidden}.auth-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}.auth-glow-a{width:480px;height:480px;top:-160px;left:-120px;background:#2563eb}.auth-glow-b{width:420px;height:420px;bottom:-140px;right:-100px;background:#16a34a;opacity:.25}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;max-width:820px;width:100%;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000073}.auth-brand-panel{background:linear-gradient(155deg,#111827,#0b1120);color:#f5f5f5;padding:48px 36px;display:flex;flex-direction:column;justify-content:center;gap:6px}.auth-brand-logo{width:140px;height:auto;object-fit:contain;margin-bottom:14px}.auth-brand-name{font-size:26px;font-weight:800;letter-spacing:.01em}.auth-brand-tagline{font-size:12px;font-weight:700;letter-spacing:.08em;color:#93c5fd;margin-bottom:18px}.auth-brand-copy{color:#a3adc2;font-size:13.5px;line-height:1.6;max-width:260px}.auth-card{background:var(--surface, #fff);padding:48px 36px;display:grid;gap:14px;align-content:center}.auth-card h1{margin:0}.auth-card label{display:grid;gap:6px;font-weight:700;color:#475569}.auth-card input{min-height:42px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;box-sizing:border-box}.auth-loading{color:#fff;font-weight:700}@media(max-width:720px){.auth-shell{grid-template-columns:1fr;max-width:420px}.auth-brand-panel{padding:32px 28px 20px}.auth-brand-copy{max-width:none}.auth-card{padding:28px}}.settings-tabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.settings-tabs button{border:0;border-radius:999px;min-height:40px;padding:0 18px;background:#e8edf5;color:#0f172a;font-weight:800;cursor:pointer}.settings-tabs button.active{background:#2563eb;color:#fff}.roles-grid button.role-card{text-align:left;cursor:pointer;font:inherit}.role-card-active{outline:3px solid #2563eb}.users-table{margin-top:14px;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:var(--surface, #fff)}.users-row{display:grid;grid-template-columns:2fr 1.4fr 1.4fr 1fr 1fr 1.6fr;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border, #e5e7eb)}.users-row:last-child{border-bottom:none}.users-head{background:#111827;color:#fff;font-weight:900}.users-actions{display:flex;gap:8px;flex-wrap:wrap}.users-actions button{border:0;border-radius:8px;padding:8px 10px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer;font-size:13px}.users-empty{padding:16px;color:var(--text-tertiary, #64748b)}.user-create-form{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr auto;gap:10px;align-items:center;margin:14px 0 24px}.user-create-form input,.user-create-form select{min-height:42px;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box}@media(max-width:1100px){.users-row{grid-template-columns:1.6fr 1.2fr 1.2fr .8fr .8fr 1.4fr;font-size:13px}.user-create-form{grid-template-columns:1fr}}.temp-password-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:999}.temp-password-modal{background:var(--surface, #fff);border-radius:18px;padding:28px;max-width:420px;box-shadow:0 24px 60px #0f172a66}.temp-password-value{display:block;margin:14px 0;padding:12px 14px;background:#111827;color:#4ade80;border-radius:8px;font-size:18px;letter-spacing:1px;word-break:break-all}.logout-fab{position:fixed;top:16px;right:16px;z-index:1000;width:40px;height:40px;border:0;border-radius:50%;background:#111827;color:#f87171;font-size:18px;cursor:pointer;box-shadow:0 8px 20px #0f172a4d;transform:translateZ(0);-webkit-transform:translateZ(0)}.logout-fab:hover{background:#1f2937}.calpro-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin:18px 0 22px}.calpro-field{display:grid;gap:6px;font-weight:700;color:var(--text-secondary, #52514e);font-size:13px}.calpro-field input,.calpro-field select{min-height:40px;padding:0 10px;border:1px solid var(--border, #c3c2b7);border-radius:8px;font-size:14px;background:var(--surface-muted, #fcfcfb);color:var(--text-primary, #0b0b0b);box-sizing:border-box}.calpro-field textarea{padding:10px;border:1px solid var(--border, #c3c2b7);border-radius:8px;font-size:14px;font-family:inherit;background:var(--surface-muted, #fcfcfb);color:var(--text-primary, #0b0b0b);resize:vertical}.calpro-field-checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.calpro-field-checkbox input{min-height:0;width:18px;height:18px;padding:0;border-radius:4px}.calpro-clear{border:0;border-radius:8px;min-height:40px;padding:0 14px;background:var(--surface-strong, #e1e0d9);color:var(--text-primary, #0b0b0b);font-weight:800;cursor:pointer}.calpro-grid{display:grid;background:var(--surface-muted, #fcfcfb);border:1px solid var(--border, #e1e0d9);border-radius:16px;overflow:hidden;box-shadow:0 14px 35px #0b0b0b0f}.calpro-corner{border-bottom:1px solid var(--border, #e1e0d9);background:var(--surface-muted, #f9f9f7)}.calpro-station-head{padding:12px 10px;background:var(--surface-muted, #f9f9f7);border-bottom:1px solid var(--border, #e1e0d9);border-top:4px solid transparent;display:flex;flex-direction:column;gap:2px}.calpro-station-head strong{font-size:14px;color:var(--text-primary, #0b0b0b)}.calpro-station-head small{color:var(--text-tertiary, #898781);font-size:12px}.calpro-times{border-right:1px solid var(--border, #e1e0d9);background:var(--surface-muted, #f9f9f7)}.calpro-time-row{height:52px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;color:var(--text-tertiary, #898781);font-size:12px;border-bottom:1px solid var(--border, #e1e0d9);box-sizing:border-box}.calpro-lane{position:relative;border-right:1px solid var(--border, #e1e0d9);background:var(--surface-muted, #fcfcfb)}.calpro-lane.is-clickable{cursor:pointer}.calpro-lane:last-child{border-right:none}.calpro-lane.is-drop-target{background:var(--accent-light, #f0f6ff)}.calpro-slot{position:absolute;left:0;right:0;height:52px;border-bottom:1px solid var(--border, #e1e0d9);box-sizing:border-box;pointer-events:none}.calpro-now-line{position:absolute;left:0;right:0;height:0;border-top:2px solid #d03b3b;z-index:3;pointer-events:none}.calpro-now-line:before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#d03b3b}.calpro-preview{position:absolute;left:4px;right:4px;border:2px dashed #2a78d6;background:#2a78d61f;border-radius:8px;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--accent, #184f95)}.calpro-color-panel{display:flex;flex-wrap:wrap;align-items:center;gap:18px;background:var(--surface, #fff);border:1px solid var(--border, #e1e0d9);border-radius:12px;padding:14px 18px;margin-bottom:16px}.calpro-color-panel>div{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-tertiary, #6b7280)}.calpro-color-hint{font-size:12px;color:var(--text-quaternary, #9ca3af)}.color-picker{width:56px;height:34px;padding:2px;border:1px solid var(--border, #d1d5db);border-radius:8px;cursor:pointer;background:none}.calpro-select-preview{position:absolute;left:4px;right:4px;background:#2a78d629;border:1.5px solid #2a78d6;border-radius:8px;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center}.calpro-select-bubble{background:#2a78d6;color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 6px 16px #2a78d666;white-space:nowrap}.calpro-job{position:absolute;left:4px;right:4px;background:var(--surface, #fff);border:1px solid var(--border, #e1e0d9);border-left:4px solid #2a78d6;border-radius:10px;padding:6px 8px;box-shadow:0 2px 6px #0b0b0b0f;cursor:grab;display:flex;flex-direction:column;gap:2px;overflow:hidden;z-index:1;transition:box-shadow .15s ease,transform .15s ease}.calpro-job:hover{box-shadow:0 6px 16px #0b0b0b1f;transform:translateY(-1px);z-index:2}.calpro-job:active{cursor:grabbing;transform:translateY(0)}.calpro-job strong{font-size:13px;color:var(--text-primary, #0b0b0b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calpro-job-top{display:flex;align-items:center;justify-content:space-between}.calpro-job-id{font-size:11px;font-weight:800;color:var(--text-tertiary, #898781)}.calpro-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fff9}.calpro-job-time{font-size:12px;color:var(--text-secondary, #52514e)}.calpro-job small{font-size:11px;color:var(--text-tertiary, #898781);display:flex;align-items:center;gap:4px}.calpro-emp-dot{width:7px;height:7px;min-width:7px;border-radius:50%;flex-shrink:0;display:inline-block}.calpro-detail-backdrop{position:fixed;inset:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;z-index:999}.calpro-detail{background:var(--surface-muted, #fcfcfb);border-radius:16px;padding:26px;width:min(420px,calc(100vw - 48px));box-shadow:0 24px 60px #0b0b0b4d}.calpro-detail-list{display:grid;gap:10px;margin:16px 0 20px}.calpro-detail-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border, #e1e0d9)}.calpro-detail-list span{color:var(--text-tertiary, #898781);font-size:13px}.calpro-detail-actions{display:flex;gap:10px;margin-top:20px}.calpro-detail-actions button{margin-top:0;width:auto;flex:1}.calpro-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.calpro-view-toggle{display:flex;border:1px solid var(--border, #c3c2b7);border-radius:8px;overflow:hidden}.calpro-view-btn{border:0;background:var(--surface-muted, #fcfcfb);color:var(--text-secondary, #52514e);font-weight:700;font-size:13px;padding:0 14px;min-height:40px;cursor:pointer;border-right:1px solid var(--border, #c3c2b7)}.calpro-view-btn:last-child{border-right:none}.calpro-view-btn.is-active{background:#2a78d6;color:#fff}.calpro-nav{display:flex;align-items:center;gap:8px}.calpro-nav button{border:1px solid var(--border, #c3c2b7);background:var(--surface-muted, #fcfcfb);color:var(--text-primary, #0b0b0b);border-radius:8px;min-height:40px;min-width:40px;font-size:16px;font-weight:800;cursor:pointer}.calpro-nav .calpro-today{min-width:unset;padding:0 12px;font-size:13px}.calpro-period{margin-left:6px;font-size:14px;color:var(--text-primary, #0b0b0b);text-transform:capitalize;white-space:nowrap}.calpro-station-head.is-today{background:var(--accent-light, #eef5ff)}.calpro-job.is-readonly,.calpro-job.is-readonly:active{cursor:pointer}.calpro-job.is-completed-order,.calpro-month-chip.is-completed-order,.calpro-agenda-item.is-completed-order{opacity:.5;filter:grayscale(80%)}.calpro-month-grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-muted, #fcfcfb);border:1px solid var(--border, #e1e0d9);border-radius:16px;overflow:hidden;box-shadow:0 14px 35px #0b0b0b0f}.calpro-month-headcell{padding:10px;background:var(--surface-muted, #f9f9f7);border-bottom:1px solid var(--border, #e1e0d9);font-size:12px;font-weight:800;color:var(--text-tertiary, #898781);text-align:center}.calpro-month-day{height:190px;border-right:1px solid var(--border, #e1e0d9);border-bottom:1px solid var(--border, #e1e0d9);padding:8px;display:flex;flex-direction:column;gap:6px}.calpro-month-day:nth-child(7n){border-right:none}.calpro-month-day.is-outside{background:var(--surface-muted, #f9f9f7)}.calpro-month-day.is-outside .calpro-month-daynum{color:var(--text-quaternary, #b8b6ad)}.calpro-month-day.is-today{background:var(--accent-light, #eef5ff)}.calpro-month-day-head{display:flex;align-items:center;justify-content:space-between}.calpro-month-day-head small{color:var(--text-tertiary, #898781);font-size:11px;font-weight:700}.calpro-month-daynum{border:0;background:transparent;font-size:13px;font-weight:800;color:var(--text-primary, #0b0b0b);cursor:pointer;padding:2px 8px;border-radius:6px}.calpro-month-day.is-today .calpro-month-daynum{background:#2a78d6;color:#fff}.calpro-month-chips{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;margin:-2px;padding:2px}.calpro-month-chip{display:flex;align-items:center;gap:5px;border-left:3px solid #2a78d6;background:var(--surface-strong, #f4f4f2);border-radius:5px;padding:4px 7px;font-size:12px;color:var(--text-primary, #0b0b0b);cursor:pointer}.calpro-month-chip-time{color:var(--text-tertiary, #898781);font-weight:700;flex-shrink:0}.calpro-month-chip-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calpro-add-btn{border:0;border-radius:8px;min-height:40px;padding:0 16px;background:#16a34a;color:#fff;font-weight:800;font-size:13px;cursor:pointer}.calpro-add-btn:hover{background:#128a3e}.calpro-detail.calpro-form{width:min(560px,calc(100vw - 48px));max-height:86vh;overflow-y:auto}.calpro-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:4px 0 16px}.calpro-suggest{background:var(--surface-muted, #f9f9f7);border:1px solid var(--border, #e1e0d9);border-radius:10px;padding:12px;margin:4px 0 16px;display:grid;gap:10px}.calpro-suggest .calpro-field{max-width:220px}.calpro-suggest-chips{display:flex;flex-wrap:wrap;gap:8px}.calpro-suggest-chip{border:1px solid #2a78d6;background:var(--accent-light, #eef5ff);color:var(--accent, #184f95);border-radius:8px;padding:8px 14px;font-weight:800;font-size:13px;cursor:pointer}.calpro-suggest-chip:hover{background:color-mix(in srgb,var(--accent) 25%,var(--surface, #fff))}.calpro-suggest-empty{color:var(--text-tertiary, #898781);font-size:13px;margin:0}.calpro-agenda{display:grid;gap:10px}.calpro-agenda-empty{color:var(--text-tertiary, #898781);text-align:center;padding:30px 0}.calpro-agenda-item{display:flex;gap:12px;background:var(--surface-muted, #fcfcfb);border:1px solid var(--border, #e1e0d9);border-left:4px solid #2a78d6;border-radius:12px;padding:12px 14px;cursor:pointer}.calpro-agenda-time{display:flex;flex-direction:column;align-items:center;min-width:52px;color:var(--text-secondary, #52514e);font-size:13px}.calpro-agenda-time strong{font-size:15px;color:var(--text-primary, #0b0b0b)}.calpro-agenda-main{display:grid;gap:4px;flex:1;min-width:0}.calpro-agenda-main strong{font-size:15px}.calpro-agenda-main small{display:flex;align-items:center;gap:6px;color:var(--text-tertiary, #898781);font-size:12px}@media(max-width:700px){.calpro-toolbar{flex-direction:column;align-items:stretch}.calpro-toolbar .calpro-field,.calpro-toolbar .calpro-field input,.calpro-toolbar .calpro-field select,.calpro-view-toggle{width:100%}.calpro-view-btn{flex:1}.calpro-add-btn{width:100%}.calpro-nav{flex-wrap:wrap}.calpro-form-grid{grid-template-columns:1fr}.calpro-suggest .calpro-field{max-width:none}.calpro-detail-actions{flex-direction:column}}.dashpro-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0 24px}.dashpro-tile{background:var(--surface-muted, #fcfcfb);border:1px solid var(--border, #e1e0d9);border-left:4px solid;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 20px #0b0b0b0d}.dashpro-tile-label{font-size:13px;color:var(--text-secondary, #52514e);font-weight:700}.dashpro-tile-value{font-size:28px;color:var(--text-primary, #0b0b0b)}.dashpro-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.dashpro-card{background:var(--surface-muted, #fcfcfb);border:1px solid var(--border, #e1e0d9);border-radius:16px;padding:20px 22px;box-shadow:0 14px 35px #0b0b0b0f}.dashpro-card.wide{grid-column:1 / -1}.dashpro-card h2{margin:0 0 14px;font-size:17px}.dashpro-total{margin:10px 0 0;color:var(--text-tertiary, #898781);font-size:13px}.dp2-hero-row{display:flex;gap:16px;margin:18px 0 24px}.dp2-hero{flex:1.1}.dp2-kpi-grid{flex:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dp2-kpi-grid .dashpro-tile{margin:0;height:100%}.dp2-rev-chart{display:flex;align-items:flex-end;gap:14px;height:140px;padding-top:20px}.dp2-rev-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px}.dp2-rev-bar-value{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.dp2-rev-bar{width:100%;max-width:46px;border-radius:6px 6px 2px 2px;background:var(--accent, #2563eb);transition:height .2s ease-out}.dp2-rev-bar-label{font-size:11.5px;color:var(--text-secondary);text-transform:capitalize}.dp2-orders-card .notifpro-case-row-v2:last-child{border-bottom:none}@media(max-width:900px){.dp2-hero-row{flex-direction:column}.dp2-kpi-grid{grid-template-columns:repeat(2,1fr)}}.dashpro-bar-row{margin-bottom:12px}.dashpro-bar-row:last-child{margin-bottom:0}.dashpro-bar-head{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary, #52514e);margin-bottom:5px}.dashpro-bar-head strong{color:var(--text-primary, #0b0b0b)}.dashpro-bar-track{height:10px;background:var(--surface-strong, #e1e0d9);border-radius:999px;overflow:hidden}.dashpro-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}@media(max-width:900px){.dashpro-layout{grid-template-columns:1fr}}.sidebar-group-toggle{display:flex!important;align-items:center;justify-content:space-between}.sidebar-group-caret{opacity:.7;font-size:12px}.sidebar-submenu{display:flex;flex-direction:column;gap:0;margin:-4px 0 12px 14px;padding-left:10px;border-left:2px solid #374151}.sidebar-submenu button{font-size:14px;padding:11px 14px;background:#17202e}.page-topbar{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding-right:64px}.global-search{position:relative;max-width:480px;margin:0;flex:1}.global-search input{width:100%;box-sizing:border-box;border:none;border-radius:14px;padding:14px 18px;font-size:15px;box-shadow:0 8px 24px #0000000f}.global-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:var(--surface, #fff);border-radius:14px;box-shadow:0 12px 32px #0000002e;max-height:420px;overflow-y:auto;padding:8px}.global-search-empty{padding:12px;color:var(--text-tertiary, #6b7280);font-size:14px}.global-search-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-quaternary, #9ca3af);padding:8px 10px 2px}.global-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:none;background:transparent;border-radius:8px;padding:8px 10px;cursor:pointer}.global-search-result:hover,.global-search-result.active{background:var(--surface-muted, #f3f4f6)}.global-search-result span{font-size:12px;color:var(--text-tertiary, #6b7280)}.global-search-result.empty{cursor:default;color:var(--text-quaternary, #9ca3af);font-size:13px;padding:8px 10px}.global-search-group.insight .global-search-group-label{color:#2563eb}.global-search-hints{padding-bottom:4px}.global-search-hint{display:block;width:100%;text-align:left;border:none;background:transparent;border-radius:8px;padding:8px 10px;font-size:13px;color:var(--text-secondary, #374151);cursor:pointer}.global-search-hint:hover{background:var(--surface-muted, #f3f4f6)}.global-search-hint:before{content:"→ ";color:var(--text-quaternary, #9ca3af)}.appearance-controls{position:relative;display:flex;align-items:center;gap:8px;margin-left:12px}.appearance-ui-style-switch{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--border)}.appearance-ui-style-btn{font-size:12px;font-weight:500;padding:5px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;white-space:nowrap}.appearance-ui-style-btn:hover{color:var(--text-primary)}.appearance-ui-style-btn.active{background:var(--surface);color:var(--accent, #2563eb);font-weight:600;box-shadow:0 1px 2px #00000014}.appearance-theme-switch{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--border)}.appearance-theme-btn{font-size:12px;font-weight:500;padding:5px 8px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;gap:5px}.appearance-theme-btn svg{width:14px;height:14px}.appearance-theme-btn:hover{color:var(--text-primary)}.appearance-theme-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.appearance-panel-toggle{font-size:13px;font-weight:500;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer}.appearance-panel-toggle:hover{border-color:var(--text-quaternary)}.appearance-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:270px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:14px;color:var(--text-primary)}.appearance-panel-section+.appearance-panel-section{margin-top:14px}.appearance-panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-quaternary);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.appearance-panel-reset{font-size:11px;font-weight:500;color:var(--accent, #2563eb);background:none;border:none;cursor:pointer;text-transform:none;letter-spacing:normal}.appearance-swatch-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.appearance-swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);cursor:pointer;box-shadow:0 0 0 1px var(--border);padding:0;flex-shrink:0}.appearance-swatch.selected{box-shadow:0 0 0 2px var(--accent, #2563eb)}.appearance-swatch-custom{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1px var(--border);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;display:block;overflow:hidden;flex-shrink:0}.appearance-swatch-custom input{opacity:0;width:1px;height:1px}.appearance-panel-footer{margin-top:14px;padding-top:10px;border-top:1px solid var(--border-light);text-align:center}.appearance-restore-btn{font-size:11px;color:var(--text-quaternary);background:none;border:none;cursor:pointer;opacity:.8}.appearance-restore-btn:hover{opacity:1;color:var(--text-tertiary)}@media(max-width:1200px){.page-topbar{flex-wrap:wrap;gap:10px}.global-search{flex:1 1 100%;max-width:none}.appearance-controls{margin-left:0;flex-wrap:wrap;justify-content:flex-start}.appearance-panel{left:auto;right:0}}@media(max-width:800px){.appearance-theme-btn span{display:none}.appearance-theme-btn{padding:6px 9px}.appearance-theme-btn svg{width:16px;height:16px}.appearance-theme-btn,.appearance-ui-style-btn,.appearance-panel-toggle{min-height:36px}}.notifpro-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.notifpro-view-switch{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--border)}.notifpro-view-btn{font-size:12px;font-weight:500;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;white-space:nowrap}.notifpro-view-btn:hover{color:var(--text-primary)}.notifpro-view-btn.active{background:var(--surface);color:var(--accent, #2563eb);font-weight:600;box-shadow:0 1px 2px #00000014}.notifpro-edit-btn{font-size:13px;font-weight:500;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer}.notifpro-edit-btn.active{background:var(--accent, #2563eb);border-color:var(--accent, #2563eb);color:#fff}.notifpro-edit-banner{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;padding:10px 16px;margin-bottom:16px;font-size:13px;color:var(--text-primary)}.notifpro-tray{margin-bottom:16px}.notifpro-tray-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-quaternary);margin-bottom:8px}.notifpro-tray-list{display:flex;flex-wrap:wrap;gap:8px}.notifpro-tray-chip{font-size:12px;padding:6px 12px;border-radius:999px;border:1px dashed var(--border);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer}.notifpro-tray-chip:hover{border-color:var(--accent, #2563eb);color:var(--accent, #2563eb);background:var(--surface-raised)}.notifpro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.notifpro-widget{background:var(--surface);border:1px solid var(--border);border-radius:12px;position:relative;color:var(--text-primary);transition:box-shadow .15s ease-out,transform .15s ease-out,border-color .15s ease-out,background .15s ease-out;animation:notifpro-fade-in .35s ease-out forwards}.notifpro-widget:not(.editing):hover{box-shadow:0 6px 18px #00000029;transform:translateY(-1px)}@keyframes notifpro-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notifpro-span-1{grid-column:span 1}.notifpro-span-2{grid-column:span 2}.notifpro-span-4{grid-column:span 4}@media(max-width:1100px){.notifpro-span-1{grid-column:span 2}}@media(max-width:640px){.notifpro-grid{grid-template-columns:1fr}.notifpro-span-1,.notifpro-span-2,.notifpro-span-4{grid-column:span 1}}.notifpro-widget.editing{border-style:dashed;cursor:grab}.notifpro-widget.editing:hover{border-color:var(--accent, #2563eb);box-shadow:0 4px 12px #0000001a;transform:none}.notifpro-widget.dragging{opacity:.35}.notifpro-widget-controls{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:5}.notifpro-drag-handle,.notifpro-hide-btn{width:26px;height:26px;border-radius:6px;background:var(--surface-strong);border:1px solid var(--border);color:var(--text-quaternary);display:flex;align-items:center;justify-content:center;cursor:grab}.notifpro-drag-handle svg,.notifpro-hide-btn svg{width:13px;height:13px}.notifpro-hide-btn{cursor:pointer}.notifpro-hide-btn:hover{color:var(--danger);border-color:var(--danger)}.notifpro-hero{padding:24px;background:var(--surface-strong);border-radius:12px;position:relative;overflow:hidden}.notifpro-hero:after{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:var(--surface-muted);opacity:.7;pointer-events:none}.notifpro-hero-badge{display:inline-flex;padding:5px 12px;border-radius:6px;background:var(--surface);font-size:12px;color:var(--text-secondary);margin-bottom:14px;border:1px solid var(--border);position:relative;z-index:1}.notifpro-hero-title{font-size:22px;font-weight:600;margin-bottom:6px;position:relative;z-index:1;color:var(--text-primary)}.notifpro-hero-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;position:relative;z-index:1}.notifpro-hero-stat{font-size:46px;font-weight:700;line-height:1;position:relative;z-index:1;color:var(--text-primary)}.notifpro-hero-stat-label{font-size:13px;color:var(--text-secondary);margin-top:6px;position:relative;z-index:1}.notifpro-hero-v2{background:linear-gradient(155deg,var(--surface),var(--surface-strong))}.notifpro-hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:14px}.notifpro-hero-top .notifpro-hero-badge{margin-bottom:0}.notifpro-hero-trend{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.notifpro-hero-trend svg{width:12px;height:12px}.notifpro-hero-trend.trend-up{background:var(--positive-light);color:var(--positive)}.notifpro-hero-trend.trend-down{background:var(--danger-light);color:var(--danger)}.notifpro-hero-trend.trend-neutral{background:var(--surface-muted);color:var(--text-tertiary)}.notifpro-hero-label{font-size:13px;color:var(--text-secondary);position:relative;z-index:1;margin-bottom:2px}.notifpro-hero-stat-v2{letter-spacing:-.01em}.notifpro-case-row-v2{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.notifpro-case-row-v2:last-child{border-bottom:none}.notifpro-case-accent{width:4px;align-self:stretch;border-radius:3px;flex-shrink:0}.notifpro-case-accent.pill-red{background:var(--pill-red-text)}.notifpro-case-accent.pill-orange{background:var(--pill-orange-text)}.notifpro-case-accent.pill-blue{background:var(--pill-blue-text)}.notifpro-case-accent.pill-purple{background:var(--pill-purple-text)}.notifpro-case-accent.pill-yellow{background:var(--pill-yellow-text)}.notifpro-case-accent.pill-green{background:var(--pill-green-text)}.notifpro-case-accent.pill-gray{background:var(--pill-gray-text)}.notifpro-case-row-v2 .notifpro-case-info{flex:1;min-width:0}.notifpro-kpi{padding:18px;border-top:3px solid transparent;border-radius:12px 12px 0 0}.notifpro-kpi.tone-red{border-top-color:var(--danger)}.notifpro-kpi.tone-orange{border-top-color:var(--warning)}.notifpro-kpi.tone-blue{border-top-color:var(--accent, #2563eb)}.notifpro-kpi.tone-green{border-top-color:var(--positive)}.notifpro-kpi-label{font-size:12px;color:var(--text-tertiary);margin-bottom:8px;font-weight:500}.notifpro-kpi-value{font-size:32px;font-weight:700;line-height:1;color:var(--text-primary)}.notifpro-kpi-sub{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:500}.notifpro-kpi-sub svg{width:12px;height:12px}.notifpro-kpi-sub.trend-up{color:var(--positive)}.notifpro-kpi-sub.trend-down{color:var(--danger)}.notifpro-kpi-sub.trend-neutral{color:var(--text-quaternary)}.notifpro-counter{padding:16px 18px;display:flex;align-items:center;gap:14px}.notifpro-counter-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notifpro-counter-icon svg{width:18px;height:18px}.notifpro-counter.tone-red .notifpro-counter-icon{background:var(--danger-light);color:var(--danger)}.notifpro-counter.tone-orange .notifpro-counter-icon{background:var(--warning-light);color:var(--warning)}.notifpro-counter-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.notifpro-counter-value{font-size:22px;font-weight:700;margin-left:auto}.notifpro-counter.tone-red .notifpro-counter-value{color:var(--danger)}.notifpro-counter.tone-orange .notifpro-counter-value{color:var(--warning)}.notifpro-chart{padding:20px}.notifpro-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px;color:var(--text-primary)}.notifpro-chart-tabs{display:flex;gap:4px}.notifpro-chart-tab{font-size:12px;padding:5px 12px;border-radius:6px;border:none;background:none;color:var(--text-quaternary);cursor:pointer;font-weight:500}@media(max-width:800px){.notifpro-chart-tab,.notifpro-view-btn{min-height:36px}}.notifpro-chart-tab.active{background:var(--surface-strong);color:var(--text-primary);font-weight:600}.notifpro-mini-chart{display:flex;align-items:flex-end;gap:8px;height:100px;padding:8px 0 22px}.notifpro-mini-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.notifpro-mini-bar{width:100%;border-radius:4px 4px 0 0;background:var(--accent, #2563eb);min-height:4px;position:relative;transition:opacity .15s ease-out}.notifpro-mini-bar:hover{opacity:.85}.notifpro-mini-bar-label{position:absolute;bottom:-20px;font-size:11px;color:var(--text-quaternary)}.notifpro-mini-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--surface);padding:5px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-out;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:10}.notifpro-mini-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary)}.notifpro-mini-bar:hover .notifpro-mini-tooltip{opacity:1}.notifpro-workload,.notifpro-cases{padding:16px}.notifpro-workload>strong,.notifpro-cases>strong{display:block;margin-bottom:10px;font-size:14px;color:var(--text-primary)}.notifpro-workload-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border-light)}.notifpro-workload-row:last-child{border-bottom:none}.notifpro-workload-info{flex:0 0 160px;font-size:13px;font-weight:600;color:var(--text-primary)}.notifpro-workload-track{flex:1;height:7px;background:var(--surface-muted);border-radius:4px;overflow:hidden}.notifpro-workload-fill{height:100%;border-radius:4px;position:relative;overflow:hidden;transition:width .8s cubic-bezier(.4,0,.2,1)}.notifpro-workload-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:notifpro-shimmer 2s infinite}@keyframes notifpro-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.notifpro-workload-stats{font-size:11px;color:var(--text-quaternary);white-space:nowrap}.notifpro-case-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.notifpro-case-row:last-child{border-bottom:none}.notifpro-case-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-light, #eef2ff);color:var(--accent, #2563eb);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.notifpro-case-name{font-size:13px;font-weight:600;color:var(--text-primary)}.notifpro-case-detail{font-size:11px;color:var(--text-quaternary)}.viw-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:32px 16px;z-index:1010}.viw-modal{position:relative;width:100%;max-width:840px;background:var(--surface-muted);border-radius:16px;padding:32px;box-shadow:0 20px 50px #00000040}.viw-header{text-align:center;margin-bottom:24px}.viw-header h1{font-size:22px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.viw-header p{font-size:14px;color:var(--text-secondary);margin-top:4px}.viw-modal label{display:block;margin-top:14px;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--text-secondary)}.viw-modal input,.viw-modal select,.viw-modal textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text-primary)}.viw-modal textarea{min-height:80px}.viw-stepper{display:flex;align-items:center;gap:6px;margin-bottom:20px;padding:10px 0;overflow-x:auto}.viw-stepper-line{flex:1;min-width:16px;height:2px;background:var(--border);border-radius:1px}.viw-stepper-line.on{background:var(--text-primary)}.viw-step{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:none;background:var(--surface-raised, var(--surface));color:var(--text-tertiary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.viw-step.on{background:var(--text-primary);color:var(--surface)}.viw-step.done{background:var(--surface-raised, var(--surface));color:var(--text-primary)}.viw-step-num{width:20px;height:20px;border-radius:50%;background:var(--border);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.viw-step.on .viw-step-num{background:var(--surface);color:var(--text-primary)}.viw-step.done .viw-step-num{background:var(--text-primary);color:var(--surface)}.viw-progress{margin-bottom:20px}.viw-progress-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.viw-progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.viw-progress-fill{height:100%;background:var(--text-primary);border-radius:3px;transition:width .25s ease-out}.viw-step-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 18px}.viw-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.viw-card-h{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.viw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.viw-field-wide{grid-column:1 / -1}.viw-error-text{color:var(--danger);font-size:12px;margin:4px 0 0}.viw-search-row{display:flex;gap:8px;margin-top:10px}.viw-search-row input{flex:1}.viw-search-results{margin-top:12px;display:flex;flex-direction:column;gap:6px}.viw-search-result-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--surface-raised, var(--surface));border:1px solid var(--border);font-size:13px}.viw-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);cursor:pointer;margin-top:12px}.viw-modal .viw-checkbox input{width:18px;height:18px;accent-color:var(--text-primary);cursor:pointer}.viw-services-table{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}.viw-services-head{display:grid;grid-template-columns:2fr 70px 100px 110px;background:var(--surface-muted);padding:10px 16px;font-size:12px;font-weight:600;color:var(--text-tertiary)}.viw-services-row{display:grid;grid-template-columns:2fr 70px 100px 110px;padding:10px 16px;border-top:1px solid var(--border);align-items:center;font-size:13px;color:var(--text-primary);background:var(--surface)}.viw-services-sum{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:600;white-space:nowrap}.viw-services-empty{padding:14px 16px;background:var(--surface)}.viw-totals{text-align:right;margin-bottom:16px}.viw-totals-row{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.viw-totals-row b{color:var(--text-primary);margin-left:8px}.viw-totals-due{font-size:20px;font-weight:700;color:var(--text-primary);margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.viw-totals-due b{color:var(--positive)}.viw-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:12px}.viw-summary-item{min-width:0}.viw-summary-item .l{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);margin-bottom:2px}.viw-summary-item .v{display:block;font-size:13px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.viw-summary-services{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.viw-summary-due{font-size:16px;font-weight:700;color:var(--text-primary);margin-top:10px;text-align:right}.viw-summary-due b{color:var(--positive)}.viw-sigs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.viw-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.viw-nav .mini-button,.viw-nav .save{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;width:auto;margin-top:0}@media(max-width:640px){.viw-form-grid,.viw-summary-grid,.viw-sigs{grid-template-columns:1fr}.viw-services-head,.viw-services-row{grid-template-columns:1.5fr 45px 75px 85px;font-size:12px}}.viw-trigger{background:#1f2937;color:#fff;box-shadow:none;border:1px dashed var(--border)}.signature-pad-trigger{width:100%;min-height:100px;border:1px dashed var(--border, #d1d5db);border-radius:8px;background:var(--surface-muted, #f9fafb);color:var(--text-secondary, #52514e);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.signature-pad-preview{max-width:100%;max-height:90px;object-fit:contain}.signature-modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1020}.signature-modal-box{width:100%;max-width:900px;background:var(--surface, #fff);border-radius:16px;padding:24px;box-shadow:0 20px 50px #0000004d}.signature-modal-box h3{margin:0 0 4px}.signature-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.vpro-hero{padding:28px 30px;background:linear-gradient(135deg,var(--surface-strong),var(--surface));border:1px solid var(--border);border-radius:18px;position:relative;overflow:hidden;margin:20px 0 18px}.vpro-hero:before{content:"";position:absolute;top:-90px;right:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--accent-light, #eef2ff),transparent 70%);opacity:.9;pointer-events:none}.vpro-hero:after{content:"";position:absolute;bottom:-110px;left:30%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--surface-muted),transparent 70%);pointer-events:none}.vpro-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:1;flex-wrap:wrap}.vpro-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.vpro-hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--positive);box-shadow:0 0 0 3px var(--positive-light);animation:vpro-pulse-dot 1.8s infinite}@keyframes vpro-pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.vpro-hero-title{font-size:26px;font-weight:800;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.01em}.vpro-hero-desc{font-size:14px;color:var(--text-secondary);max-width:520px;line-height:1.5;margin:0}.vpro-hero-stat{text-align:right;position:relative;z-index:1}.vpro-hero-stat strong{display:block;font-size:44px;font-weight:800;line-height:1;color:var(--text-primary);background:linear-gradient(135deg,var(--accent, #2563eb),color-mix(in srgb,var(--accent, #2563eb) 60%,var(--positive)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vpro-hero-stat span{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.vpro-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin-bottom:18px;box-shadow:0 10px 26px #0f172a0f}.vpro-toolbar input{flex:1;border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--text-primary)}.vpro-toolbar input:focus{outline:none;border-color:var(--accent, #2563eb);background:var(--surface)}.vpro-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}@media(max-width:1100px){.vpro-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.vpro-kpi-grid{grid-template-columns:1fr}}.vpro-kpi{background:var(--surface);border:1px solid var(--border);border-top:3px solid transparent;border-radius:14px;padding:16px 18px;box-shadow:0 10px 26px #0f172a0f;animation:vpro-rise .35s ease-out forwards}.vpro-kpi.tone-blue{border-top-color:var(--accent, #2563eb)}.vpro-kpi.tone-orange{border-top-color:var(--warning)}.vpro-kpi.tone-red{border-top-color:var(--danger)}.vpro-kpi.tone-purple{border-top-color:#7c3aed}.vpro-kpi-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px}.vpro-kpi.tone-blue .vpro-kpi-icon{background:var(--accent-light, #eef2ff);color:var(--accent, #2563eb)}.vpro-kpi.tone-orange .vpro-kpi-icon{background:var(--warning-light);color:var(--warning)}.vpro-kpi.tone-red .vpro-kpi-icon{background:var(--danger-light);color:var(--danger)}.vpro-kpi.tone-purple .vpro-kpi-icon{background:color-mix(in srgb,#7c3aed 18%,var(--surface));color:#7c3aed}.vpro-kpi-value{font-size:30px;font-weight:800;color:var(--text-primary);line-height:1}.vpro-kpi-label{font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-top:6px}.vpro-kpi-note{font-size:11.5px;color:var(--text-quaternary);margin-top:2px}@keyframes vpro-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vpro-fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.vpro-card{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:18px;cursor:pointer;font:inherit;color:inherit;position:relative;overflow:hidden;box-shadow:0 14px 30px #0f172a12;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s ease-out,border-color .18s ease-out;animation:vpro-rise .4s ease-out forwards}.vpro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--vpro-stage-a, #64748b),var(--vpro-stage-b, #94a3b8))}.vpro-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a24;border-color:var(--vpro-stage-a, var(--accent))}.vpro-card.selected{border-color:var(--accent, #2563eb);box-shadow:0 0 0 2px var(--accent-light, #eef2ff),0 20px 40px #0f172a24}.vpro-card.stage-blue{--vpro-stage-a: #2563eb;--vpro-stage-b: #60a5fa}.vpro-card.stage-orange{--vpro-stage-a: #f97316;--vpro-stage-b: #fb923c}.vpro-card.stage-purple{--vpro-stage-a: #7c3aed;--vpro-stage-b: #a78bfa}.vpro-card.stage-yellow{--vpro-stage-a: #ca8a04;--vpro-stage-b: #facc15}.vpro-card.stage-green{--vpro-stage-a: #16a34a;--vpro-stage-b: #4ade80}.vpro-card.stage-gray{--vpro-stage-a: #64748b;--vpro-stage-b: #94a3b8}.vpro-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:6px;margin-bottom:14px}.vpro-plate{display:inline-flex;align-items:stretch;height:30px;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #00000040,inset 0 0 0 1px #00000026;font-family:Arial Narrow,Arial,sans-serif}.vpro-plate-eu{background:#039;color:gold;font-size:8px;font-weight:700;width:16px;display:flex;align-items:center;justify-content:center;letter-spacing:-.5px}.vpro-plate-number{background:#f5f5f5;color:#111;font-weight:800;font-size:14px;letter-spacing:.06em;padding:0 10px;display:flex;align-items:center;white-space:nowrap}.vpro-stage-chip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--vpro-stage-a, #64748b),var(--vpro-stage-b, #94a3b8));white-space:nowrap;box-shadow:0 2px 6px #0000002e}.vpro-card strong.vpro-title{display:block;font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:3px}.vpro-card .vpro-owner{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.vpro-card .vpro-meta{font-size:11.5px;color:var(--text-quaternary);display:block;margin-bottom:12px}.vpro-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border-light);font-size:11.5px;color:var(--text-tertiary);font-weight:600}.vpro-warning{color:var(--danger);font-weight:700;background:var(--danger-light);padding:3px 8px;border-radius:999px}.vpro-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.vpro-chip{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);color:var(--text-secondary)}.vpro-empty{grid-column:1 / -1;text-align:center;color:var(--text-tertiary);padding:40px 0}.vpro-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}@media(max-width:640px){.vpro-detail-grid{grid-template-columns:repeat(2,1fr)}}.vpro-detail-tile{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.vpro-detail-tile h4{margin:0 0 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-quaternary)}.vpro-detail-tile strong{display:block;font-size:19px;font-weight:800;color:var(--text-primary);line-height:1.2}.vpro-detail-tile p{margin:2px 0 0;font-size:11px;color:var(--text-tertiary)}.showcase-page{min-height:100vh;background:#0a0a0a;color:#f5f5f5;font-family:Arial,sans-serif;padding:40px 24px 60px;box-sizing:border-box}.showcase-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.showcase-muted{color:#a3a3a3}.showcase-header{display:flex;align-items:center;gap:14px;max-width:780px;margin:0 auto 32px}.showcase-logo{width:56px;height:56px;object-fit:contain}.showcase-brand{font-size:18px;font-weight:800}.showcase-tagline{font-size:11px;color:#a3a3a3;letter-spacing:.04em}.showcase-title{max-width:780px;margin:0 auto 12px;font-size:clamp(24px,5vw,36px);font-weight:800;text-align:center}.showcase-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:780px;margin:0 auto 32px}.showcase-pill{background:#1a1a1a;border:1px solid #2a2a2a;color:#d4d4d4;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.showcase-warranty{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:780px;margin:0 auto 32px}.showcase-warranty-card{background:#141414;border:1px solid #262626;border-left:4px solid #2563eb;border-radius:12px;padding:14px 16px;font-size:13.5px;color:#d4d4d4;line-height:1.7}.showcase-warranty-service{font-weight:800;color:#f5f5f5;margin-bottom:4px}.showcase-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1100px;margin:0 auto}.showcase-column h2{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#a3a3a3;margin:0 0 12px;text-align:center}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.showcase-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#171717}.showcase-status{max-width:780px;margin:0 auto 32px;background:#141414;border:1px solid #262626;border-radius:14px;padding:18px 20px 22px}.showcase-status-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#a3a3a3;margin-bottom:16px}.showcase-status-case{color:#f5f5f5;font-weight:800;letter-spacing:0;text-transform:none}.showcase-status-track{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.showcase-status-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative}.showcase-status-step:not(:first-child):before{content:"";position:absolute;top:5px;right:50%;width:100%;height:2px;background:#2a2a2a;z-index:0}.showcase-status-step.done:not(:first-child):before,.showcase-status-step.current:not(:first-child):before{background:#22c55e}.showcase-status-dot{width:12px;height:12px;border-radius:50%;background:#2a2a2a;border:2px solid #2a2a2a;position:relative;z-index:1}.showcase-status-step.done .showcase-status-dot{background:#22c55e;border-color:#22c55e}.showcase-status-step.current .showcase-status-dot{background:#0a0a0a;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e40}.showcase-status-label{font-size:11.5px;color:#737373;line-height:1.3}.showcase-status-step.done .showcase-status-label,.showcase-status-step.current .showcase-status-label{color:#f5f5f5;font-weight:700}.showcase-footer{margin-top:56px;text-align:center;font-size:13px;color:#737373}.rating-card{max-width:420px;width:100%;margin:0 auto;background:#141414;border:1px solid #262626;border-radius:16px;padding:28px 24px;text-align:center}.rating-stars{display:flex;justify-content:center;gap:8px;font-size:40px;line-height:1;margin:20px 0}.rating-stars span{color:#3a3a3a;cursor:pointer;transition:color .15s ease}.rating-stars span.on{color:#facc15}.rating-stars.readonly span{cursor:default}.rating-stars.small{font-size:22px;justify-content:flex-start;margin:6px 0}.rating-comment{width:100%;min-height:80px;margin-top:8px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;color:#f5f5f5;padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical;box-sizing:border-box}.rating-error{color:#f87171;font-size:13px;margin:10px 0 0}.rating-submit{margin-top:16px;width:100%;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:800;font-size:15px;cursor:pointer}.rating-submit:disabled{opacity:.6;cursor:default}.service-reminder-overdue{background:var(--pill-red-bg, #fee2e2)}@media(max-width:800px){.leads-pro-top,.employees-toolbar,.employees-pro-toolbar{flex-direction:column;align-items:stretch}.employees-pro-toolbar input{width:100%;box-sizing:border-box}.page,:root[data-ui-style=v1] .page,:root[data-ui-style=v2] .page{padding:70px 18px 18px}}