:root{--bg-primary:#060a14;--bg-secondary:#0c1222;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-card-border:#ffffff14;--text-primary:#e8eaf0;--text-secondary:#8a93a6;--text-muted:#4b5263;--accent-gradient:linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--accent-solid:#8b5cf6;--accent-focus:#8b5cf640;--status-processing:#f59e0b;--status-processing-bg:#f59e0b1a;--status-ready:#3b82f6;--status-ready-bg:#3b82f61a;--status-delivered:#10b981;--status-delivered-bg:#10b9811a;--status-delay:#ef4444;--status-delay-bg:#ef444414;--glass-blur:20px;--glass-bg:#ffffff08;--glass-border:#ffffff0f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-lg:1.15rem;--font-size-xl:1.4rem;--font-size-2xl:1.75rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f10f 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-30%;left:-10%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f70d 0%,#0000 70%);width:50%;height:50%;position:fixed;bottom:-20%;right:-10%}#root{z-index:1;position:relative}.glass-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));transition:background var(--transition-base), border-color var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);border:none;padding:10px 18px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf640}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-outline{background:0 0}.btn-google{color:#1f2937;background:#fff;border:1px solid #e5e7eb;width:100%}.btn-google:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.login-divider{text-align:center;color:var(--text-secondary);font-size:var(--font-size-xs);margin:var(--space-md) 0;align-items:center;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.login-divider:not(:empty):before{margin-right:.75em}.login-divider:not(:empty):after{margin-left:.75em}.btn-outline{border:1px solid var(--accent-solid);color:var(--text-primary)}.btn-outline:hover{background:#8b5cf61a}.btn-danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444433}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.login-container{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:440px;padding:var(--space-xl);animation:slideUp .4s var(--transition-slow)}.login-logo{border-radius:var(--radius-md);background:var(--accent-gradient);width:56px;height:56px;margin:0 auto var(--space-md);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #8b5cf64d}.login-logo svg{color:#fff}.login-title{text-align:center;font-size:var(--font-size-xl);margin-bottom:var(--space-xs);font-weight:700}.login-subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xl)}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.form-input,.form-select{width:100%;padding:12px var(--space-md);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-base);background:#0003;border:1px solid #ffffff14;outline:none}.form-input:focus,.form-select:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-focus)}.form-input::placeholder{color:var(--text-muted)}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.login-error{border-radius:var(--radius-sm);color:#fca5a5;font-size:var(--font-size-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433;padding:10px}.login-toggle{text-align:center;font-size:var(--font-size-sm);color:var(--accent-solid);cursor:pointer;margin-top:var(--space-sm);font-family:var(--font-family);transition:opacity var(--transition-fast);background:0 0;border:none;font-weight:500}.login-toggle:hover{opacity:.8}.dashboard-container{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--bg-card-border);padding:var(--space-lg);z-index:10;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);display:flex}.sidebar-brand__icon{border-radius:var(--radius-sm);background:var(--accent-gradient);justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #8b5cf633}.sidebar-brand__icon svg{color:#fff}.sidebar-brand__name{font-weight:700;font-size:var(--font-size-base);letter-spacing:.5px}.sidebar-nav{gap:var(--space-xs);flex-direction:column;flex-grow:1;display:flex}.sidebar-nav__item{align-items:center;gap:var(--space-md);padding:12px var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);background:0 0;border:none;font-weight:500;display:flex}.sidebar-nav__item:hover{color:var(--text-primary);background:#ffffff08}.sidebar-nav__item--active{color:var(--accent-solid);background:#8b5cf61a;font-weight:600}.sidebar-footer{padding-top:var(--space-md);border-top:1px solid #ffffff0d;margin-top:auto}.showroom-details{margin-bottom:var(--space-md);flex-direction:column;gap:2px;display:flex}.showroom-details__name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.showroom-details__id{font-size:var(--font-size-xs);color:var(--text-muted)}.btn-logout{color:#fca5a5;border-radius:var(--radius-sm);width:100%;font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-base);background:#ef444414;border:1px solid #ef444426;padding:8px 12px;font-weight:600;display:flex}.btn-logout:hover{background:#ef444426}.main-view{padding:var(--space-xl);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex;overflow-y:auto}.view-header{margin-bottom:var(--space-xl)}.view-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs);font-weight:700}.view-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{padding:var(--space-lg);align-items:center;gap:var(--space-md);display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-count{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs);font-weight:700;line-height:1.1}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-icon--total{color:var(--accent-solid);background:#8b5cf61a}.stat-icon--processing{color:var(--status-processing);background:#f59e0b1a}.stat-icon--ready{color:var(--status-ready);background:#3b82f61a}.stat-icon--delivered{color:var(--status-delivered);background:#10b9811a}.stat-icon--delay{color:var(--status-delay);background:#ef44441a}.table-card{padding:var(--space-lg);overflow:hidden}.table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.toolbar-search{width:100%;max-width:320px;position:relative}.toolbar-search__icon{left:var(--space-md);color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.toolbar-search__input{width:100%;padding:10px var(--space-md) 10px 42px;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff14;outline:none}.toolbar-search__input:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-focus)}.toolbar-filters{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.toolbar-actions{align-items:center;gap:var(--space-sm);display:flex}.table-wrapper{border-radius:var(--radius-md);border:1px solid #ffffff0a;width:100%;overflow-x:auto}.rto-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}.rto-table th{padding:var(--space-md);color:var(--text-secondary);border-bottom:1px solid var(--bg-card-border);background:#ffffff05;font-weight:600}.rto-table td{padding:var(--space-md);vertical-align:middle;border-bottom:1px solid #ffffff08}.rto-table tr:last-child td{border-bottom:none}.rto-table tbody tr:hover{background:#ffffff03}.customer-name{color:var(--text-primary);font-weight:600}.customer-phone{font-size:var(--font-size-xs);color:var(--text-secondary);display:block}.registration-badge{font-family:monospace;font-size:var(--font-size-sm);letter-spacing:.5px;font-weight:700}.registration-badge--pending{color:var(--text-muted);font-style:italic;font-weight:500;font-family:var(--font-family)}.chassis-no{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-sm)}.status-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;padding:6px 12px;font-weight:600;display:inline-flex}.status-pill--processing{background:var(--status-processing-bg);color:var(--status-processing)}.status-pill--processing:hover{background:#f59e0b26}.status-pill--ready{background:var(--status-ready-bg);color:var(--status-ready)}.status-pill--ready:hover{background:#3b82f626}.status-pill--delivered{background:var(--status-delivered-bg);color:var(--status-delivered);cursor:default}.delay-reason-cell{color:var(--status-delay);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.empty-state{padding:var(--space-2xl) var(--space-md);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state__icon{opacity:.4;color:var(--text-secondary)}.empty-state__title{font-size:var(--font-size-lg);font-weight:600}.empty-state__text{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:320px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;padding:var(--space-md);background:#000000b3;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:500px;max-height:90vh;animation:slideUp .3s var(--transition-slow) forwards;overflow-y:auto;box-shadow:0 10px 30px #00000080}.modal-content--large{max-width:600px}.modal-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:700}.btn-close{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px}.btn-close:hover{color:var(--text-primary)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xl);display:flex}.modal-form{gap:var(--space-md);flex-direction:column;display:flex}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.csv-upload-zone{border-radius:var(--radius-md);padding:var(--space-xl) var(--space-md);text-align:center;cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-sm);background:#ffffff03;border:2px dashed #ffffff26;flex-direction:column;display:flex}.csv-upload-zone:hover{border-color:var(--accent-solid);background:#8b5cf605}.sample-csv-link{font-size:var(--font-size-xs);color:var(--accent-solid);cursor:pointer;margin-top:var(--space-xs);font-family:var(--font-family);background:0 0;border:none;text-decoration:underline}.upload-preview-container{gap:var(--space-sm);max-height:250px;margin-top:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.preview-table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.preview-table th,.preview-table td{border-bottom:1px solid #ffffff0d;padding:6px}.preview-row--invalid{color:#fca5a5;background:#ef44440d}.bulk-result{text-align:center;padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.status-option-group{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.status-option-label{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#ffffff05;border:1px solid #ffffff0f;font-weight:500;display:flex}.status-option-label:hover{background:#ffffff0a}.status-option-input{appearance:none;width:18px;height:18px;transition:all var(--transition-base);border:2px solid #ffffff4d;border-radius:50%;outline:none;position:relative}.status-option-input:checked{border-color:var(--accent-solid);background:var(--accent-solid)}.status-option-input:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-option-label--checked{background:#8b5cf60d;border-color:#8b5cf64d}.canvas-container{border-radius:var(--radius-md);margin-bottom:var(--space-sm);touch-action:none;background:#0000004d;border:1px solid #ffffff14;overflow:hidden}.signature-canvas{cursor:crosshair;width:100%;height:160px;display:block}.canvas-toolbar{margin-bottom:var(--space-md);justify-content:flex-end;display:flex}.mock-photo-uploader{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.photo-input-row{border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:#ffffff03;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px;display:flex}.photo-input-label{color:var(--text-secondary)}.photo-input-file{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.photo-input-btn{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:4px 10px;font-weight:600}.photo-input-btn:hover{background:#ffffff1a}.photo-input-filename{color:var(--status-delivered);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:500;overflow:hidden}.qr-modal-body{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.qr-code-wrapper{padding:var(--space-md);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #0000004d}.qr-code-image{width:200px;height:200px;display:block}.qr-instructions{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:320px;line-height:1.5}.qr-showroom-details{padding-top:var(--space-md);border-top:1px solid #ffffff14;width:100%}.qr-showroom-name{font-size:var(--font-size-base);font-weight:700}.qr-showroom-address{font-size:var(--font-size-xs);color:var(--text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-row td{vertical-align:middle;padding:16px 12px}.skeleton-bone{border-radius:var(--radius-sm);vertical-align:middle;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%) 0 0/200% 100%;height:12px;animation:1.4s ease-in-out infinite shimmer;display:inline-block}.skeleton-bone--badge{border-radius:var(--radius-sm);height:20px}.skeleton-bone--pill{border-radius:12px;height:22px}.skeleton-bone--button{border-radius:var(--radius-sm);height:26px}@media (width<=1024px){.dashboard-container{grid-template-columns:80px 1fr}.sidebar-brand__name,.showroom-details,.sidebar-nav__item span{display:none}.sidebar{padding:var(--space-md) var(--space-xs);align-items:center}.sidebar-brand{margin-bottom:var(--space-xl);justify-content:center}.sidebar-nav__item{justify-content:center;padding:12px}}@media (width<=768px){.dashboard-container{grid-template-columns:1fr}.sidebar{display:none}.main-view{padding:var(--space-md)}.form-row{grid-template-columns:1fr;gap:0}.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-search{max-width:100%}.toolbar-filters{justify-content:space-between;width:100%}}@media print{body *{visibility:hidden}.print-qr-section,.print-qr-section *{visibility:visible}.print-qr-section{text-align:center;color:#000;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-code-wrapper{box-shadow:none;border:1px solid #ccc;display:inline-block}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.btn-close,.modal-footer{display:none!important}}