:root{--primary:#4299e1;--primary-dark:#3182ce;--primary-light:#63b3ed;--accent:#4299e1;--brand-blue:#4299e1;--brand-blue-dark:#3182ce;--brand-blue-light:#63b3ed;--brand-gray:#2d3748;--brand-warm:#ebf8ff;--brand-cream:#f7fafc;--brand-terracotta:#4299e1;--brand-terracotta-dark:#3182ce;--brand-terracotta-light:#90cdf4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing:8px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--input-bg:#fff}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--input-bg:#0f172a;--gray-50:#1e293b;--gray-100:#334155;--gray-200:#475569;--gray-300:#64748b;--gray-400:#94a3b8;--gray-500:#cbd5e1;--gray-600:#e2e8f0;--gray-700:#f1f5f9;--gray-800:#f8fafc;--gray-900:#fff;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5!important;color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-layout{display:flex;min-height:100vh}.main-content{background:#f9fafb;background:var(--gray-50);flex:1 1;overflow-y:auto}.container{max-width:1600px}.container,.page-content{margin:0 auto;padding:32px}.page-content{max-width:1400px;position:relative}.eld-integration-buttons{position:fixed;right:24px;top:24px;z-index:100}.eld-integration-btn{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:50%;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.eld-integration-btn:hover{box-shadow:0 6px 20px #2563eb66;transform:scale(1.05)}.eld-integration-btn:active{transform:scale(.95)}.eld-integration-panel{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;position:fixed;right:24px;top:80px;width:320px;z-index:99}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.eld-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px}.eld-panel-header h3{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;margin:0}.close-btn{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600);font-size:20px;height:28px;line-height:1;width:28px}.close-btn:hover{background:#e5e7eb;background:var(--gray-200)}.eld-panel-content{padding:12px}.eld-provider-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:14px;text-align:left;transition:all .2s;width:100%}.eld-provider-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#4299e1;border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.eld-provider-btn.samsara{background:linear-gradient(135deg,#2563eb0d,#1d4ed80d);border-color:#4299e1;border-color:var(--primary)}.eld-provider-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.eld-provider-info{flex:1 1;min-width:0}.eld-provider-info strong{color:#111827;color:var(--gray-900);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.eld-provider-info small{color:#4b5563;color:var(--gray-600);display:block;font-size:12px}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-right:none;box-shadow:0 0 40px #4299e114;display:flex;flex-direction:column;height:100vh;padding:10px 8px;position:-webkit-sticky;position:sticky;top:0;width:200px;z-index:100}.nav-brand{background:linear-gradient(145deg,#2d3748,#1a202c);border-bottom:none;border-radius:10px;box-shadow:0 4px 20px #2d374840;color:#fff;margin-bottom:10px;padding:0}.nav-brand,.profile-menu-container{position:relative}.company-header{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:6px;padding:8px 10px;transition:all .3s ease}.company-header:hover{background:#ffffff1f;transform:translateY(-1px)}.company-avatar{align-items:center;background:#fff;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 3px 10px #0003;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;width:28px}.company-avatar .avatar-img{height:100%;object-fit:cover;width:100%}.company-avatar .avatar-placeholder{align-items:center;background:linear-gradient(145deg,#4299e1,#3182ce);color:#fff;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;width:100%}.company-info{flex:1 1;min-width:0}.company-name{font-size:11px}.company-info h1,.company-name{word-wrap:break-word;color:#fff;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.3px;line-height:1.3;margin:0;overflow-wrap:break-word;text-shadow:0 2px 4px #0000001a}.company-info h1{font-size:13px}.brand-accent{color:#4299e1!important}.profile-dropdown{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 10px 30px #4299e133;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.profile-menu-container:hover .profile-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.profile-dropdown-header{align-items:center;background:linear-gradient(145deg,#4299e10d,#3182ce0d);border-bottom:1px solid #4299e126;display:flex;gap:12px;padding:20px}.profile-avatar-large{align-items:center;background:#fff;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 4px 12px #4299e126;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-details{flex:1 1;min-width:0}.profile-details strong{color:#111827;color:var(--gray-900);font-size:15px;font-weight:600;margin-bottom:2px}.profile-details small,.profile-details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-details small{color:#4b5563;color:var(--gray-600);font-size:12px}.profile-dropdown-menu{padding:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:linear-gradient(135deg,#667eea14,#764ba214);color:#667eea;transform:translateX(4px)}.dropdown-item-icon{flex-shrink:0;font-size:14px;text-align:center;width:18px}.coming-soon{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;box-shadow:0 2px 6px #667eea1a;color:#667eea;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:3px 8px}.dropdown-item.samsara{align-items:center;background:linear-gradient(135deg,#10b98114,#05966914);border-left:3px solid #10b981;display:flex;gap:8px}.dropdown-item.samsara:hover{background:linear-gradient(135deg,#10b98126,#05966926);border-left-color:#059669}.dropdown-item.drive{align-items:center;background:#4285f40d;display:flex;gap:8px}.dropdown-item.drive:hover{background:#4285f41a}.drive-logo{align-items:center;display:flex;gap:8px}.drive-text{color:#111827;color:var(--gray-900);font-size:11px;font-weight:600}.samsara-logo-text{-webkit-text-fill-color:#0000;font-size:11px;letter-spacing:1.2px;text-shadow:0 0 1px #10b9814d}.samsara-logo-header,.samsara-logo-text{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-weight:700}.samsara-logo-header{font-size:28px;letter-spacing:2px}.samsara-logo-header,.samsara-logo-login{-webkit-text-fill-color:#0000;text-transform:uppercase}.samsara-logo-login{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:52px;font-weight:700;letter-spacing:3px;margin-bottom:24px}.integration-logo{height:16px;object-fit:contain;width:auto}.dropdown-item.logout{color:#ef4444;color:var(--danger)}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-icon{font-size:16px;text-align:center;width:20px}.dropdown-divider{background:#e5e7eb;background:var(--gray-200);height:1px;margin:8px 0}.nav-subtitle{color:#ffffffe6;font-size:8px;font-weight:500;letter-spacing:.3px;margin:2px 0 0;opacity:.85}.nav-links{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:4px 0}.nav-links a{align-items:center;background:#0000;border-radius:8px;color:#374151;color:var(--gray-700);display:flex;font-size:11px;font-weight:500;margin:0;padding:6px 10px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{background:linear-gradient(145deg,#4299e114,#3182ce14);box-shadow:0 2px 8px #4299e11a;color:#4299e1;transform:translateX(4px)}.nav-links a.active{background:linear-gradient(145deg,#4299e1,#3182ce);box-shadow:0 4px 12px #4299e14d;color:#fff;transform:translateX(4px)}.nav-dropdown-container{margin:0;position:relative}.nav-dropdown-container>a{align-items:center;background:#0000;border-radius:12px;color:#374151;color:var(--gray-700);display:flex;font-size:13px;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-dropdown-container>a:hover{background:linear-gradient(145deg,#4299e114,#3182ce14);box-shadow:0 2px 8px #4299e11a;color:#4299e1;transform:translateX(4px)}.nav-dropdown-container>a.active{background:linear-gradient(145deg,#4299e1,#3182ce);box-shadow:0 4px 12px #4299e14d;color:#fff;transform:translateX(4px)}.nav-link-hover{align-items:center;border-radius:10px;border-radius:var(--radius);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.nav-dropdown-container:hover .nav-link-hover{background:#f3f4f6;background:var(--gray-100);color:#4299e1;color:var(--primary)}.nav-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;opacity:0;overflow:hidden;padding:4px 0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease-out;visibility:hidden;z-index:1000}.nav-dropdown-container:hover .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.nav-icon{flex-shrink:0;font-size:13px;margin-right:6px;text-align:center;transition:transform .3s ease;width:14px}.nav-dropdown-container>a:hover .nav-icon,.nav-links a:hover .nav-icon{transform:scale(1.15)}.nav-text{font-size:11px}.nav-footer{background:#0000;border-top:none;padding:0}.nav-link-btn{background:linear-gradient(135deg,#10b9811a,#0596691a);border:none;box-shadow:0 2px 8px #10b9811a;color:#059669;font-size:12px;font-weight:600;justify-content:center;padding:8px 12px;transition:all .3s ease}.nav-link-btn:hover{background:linear-gradient(135deg,#10b98126,#05966926);box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.old-nav-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:16px}.import-menu-container{position:relative}.user-profile{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);display:flex;gap:12px;margin-bottom:12px;padding:12px}.user-avatar-small{height:40px;width:40px}.user-info{flex:1 1;min-width:0}.user-info strong{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600}.user-info small,.user-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{color:#4b5563;color:var(--gray-600);font-size:12px}.nav-link-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;padding:10px 16px;transition:all .2s;width:100%}.nav-link-btn:hover{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.import-btn{background:#10b9811a!important;border-color:#10b981!important;border-color:var(--success)!important;color:#10b981!important;color:var(--success)!important}.import-btn:hover{background:#10b98133!important}.import-icon{font-size:16px}.dropdown-arrow{font-size:10px;margin-left:auto;opacity:.7}.import-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 10px 25px #00000026;left:0;margin-bottom:8px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;transform:translateY(10px);transition:opacity .2s ease-out .15s,visibility .2s ease-out .15s,transform .2s ease-out .15s;visibility:hidden;z-index:1000}.import-dropdown:hover,.import-menu-container:hover .import-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.import-options{padding:4px 0}.dashboard{padding:0}.page-header-minimal{background:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:10px 16px}.page-header-minimal h1{margin:0}.dashboard-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:0}.dashboard-header h1{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0}.dashboard-actions{display:flex;gap:12px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;box-shadow:none;display:flex;gap:14px;padding:20px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:10px;border-radius:var(--radius);display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.metric-card.success .metric-icon{background:#10b9811a}.metric-card.warning .metric-icon{background:#f59e0b1a}.metric-content{flex:1 1}.metric-value{color:#111827;color:var(--gray-900);font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.metric-label{color:#4b5563;color:var(--gray-600);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:32px}.chart-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:24px}.chart-card h3{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 20px}.performance-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.performance-section h3{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;margin:0 0 20px}.performance-table{overflow-x:auto}.performance-table table{border-collapse:collapse;width:100%}.performance-table th{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.performance-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:14px;padding:16px}.performance-table tr:hover{background:#f9fafb;background:var(--gray-50)}.progress-bar{border-radius:4px;height:8px;width:100%}.progress-fill{border-radius:4px;transition:width .3s ease}.type-badge{background:#f3f4f6;background:var(--gray-100);border-radius:12px;color:#374151;color:var(--gray-700);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;min-height:40px;padding:10px 20px;transition:all .2s}.btn-primary{box-shadow:0 2px 8px #4299e140}.btn-primary:hover:not(:disabled){background:#3182ce;box-shadow:0 4px 12px #4299e159}.btn-primary:disabled{opacity:.5}.btn-secondary{border:1px solid var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-delete{background:#ef4444;background:var(--danger);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;min-height:auto;padding:8px 12px;transition:all .2s}.btn-delete:hover{background:#dc2626;transform:scale(1.05)}.status-badge{border-radius:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-badge.excellent,.status-excellent{background:#10b9811a;color:#10b981;color:var(--success)}.status-badge.good,.status-good{background:#3b82f61a;color:#3b82f6;color:var(--info)}.status-badge.fair,.status-fair{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.status-badge.poor,.status-poor{background:#ef44441a;color:#ef4444;color:var(--danger)}.status-active{background:#10b9811a;color:#10b981;color:var(--success)}.status-inactive,.status-maintenance{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.status-critical{background:#ef44441a;color:#ef4444;color:var(--danger)}.empty-state{background:#fff;border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:16px;border-radius:var(--radius-lg);margin:40px 0}.empty-state h2{color:#111827;color:var(--gray-900);margin-bottom:8px}.empty-state p{color:#4b5563;color:var(--gray-600)}.inspections-page{padding:0}.page-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);margin-bottom:32px;padding-bottom:24px}.page-header h2{color:#111827;color:var(--gray-900);font-size:32px;font-weight:700;margin:0 0 8px}.page-header p{color:#4b5563;color:var(--gray-600);font-size:15px;margin:0}.analytics-summary{margin-bottom:40px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);display:flex;gap:16px;padding:20px;transition:all .2s}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:10px;border-radius:var(--radius);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.card-content{flex:1 1}.card-value{color:#111827;color:var(--gray-900);font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.card-label{color:#4b5563;color:var(--gray-600);font-size:13px;font-weight:500}.analytics-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:32px}.filters-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.search-box{margin-bottom:16px}.search-box input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.search-box input:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-controls select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);color:#374151;color:var(--gray-700);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.filter-controls select:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.inspections-list{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:24px}.inspections-list h3{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;margin:0 0 20px}.list{margin-top:20px}.list ul{list-style:none;margin:0;padding:0}.list-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);margin-bottom:12px;overflow:hidden;transition:all .2s}.list-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.summary{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:space-between;padding:16px 20px}.summary-info strong{color:#111827;color:var(--gray-900);display:block;font-size:15px;margin-bottom:8px}.summary-meta{color:#4b5563;color:var(--gray-600);display:flex;font-size:13px;gap:16px}.buttons{display:flex;gap:8px}.buttons button{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.buttons button:hover{background:#f9fafb;background:var(--gray-50);border-color:#4299e1;border-color:var(--primary);color:#4299e1;color:var(--primary)}.details{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:20px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.detail-grid div{font-size:14px}.detail-grid strong{color:#374151;color:var(--gray-700);display:block;font-weight:600;margin-bottom:4px}.detail-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:20px;padding-top:20px}.detail-section strong{color:#111827;color:var(--gray-900);display:block;font-weight:600;margin-bottom:8px}.detail-section p{color:#374151;color:var(--gray-700);line-height:1.6;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#111827;color:var(--gray-900);font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;border-radius:50%;color:#9ca3af;color:var(--gray-400);display:flex;font-size:28px;height:36px;justify-content:center;min-height:auto;transition:all .2s;width:36px}.close-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;border-radius:var(--radius);color:#111827;color:var(--gray-900);font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #2563eb1a}@media (max-width:1200px){.analytics-charts,.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.app-layout{flex-direction:column}.main-nav{height:auto;position:relative;width:100%}.container,.page-content{padding:20px}.metrics-grid,.summary-cards{grid-template-columns:repeat(2,1fr)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.filter-controls{align-items:stretch;flex-direction:column}.filter-controls button,.filter-controls select{width:100%}.buttons{flex-direction:column}.buttons button{width:100%}}.loading-container{background:linear-gradient(135deg,#4299e1,#3182ce);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.loading-spinner{color:#fff}.loading-spinner h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.loading-spinner p{margin-top:12px;opacity:.9}.loading-logo{font-size:28px;font-weight:700;margin-bottom:20px}.loading-text-dark{color:#fff}.loading-text-blue{color:#bee3f8}.loading-bar{background:#ffffff4d;border-radius:2px;height:4px;margin:0 auto;overflow:hidden;width:200px}.loading-bar-fill{animation:loadingSlide 1.2s ease-in-out infinite;background:#fff;border-radius:2px;height:100%;width:30%}@keyframes loadingSlide{0%{transform:translateX(-100%)}to{transform:translateX(600%)}}.auth-container{align-items:center;background:linear-gradient(145deg,#ebf8ff,#bee3f8 50%,#90cdf4);display:flex;justify-content:center;min-height:100vh;padding:12px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #4299e133,0 0 0 1px #4299e10d;max-width:400px;overflow:hidden;width:100%}.auth-header{background:#fff;padding:20px 20px 12px;position:relative;text-align:center}.auth-header:after{background:linear-gradient(90deg,#0000,#90cdf4,#0000);bottom:0;content:"";height:1px;left:32px;position:absolute;right:32px}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.auth-logo-img{max-height:70px;max-width:300px;object-fit:contain}.auth-logo-split{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:8px}.auth-logo-text{text-align:left}.auth-logo-text h1{color:#2d3748;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.auth-logo-text h1 span{color:#4299e1;font-weight:700}.auth-logo-text p{color:#6b7280;color:var(--gray-500);font-size:8px;font-weight:600;letter-spacing:.06em;margin:-2px 0 0;text-align:right;text-transform:uppercase}.auth-header h2{color:#4b5563;color:var(--gray-600);font-size:18px;font-weight:500;letter-spacing:-.01em;margin:0}.demo-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;border-radius:var(--radius);color:#92400e;font-size:12px;line-height:1.4;margin:12px 24px;padding:10px 12px}.demo-notice strong{font-weight:600}.auth-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;border-radius:var(--radius);color:#991b1b;font-size:12px;margin:0 24px 12px;padding:10px 12px}.auth-form{padding:0 24px}.auth-form .form-group{margin-bottom:12px}.auth-form .form-group label{color:#374151;color:var(--gray-700);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.auth-form .form-group input{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);color:#111827;color:var(--gray-900);font-family:inherit;font-size:16px;padding:12px;transition:all .2s;width:100%}.auth-form .form-group input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.auth-form .form-group input::placeholder{color:#9ca3af;color:var(--gray-400)}.auth-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-height:44px;padding:12px;transition:all .2s;width:100%}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-btn.primary{background:#4299e1;box-shadow:0 4px 14px #4299e159;color:#fff;margin-bottom:16px}.auth-btn.primary:hover:not(:disabled){background:#3182ce;box-shadow:0 6px 20px #3182ce66}.social-auth-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:4px;padding:0 24px}.auth-btn.social{align-items:center;display:flex;font-weight:500;gap:12px;justify-content:center;margin:0;width:100%}.auth-btn.google,.auth-btn.social.google{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700);margin:0}.auth-btn.google:hover:not(:disabled),.auth-btn.social.google:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.auth-btn.social.apple{background:#000;border:2px solid #000;color:#fff}.auth-btn.social.apple:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a}.auth-btn.social.microsoft{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.auth-btn.social.microsoft:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.auth-btn svg{flex-shrink:0}.auth-terms{color:#6b7280;color:var(--gray-500);font-size:12px;margin:0;padding:16px 32px 0;text-align:center}.auth-terms a{color:#4299e1;text-decoration:none}.auth-terms a:hover{color:#3182ce;text-decoration:underline}.auth-divider{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:13px;font-weight:500;margin:12px 24px}.auth-divider:after,.auth-divider:before{background:#d1d5db;background:var(--gray-300);content:"";flex:1 1;height:1px}.auth-divider span{padding:0 12px}.auth-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:4px;padding:16px 24px 20px;text-align:center}.auth-footer p{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0}.link-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#4299e1;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0;text-decoration:none}.link-btn:hover{color:#3182ce;color:var(--brand-terracotta-dark);text-decoration:underline}.success-hint{color:#6b7280;color:var(--gray-500);font-size:13px;margin-top:8px}@media (max-width:480px){.auth-container{-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto;padding:0}.auth-card{border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-height:100vh;padding-bottom:40px}.auth-header{padding:32px 24px 24px}.auth-header h1{font-size:28px}.auth-header h2{font-size:16px}.auth-form{padding:0 24px}.social-auth-buttons{gap:10px;padding:0 24px}.demo-notice{margin:20px 24px}.auth-error{margin:0 24px 16px}.auth-btn.google{margin:0 24px 20px}.auth-divider{margin:20px 24px}.auth-footer{padding:20px 24px 28px}}.signup-card{max-width:600px}.tagline{font-size:14px;font-weight:400;margin:-8px 0 0;opacity:.85}.signup-progress{align-items:center;display:flex;gap:0;justify-content:center;padding:24px 32px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.step-number{background:#e5e7eb;background:var(--gray-200);color:#6b7280;color:var(--gray-500);font-size:16px;height:40px;transition:all .3s;width:40px}.progress-step.active .step-number{background:#4299e1;background:var(--primary);box-shadow:0 0 0 4px #2563eb1a;color:#fff}.step-label{color:#4b5563;color:var(--gray-600);font-size:12px;font-weight:600}.progress-step.active .step-label{color:#4299e1;color:var(--primary)}.progress-line{background:#e5e7eb;background:var(--gray-200);height:3px;margin:0 -4px 28px;transition:all .3s;width:80px}.progress-line.active{background:#4299e1;background:var(--primary)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.form-actions .auth-btn{flex:1 1;margin:0}.auth-btn.secondary{background:#e5e7eb;background:var(--gray-200);box-shadow:none;color:#374151;color:var(--gray-700)}.auth-btn.secondary:hover:not(:disabled){background:#d1d5db;background:var(--gray-300)}.signup-success{padding:40px 32px;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease-out;background:#4299e1;background:var(--brand-terracotta);border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.signup-success h3{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 12px}.signup-success p{color:#4b5563;color:var(--gray-600);font-size:16px;margin:8px 0}.success-subtext{color:#6b7280;color:var(--gray-500);font-size:14px;font-style:italic}@media (max-width:480px){.signup-card{max-width:100%}.signup-progress{padding:20px 16px}.progress-line{width:50px}.step-number{font-size:14px;height:36px;width:36px}.step-label{font-size:10px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.signup-success{padding:32px 24px}.success-icon{font-size:40px;height:70px;width:70px}}.inspector-app{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.inspector-header{background:linear-gradient(135deg,#5b8def,#4a7de8);box-shadow:0 2px 4px #00000014;color:#fff;font-family:Roboto Condensed,-apple-system,sans-serif;position:-webkit-sticky;position:sticky;top:0;z-index:100}.inspector-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:10px 20px}.inspector-header h1{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.inspector-actions{align-items:center;display:flex;gap:12px}.toggle-btn{-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;padding:7px 14px;transition:all .2s;white-space:nowrap}.toggle-btn:hover{background:#ffffff40;border-color:#ffffff80}.toggle-btn:active{transform:scale(.96)}.user-menu{position:relative}.user-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;transition:all .2s;width:34px}.user-menu-btn:hover{background:#ffffff40;border-color:#ffffff80}.user-menu-btn.active{background:#ffffff4d;border-color:#fff9}.user-avatar-small{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-icon{font-size:17px}.user-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-dropdown-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:16px}.user-dropdown-name{color:#111827;color:var(--gray-900);font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px}.user-dropdown-email{color:#4b5563;color:var(--gray-600);font-size:12px;word-break:break-word}.user-dropdown-menu{padding:6px 0}.user-dropdown-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;gap:12px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.user-dropdown-item:hover{background:#f3f4f6;background:var(--gray-100)}.user-dropdown-item.danger{color:#ef4444;color:var(--danger)}.user-dropdown-item.danger:hover{background:#fef2f2}.user-dropdown-icon{align-items:center;display:flex;font-size:16px;justify-content:center;width:20px}.user-dropdown-divider{background:#e5e7eb;background:var(--gray-200);height:1px;margin:6px 0}.inspector-content{flex:1 1;overflow-y:auto;padding:0}.inspector-form-container,.inspector-history{margin:0 auto;max-width:800px;padding:20px}.inspector-history h2{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 24px}.empty-state{color:#6b7280;color:var(--gray-500);padding:60px 20px}.empty-state p{font-size:16px;margin:0}.inspection-cards{display:flex;flex-direction:column;gap:16px}.inspection-card{background:#fff;border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden;transition:all .2s}.inspection-card:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:scale(.98)}.inspection-card-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px}.inspection-title{color:#111827;color:var(--gray-900);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:4px}.inspection-title span{display:block}.status-badge{border-radius:20px;font-size:12px;white-space:nowrap}.status-badge.excellent{background:#d1fae5;color:#065f46}.status-badge.good{background:#dbeafe;color:#1e40af}.status-badge.fair{background:#fef3c7;color:#92400e}.status-badge.poor{background:#fee2e2;color:#991b1b}.inspection-card-body{padding:16px}.inspection-meta{color:#4b5563;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:14px;gap:12px;margin-bottom:12px}.inspection-meta span{align-items:center;display:flex;gap:4px}.inspection-detail{color:#374151;color:var(--gray-700);font-size:14px;margin-bottom:8px}.inspection-detail strong{color:#111827;color:var(--gray-900)}.inspection-alert{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#92400e;font-size:14px;margin-top:12px;padding:12px}.inspection-alert strong{display:block;margin-bottom:4px}.inspection-card-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:12px 16px}.inspection-card-footer small{color:#6b7280;color:var(--gray-500);font-size:13px}@media (max-width:480px){.inspector-header-content{padding:12px 16px}.inspector-header h1{font-size:18px}.toggle-btn{font-size:14px;padding:8px 14px}.user-menu-btn{height:40px;width:40px}.inspector-form-container,.inspector-history{padding:16px}.inspector-history h2{font-size:20px;margin-bottom:20px}.inspection-card-header{align-items:flex-start;flex-direction:column;gap:12px}.inspection-title{font-size:14px}.status-badge{align-self:flex-start}}.mobile-inspection-wizard{background:#f5f5f5;min-height:100vh;padding-bottom:160px}.wizard-progress{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:90}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:2px;height:3px;margin-bottom:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4299e1,#63b3ed);background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-text{color:#4b5563;color:var(--gray-600);font-size:10px;font-weight:500;letter-spacing:.3px;text-align:center;text-transform:uppercase}.wizard-steps{-webkit-overflow-scrolling:touch;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;gap:5px;overflow-x:auto;padding:8px 16px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:34px;z-index:89}.wizard-steps::-webkit-scrollbar{display:none}.wizard-step-indicator{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:3px;min-width:65px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.wizard-step-indicator.active{background:#4299e1;background:var(--primary);border-color:#4299e1;border-color:var(--primary);box-shadow:0 2px 8px #2563eb40;color:#fff;transform:scale(1.02)}.wizard-step-indicator.completed{background:#f0f9ff;border-color:#2563eb33}.step-icon{filter:grayscale(.3);font-size:16px;transition:filter .2s}.wizard-step-indicator.active .step-icon,.wizard-step-indicator.completed .step-icon{filter:grayscale(0)}.step-title{color:#4b5563;color:var(--gray-600);font-size:8px;font-weight:500;letter-spacing:.2px;line-height:1.2;text-align:center}.wizard-step-indicator.active .step-title{color:#fff;font-weight:600}.wizard-content{margin:0 auto;max-width:800px;padding:20px}.wizard-step{background:#fff;border:1px solid #e0e0e0;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:24px}.wizard-heading{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 8px}.wizard-subtitle{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0 0 24px}.wizard-step-header{margin-bottom:16px}.form-field{margin-bottom:24px}.form-field label{color:#111827;color:var(--gray-900);display:block;font-size:15px;font-weight:600;margin-bottom:8px}.mobile-input,.mobile-textarea{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);color:#111827;color:var(--gray-900);font-family:inherit;font-size:16px;padding:14px 16px;transition:all .2s;width:100%}.mobile-input:focus,.mobile-textarea:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.mobile-textarea{min-height:100px;resize:vertical}.mobile-file-input{border:2px dashed #d1d5db;border:2px dashed var(--gray-300);cursor:pointer;font-size:15px;width:100%}.mobile-file-input,.photo-count{border-radius:10px;border-radius:var(--radius);padding:12px}.photo-count{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700);font-size:14px;margin-top:12px;text-align:center}.radio-group-mobile{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.radio-btn-mobile{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px;transition:all .2s}.radio-btn-mobile:active{transform:scale(.97)}.radio-btn-mobile.active{background:#4299e1;background:var(--primary);border-color:#4299e1;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.checklist-item-mobile{background:linear-gradient(180deg,#fff,#fafafa);border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;margin-bottom:8px;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.checklist-item-mobile:has(.status-btn-modern.active){background:linear-gradient(180deg,#fff,#f0f9ff);border-color:#4299e1;box-shadow:0 2px 8px #4299e11f}.checklist-item-mobile:has(.status-btn-modern.pass.active){background:linear-gradient(180deg,#fff,#ecfdf5);border-color:#10b981;box-shadow:0 2px 8px #10b9811f}.checklist-item-mobile:has(.status-btn-modern.fail.active){background:linear-gradient(180deg,#fff,#fef2f2);border-color:#ef4444;box-shadow:0 2px 8px #ef44441f}.checklist-item-mobile:has(.status-btn-modern.na.active){background:linear-gradient(180deg,#fff,#f9fafb);border-color:#6b7280}.checklist-label{align-items:flex-start;display:flex;gap:6px;margin-bottom:8px;position:relative}.item-id{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:6px;box-shadow:0 1px 3px #4299e14d;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;letter-spacing:.3px;min-width:32px;padding:0 8px;text-align:center}.item-text{color:#2d3748;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:13px;letter-spacing:-.1px}.note-toggle-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#f7fafc,#edf2f7);border:1.5px solid #e2e8f0;font-size:12px;height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.note-toggle-btn:hover{background:linear-gradient(180deg,#edf2f7,#e2e8f0);transform:scale(1.05)}.note-toggle-btn.active{background:linear-gradient(135deg,#4299e1,#3182ce);border-color:#3182ce;box-shadow:0 2px 6px #4299e14d;color:#fff}.note-toggle-btn.has-notes{animation:notesPulse 2s infinite;background:linear-gradient(135deg,#f6ad55,#ed8936);border-color:#ed8936;color:#fff}@keyframes notesPulse{0%,to{box-shadow:0 0 0 0 #ed893680}50%{box-shadow:0 0 0 4px #ed893600}}.item-text{color:#111827;color:var(--gray-900);font-size:15px;font-weight:500;line-height:1.4}.checklist-controls-mobile{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.status-btn{-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #d0d0d0;border-radius:6px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:11px;font-weight:500;letter-spacing:-.1px;padding:6px 8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.status-btn:active{transform:scale(.96)}.status-btn.pass{border-color:#10b9814d;color:#10b981;color:var(--success)}.status-btn.pass.active{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);box-shadow:0 1px 4px #10b98140;color:#fff}.status-btn.fail{border-color:#ef44444d;color:#ef4444;color:var(--danger)}.status-btn.fail.active{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);box-shadow:0 1px 4px #ef444440;color:#fff}.status-btn.na{border-color:#d1d5db;border-color:var(--gray-300);color:#4b5563;color:var(--gray-600)}.status-btn.na.active{background:#4b5563;background:var(--gray-600);border-color:#4b5563;border-color:var(--gray-600);box-shadow:0 1px 4px #4b556340;color:#fff}.item-notes-mobile{background:#fef2f2;border:2px solid #fca5a5;border-radius:10px;border-radius:var(--radius);color:#111827;color:var(--gray-900);font-family:inherit;font-size:14px;margin-top:12px;padding:12px;width:100%}.item-notes-mobile:focus{border-color:#ef4444;border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a;outline:none}.item-notes-section{animation:slideDown .2s ease-out;background:#fff;border:2px solid #4299e1;border:2px solid var(--primary);border-radius:10px;border-radius:var(--radius);margin-top:12px;padding:12px}.notes-header{color:#374151;color:var(--gray-700);font-size:13px;justify-content:space-between;margin-bottom:10px}.notes-header,.notes-remove-btn{align-items:center;display:flex;font-weight:600}.notes-remove-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:11px;gap:4px;padding:4px 10px;transition:all .2s}.notes-remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.notes-remove-btn:active{transform:scale(.95)}.notes-controls{align-items:center;display:flex;gap:8px}.language-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 8px}.language-select:focus{border-color:#4299e1;border-color:var(--primary);outline:none}.voice-btn{background:#4299e1;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.voice-btn:hover{background:#3182ce;background:var(--primary-dark)}.voice-btn:active{transform:scale(.95)}.voice-btn.recording{animation:recordingPulse 1s infinite;background:#ef4444;background:var(--danger)}.item-notes-textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);color:#111827;color:var(--gray-900);font-family:inherit;font-size:14px;min-height:80px;padding:10px;resize:vertical;width:100%}.item-notes-textarea:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.condition-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.condition-btn{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:16px;transition:all .2s}.condition-btn:active{transform:scale(.97)}.condition-btn.active.excellent{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.condition-btn.active.good{background:#3b82f6;background:var(--info);border-color:#3b82f6;border-color:var(--info);color:#fff}.condition-btn.active.needs-attention{background:#f59e0b;background:var(--warning);border-color:#f59e0b;border-color:var(--warning);color:#fff}.condition-btn.active.unsafe-oos{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.summary-stats{grid-gap:16px;border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:32px;padding:24px 0}.summary-stat{text-align:center}.stat-value{color:#4299e1;color:var(--primary);font-size:32px}.stat-label{font-size:13px;font-weight:500}.wizard-navigation{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:12px;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.wizard-nav-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-family:inherit;font-size:16px;font-weight:700;min-height:56px;padding:16px 24px;transition:all .2s}.wizard-nav-btn:active{transform:scale(.98)}.wizard-nav-btn.primary{background:#4299e1;background:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.wizard-nav-btn.primary:active{background:#3182ce;background:var(--primary-dark)}.wizard-nav-btn.secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.wizard-nav-btn.secondary:active{background:#d1d5db;background:var(--gray-300)}.wizard-nav-btn.success{background:#10b981;background:var(--success);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.wizard-nav-btn.success:active{opacity:.9}.status-btn-modern{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;gap:2px;justify-content:center;overflow:hidden;padding:10px 8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-btn-modern:before{background:linear-gradient(180deg,#fffc,#fff0);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.status-btn-modern:active{transform:scale(.95)}.status-btn-modern:active:before{opacity:1}.btn-icon-modern{font-size:18px;font-weight:700;line-height:1}.btn-label-modern{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-btn-modern.pass{border-color:#10b9814d;color:#10b981}.status-btn-modern.pass:hover{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:#10b98180}.status-btn-modern.pass.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 4px 12px #10b98159,inset 0 1px 0 #fff3;color:#fff}.status-btn-modern.pass.active .btn-icon-modern{animation:successPop .3s ease-out}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.status-btn-modern.fail{border-color:#ef44444d;color:#ef4444}.status-btn-modern.fail:hover{background:linear-gradient(180deg,#fef2f2,#fee2e2);border-color:#ef444480}.status-btn-modern.fail.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 4px 12px #ef444459,inset 0 1px 0 #fff3;color:#fff}.status-btn-modern.fail.active .btn-icon-modern{animation:failShake .4s ease-out}@keyframes failShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.status-btn-modern.na{border-color:#6b72804d;color:#6b7280}.status-btn-modern.na:hover{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-color:#6b728080}.status-btn-modern.na.active{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#4b5563;box-shadow:0 4px 12px #6b728059,inset 0 1px 0 #fff3;color:#fff}.wizard-navigation-modern{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#fffffff2,#fff);border-top:1px solid #0000000d;bottom:0;box-shadow:0 -4px 20px #0000001a;display:flex;gap:12px;left:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.wizard-nav-btn-modern{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;font-weight:700;gap:8px;justify-content:center;min-height:56px;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.wizard-nav-btn-modern:before{background:linear-gradient(180deg,#ffffff40,#fff0);content:"";inset:0;pointer-events:none;position:absolute}.wizard-nav-btn-modern:active{transform:scale(.97)}.nav-icon{font-size:22px;font-weight:300}.nav-text{font-size:16px;letter-spacing:-.3px}.wizard-nav-btn-modern.primary{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 14px #4299e166;color:#fff}.wizard-nav-btn-modern.primary:active{background:linear-gradient(135deg,#3182ce,#2b6cb0)}.wizard-nav-btn-modern.secondary{background:linear-gradient(180deg,#fff,#f7fafc);border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#4a5568}.wizard-nav-btn-modern.secondary:active{background:linear-gradient(180deg,#f7fafc,#edf2f7)}.wizard-nav-btn-modern.success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 14px #48bb7866;color:#fff}.wizard-nav-btn-modern.success:active{background:linear-gradient(135deg,#38a169,#2f855a)}.wizard-nav-btn-modern.success .nav-icon{animation:pulse 1.5s infinite}.auth-btn.social.biometric{background:linear-gradient(135deg,#007aff,#0055d4);border:none;box-shadow:0 4px 14px #007aff66;color:#fff;font-weight:600;margin-top:8px;padding:14px 16px}.auth-btn.social.biometric:hover{background:linear-gradient(135deg,#0055d4,#003d99);box-shadow:0 6px 20px #007aff80;transform:translateY(-1px)}.auth-btn.social.biometric:active{transform:translateY(0)}.auth-btn.social.biometric svg{fill:currentColor;height:22px;width:22px}.wizard-floating-nav{align-items:center;bottom:85px;display:flex;gap:10px;position:fixed;right:16px;z-index:95}.floating-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:50px;box-shadow:0 4px 20px #0003;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.floating-nav-btn:active{transform:scale(.95)}.floating-nav-btn.primary{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 20px #4299e180;color:#fff}.floating-nav-btn.primary:hover{box-shadow:0 6px 25px #4299e199;transform:translateY(-2px)}.floating-nav-btn.secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568;padding:14px 16px}.floating-nav-btn.secondary:hover{background:#f7fafc}.floating-nav-btn.success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 20px #48bb7880;color:#fff}.floating-nav-btn.success:hover{box-shadow:0 6px 25px #48bb7899;transform:translateY(-2px)}.floating-nav-btn .nav-icon{font-size:18px}.floating-nav-btn .nav-text{font-size:15px;letter-spacing:-.3px}.attachment-btn,.attachment-wrapper{position:relative}.attachment-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(180deg,#f7fafc,#edf2f7);border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.attachment-btn.active,.attachment-btn:hover{background:linear-gradient(135deg,#4299e1,#3182ce);border-color:#3182ce;box-shadow:0 2px 8px #4299e14d;color:#fff}.attachment-btn.has-attachments{background:linear-gradient(135deg,#f6ad55,#ed8936);border-color:#ed8936;color:#fff}.attachment-icon{font-size:16px}.attachment-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.attachment-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 40px #0003;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attachment-option{align-items:center;background:#0000;border:none;color:#2d3748;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.attachment-option:hover{background:#f7fafc}.attachment-option:active{background:#edf2f7}.attachment-option:not(:last-child){border-bottom:1px solid #f0f0f0}.option-icon{font-size:20px;text-align:center;width:28px}.option-text{flex:1 1}.option-badge{background:linear-gradient(135deg,#805ad5,#6b46c1);border-radius:4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase}.ai-violations-alert{animation:alertPulse .5s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;margin-top:10px;padding:12px}@keyframes alertPulse{0%{opacity:0;transform:scale(.98)}50%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.ai-alert-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ai-icon{font-size:18px}.ai-title{color:#92400e;flex:1 1;font-size:13px;font-weight:700}.ai-dismiss-btn{align-items:center;background:#92400e26;border:none;border-radius:50%;color:#92400e;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;transition:all .2s;width:22px}.ai-dismiss-btn:hover{background:#92400e40}.ai-dismiss-btn:active{transform:scale(.9)}.ai-violation-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.ai-violation-item:not(:last-child){border-bottom:1px dashed #92400e33}.violation-desc{color:#78350f;flex:1 1}.violation-confidence{border-radius:4px;font-size:11px;font-weight:700;padding:2px 6px}.violation-confidence.high{background:#ef4444;color:#fff}.violation-confidence.medium{background:#f59e0b;color:#fff}.attachment-thumbnails{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.attachment-thumb{border:2px solid #e2e8f0;border-radius:8px;height:60px;overflow:hidden;position:relative;width:60px}.attachment-thumb img{height:100%;object-fit:cover;width:100%}.attachment-remove-btn{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .2s;width:20px;z-index:5}.attachment-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.attachment-remove-btn:active{transform:scale(.95)}.attachment-thumb.analyzing{border-color:#805ad5}.analyzing-overlay{align-items:center;animation:pulse 1s infinite;background:#805ad5d9;color:#fff;display:flex;font-size:10px;font-weight:600;inset:0;justify-content:center;position:absolute}.notes-input-wrapper{align-items:flex-start;display:flex;gap:8px}.notes-input-wrapper .item-notes-textarea{flex:1 1}.ios-dictation-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#007aff,#0055d4);border:none;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #007aff66;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.ios-dictation-btn:hover{box-shadow:0 4px 12px #007aff80;transform:scale(1.05)}.ios-dictation-btn:active{transform:scale(.95)}.ios-dictation-btn .mic-icon{height:18px;width:18px}.ios-dictation-btn.recording{animation:recordingGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff3b30,#d70015);box-shadow:0 2px 12px #ff3b3080}@keyframes recordingGlow{0%,to{box-shadow:0 2px 12px #ff3b3080}50%{box-shadow:0 2px 20px #ff3b30cc}}.dictation-waves{align-items:center;display:flex;gap:3px;height:18px;justify-content:center}.dictation-waves .wave{animation:waveAnimation .8s ease-in-out infinite;background:#fff;border-radius:2px;height:10px;width:3px}.dictation-waves .wave:first-child{animation-delay:0s}.dictation-waves .wave:nth-child(2){animation-delay:.15s;height:16px}.dictation-waves .wave:nth-child(3){animation-delay:.3s}@keyframes waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.recording-indicator{align-items:center;background:linear-gradient(135deg,#fff5f5,#fee2e2);border:1px solid #fecaca;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.recording-dot{animation:recordingPulse 1s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.recording-text{color:#dc2626;font-size:13px;font-weight:600;letter-spacing:-.2px}.dictation-tip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:12px;margin-top:8px;padding:8px 12px;text-align:center}.option-icon.dictation-icon{align-items:center;display:flex;justify-content:center}.option-icon.dictation-icon svg{fill:#007aff}@media (max-width:480px){.mobile-inspection-wizard{margin:0 auto;max-width:428px;padding-bottom:90px}.wizard-progress{left:0;margin:0 auto;max-width:428px;padding:6px 12px;position:fixed;right:0;top:42px}.progress-bar{height:2px;margin-bottom:3px}.progress-text{font-family:Roboto Condensed,sans-serif;font-size:8px}.wizard-steps{gap:3px;left:0;margin:0 auto;max-width:428px;padding:6px 12px;position:fixed;right:0;top:71px}.wizard-step-indicator{min-width:50px;padding:4px 6px}.step-icon{font-size:13px}.step-title{font-family:Roboto Condensed,sans-serif;font-size:7px}.wizard-content{margin:0 auto;max-width:428px;padding:105px 12px 12px}.status-btn{font-size:10px;font-weight:600;padding:5px 4px}.item-id,.status-btn{font-family:Roboto Condensed,sans-serif}.item-id{font-size:9px;min-width:22px;padding:2px 4px}.item-text{font-family:Roboto Condensed,sans-serif;font-size:11px}.note-toggle-btn{font-size:9px;height:20px;width:20px}.inspector-header-content{max-width:428px;padding:6px 12px}.inspector-header h1{font-size:13px}.inspector-header h1,.toggle-btn{font-family:Roboto Condensed,sans-serif}.toggle-btn{font-size:10px;padding:4px 8px}.user-menu-btn{height:28px;width:28px}.wizard-step{padding:20px}.wizard-heading{font-size:20px}.wizard-step-header{margin-bottom:12px}.condition-buttons{grid-template-columns:1fr}.wizard-navigation{padding:12px 16px}.wizard-navigation-modern{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.wizard-floating-nav{bottom:75px;right:12px}.floating-nav-btn{font-size:14px;padding:12px 20px}.floating-nav-btn.secondary{padding:12px 14px}.attachment-btn{height:32px;width:32px}.attachment-dropdown{min-width:160px;right:-10px}.attachment-option{font-size:13px;padding:12px 14px}.option-icon{font-size:18px;width:24px}.wizard-nav-btn{font-size:15px;min-height:50px;padding:14px 20px}.wizard-nav-btn-modern{border-radius:12px;min-height:52px;padding:14px 16px}.nav-icon{font-size:20px}.nav-text{font-size:15px}.status-btn-modern{border-radius:10px;padding:8px 6px}.btn-icon-modern{font-size:16px}.btn-label-modern{font-size:9px}.notes-controls{flex-direction:column;gap:6px;width:100%}.language-select,.voice-btn{width:100%}.item-notes-textarea{font-size:16px}}.map-page{display:flex;flex-direction:column;height:calc(100vh - 48px);padding:0}.map-page .page-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:24px 32px}.map-page .page-header h2{color:#111827;color:var(--gray-900);font-size:28px;font-weight:700;margin:0}.map-controls{align-items:center;display:flex;gap:12px}.map-view-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);color:#374151;color:var(--gray-700);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.map-view-select:hover{border-color:#4299e1;border-color:var(--primary)}.map-container{display:flex;flex:1 1;overflow:hidden;position:relative}.map-placeholder{align-items:center;background:linear-gradient(135deg,#f6f8fb,#e9ecef);display:flex;flex:1 1;justify-content:center;padding:48px}.integration-notice{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000001a;max-width:600px;padding:48px;text-align:center}.notice-icon{font-size:64px;margin-bottom:24px}.integration-notice h3{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 12px}.integration-notice p{color:#4b5563;color:var(--gray-600);font-size:16px;line-height:1.6;margin:0 0 32px}.integration-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;text-align:left}.step{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);display:flex;gap:16px;padding:16px}.step-number{background:#4299e1;background:var(--primary);font-size:14px;height:32px;width:32px}.step-text{color:#374151;color:var(--gray-700);font-size:14px;font-weight:500}.coming-soon-badge{font-weight:600}.badge-icon{font-size:20px}.vehicle-sidebar{background:#fff;border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200);overflow-y:auto;padding:24px;width:320px}.vehicle-sidebar h3{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700;margin:0 0 20px}.vehicle-sidebar h4{color:#374151;color:var(--gray-700);font-size:14px;font-weight:600;letter-spacing:.5px;margin:24px 0 12px;text-transform:uppercase}.vehicle-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.stat-card{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);display:flex;gap:12px;padding:16px}.stat-icon{font-size:28px}.stat-value{font-size:24px;line-height:1}.stat-label{font-size:12px;margin-top:4px}.vehicle-list{display:flex;flex-direction:column;gap:12px}.vehicle-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);display:flex;gap:12px;padding:12px;transition:all .2s}.vehicle-item:hover{border-color:#4299e1;border-color:var(--primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.vehicle-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:10px;border-radius:var(--radius);display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.vehicle-info{flex:1 1;min-width:0}.vehicle-number{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700;margin-bottom:4px}.vehicle-detail{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:12px;gap:6px;margin-bottom:2px}.status-dot{display:inline-block;height:6px;width:6px}.status-dot.moving{background:#10b981;background:var(--success);box-shadow:0 0 8px #10b98180}.status-dot.stopped{background:#f59e0b;background:var(--warning)}.status-dot.parked{background:#9ca3af;background:var(--gray-400)}.admin-console{background:#fff;min-height:calc(100vh - 48px);padding:0}.admin-tabs{align-items:flex-end;background:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);gap:6px;padding:0}.page-title-minimal{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700;letter-spacing:-.5px;padding:12px 20px 8px}.admin-tab{align-items:center;background:#0000;border-bottom:2px solid #0000;display:flex;font-size:11px;gap:5px;padding:8px 14px;transition:all .2s}.admin-tab.active,.admin-tab:hover{color:#4299e1;color:var(--primary)}.admin-tab.active{border-bottom-color:#4299e1;border-bottom-color:var(--primary)}.admin-content{background:#fff;min-height:calc(100vh - 200px);padding:16px}.info-card{background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);box-shadow:none;padding:12px}.info-card h3{font-size:13px}.info-text{color:#4b5563;color:var(--gray-600);font-size:11px;line-height:1.4;margin:0 0 10px}.company-summary{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:14px}.summary-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.summary-row .label{color:#4b5563;color:var(--gray-600);font-size:12px}.summary-row strong{color:#111827;color:var(--gray-900);font-size:13px}.status-badge{border-radius:10px;border-radius:var(--radius);font-size:10px;padding:3px 10px;text-transform:uppercase}.status-badge.success{background:#10b9811a;color:#10b981;color:var(--success)}.lookup-form{margin-top:16px}.form-group{margin-bottom:10px}.form-group label{display:block;font-size:11px;margin-bottom:3px}.input-with-button{display:flex;gap:12px}.form-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius);flex:1 1;font-size:11px;padding:6px 10px;transition:all .2s}.form-input:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f3f4f6;background:var(--gray-100)}.btn-primary{background:var(--primary);border-radius:10px;border-radius:var(--radius);font-size:11px;padding:6px 12px;white-space:nowrap}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-primary:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed;transform:none}.btn-success{background:#10b981;background:var(--success);border-radius:10px;border-radius:var(--radius);font-size:14px;padding:10px 20px;transition:all .2s}.btn-success:hover{background:#059669;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;border-radius:var(--radius);color:#dc2626;font-size:13px;margin-top:8px;padding:8px 12px}.lookup-results{border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);margin-top:32px;padding-top:32px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.results-header h4{color:#10b981;color:var(--success);font-size:18px;font-weight:700;margin:0}.results-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.result-section{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);padding:20px}.result-section h5{border-bottom:2px solid #4299e1;border-bottom:2px solid var(--primary);color:#374151;color:var(--gray-700);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.result-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;flex-direction:column;gap:4px;padding:10px 0}.result-item:last-child{border-bottom:none}.item-label{color:#4b5563;color:var(--gray-600);font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.item-value{color:#111827;color:var(--gray-900);font-size:14px;font-weight:500}.api-notice{background:#3b82f60d;border:1px solid #3b82f633;border-radius:10px;border-radius:var(--radius);margin-top:24px;padding:16px 20px}.api-notice p{color:#374151;color:var(--gray-700);font-size:14px;line-height:1.6;margin:0}.api-notice a{color:#4299e1;color:var(--primary);font-weight:600;text-decoration:none}.api-notice a:hover{text-decoration:underline}.coming-soon-notice{padding:48px 32px}.coming-soon-badge{align-items:center;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid #10b98133;border-radius:16px;border-radius:var(--radius-lg);color:#10b981;color:var(--success);display:inline-flex;font-size:16px;gap:8px;padding:12px 24px}.form-input{color:#111827;color:var(--gray-900);font-family:inherit;font-size:14px;padding:11px 14px;transition:all .2s ease}.form-input:focus{box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-success:hover{box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.admin-console{margin:0 auto;max-width:1200px}.admin-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;gap:8px;margin-bottom:32px;padding-bottom:0}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;bottom:-2px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;position:relative;transition:all .2s ease}.admin-tab:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900)}.admin-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.info-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.info-card h3{font-size:24px;margin:0 0 24px}.page-subtitle{color:#4b5563;color:var(--gray-600);font-size:15px;margin-top:8px}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:14px;font-weight:500;padding:12px 16px}.coming-soon-pill{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 2px 6px #fbbf244d;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.coming-soon-notice{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;margin-top:24px;padding:60px 40px;text-align:center}.coming-soon-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 4px 12px #fbbf244d;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:16px;padding:8px 20px}.coming-soon-notice p{color:#4b5563;color:var(--gray-600);font-size:15px;margin:0}.form-label{color:#374151;color:var(--gray-700);display:block;font-size:14px;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.form-input{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:hover{border-color:#9ca3af;border-color:var(--gray-400)}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-input:disabled{background:#f5f5f5;color:#6b7280;color:var(--gray-500);cursor:not-allowed}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.admin-console .page-header{background:linear-gradient(135deg,#fff,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200)}.admin-console .page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.info-card h3{color:#111827;color:var(--gray-900);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}input[name=mailingState],input[name=state]{text-transform:uppercase}.subscription-payment-container{padding:0}.subscription-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.subscription-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-tab:hover{background:#667eea0d;color:#667eea}.subscription-tab.active{border-bottom-color:#667eea;color:#667eea}.tab-icon{font-size:16px}.current-plan-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 20px #667eea40;display:flex;justify-content:space-between;margin-bottom:20px;padding:18px}.plan-status-left{align-items:center;display:flex;gap:14px}.plan-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:8px 14px}.plan-details h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 3px}.plan-details p{color:#ffffffe6;font-size:14px;margin:0}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;font-size:14px;font-weight:600;padding:10px 20px}.status-indicator.active{color:#fff}.status-indicator.inactive{color:#fbbf24}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{border-color:#667eea;box-shadow:0 12px 30px #667eea26;transform:translateY(-4px)}.plan-card.recommended{border-color:#667eea;box-shadow:0 8px 20px #667eea33}.plan-card.current{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea}.recommended-badge{background:linear-gradient(135deg,#667eea,#764ba2);right:20px}.current-badge,.recommended-badge{border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;top:-12px}.current-badge{background:linear-gradient(135deg,#10b981,#059669);left:20px}.plan-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);margin-bottom:24px;padding-bottom:20px}.plan-header h3{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 12px}.plan-price{align-items:baseline;display:flex;gap:4px}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700}.price-period{color:#4b5563;color:var(--gray-600);font-size:16px}.plan-features{list-style:none;margin:0 0 24px;padding:0}.plan-features li{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:14px;gap:10px;padding:10px 0}.feature-icon{color:#10b981;font-size:16px;font-weight:700}.plan-action-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.upgrade-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.current-plan-btn{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600);cursor:not-allowed}.billing-history-section,.payment-methods-section{padding:0}.section-header{margin-bottom:24px}.section-header h2{font-size:24px;font-weight:700}.add-payment-btn,.download-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-payment-btn:hover,.download-all-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.payment-methods-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.payment-method-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.payment-method-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.card-icon{font-size:32px;text-align:center;width:50px}.card-details{flex:1 1}.card-details h4{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 6px}.card-details p{color:#4b5563;color:var(--gray-600);font-size:13px;margin:0 0 8px}.default-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.card-actions{display:flex;gap:10px}.card-action-btn{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-action-btn:hover{border-color:#667eea;color:#667eea}.card-action-btn.delete{border-color:#ef4444;color:#ef4444}.card-action-btn.delete:hover{background:#ef4444;color:#fff}.add-payment-form{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;margin-bottom:30px;padding:28px}.add-payment-form h3{color:#111827;color:var(--gray-900);font-size:20px;font-weight:700;margin:0 0 20px}.form-row-split{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:10px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-save:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.billing-table{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;margin-bottom:30px;overflow:hidden}.table-header{background:linear-gradient(135deg,#667eea14,#764ba214);color:#374151;color:var(--gray-700);font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr 1fr 1fr 1fr}.table-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:18px 24px;transition:all .2s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:#667eea08}.table-col{color:#374151;color:var(--gray-700);font-size:14px}.status-badge{border-radius:8px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px}.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.failed{background:#fee2e2;color:#991b1b}.download-link{color:#667eea;font-weight:600;text-decoration:none;transition:all .2s ease}.download-link:hover{color:#764ba2;text-decoration:underline}.danger-zone{background:#fff;border:2px solid #fee2e2;border-radius:16px;margin-top:40px;padding:28px}.danger-zone h3{color:#dc2626;font-size:18px;font-weight:700;margin:0 0 8px}.danger-zone p{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0 0 20px}.cancel-subscription-btn{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-subscription-btn:hover{background:#b91c1c;box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.import-page{width:100%}.import-footer{display:flex;gap:12px;justify-content:center;margin-top:24px;padding:16px 0}.large-modal{max-height:90vh;max-width:900px!important;overflow-y:auto}.import-error{background:#fee2e2;color:#991b1b}.import-error,.import-success{border-radius:8px;font-size:11px;font-weight:600;margin-bottom:12px;padding:10px 14px}.import-success{background:#d1fae5;color:#065f46}.import-tabs{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;display:flex;gap:6px;margin-bottom:20px;padding:8px}.import-tabs button{background:#0000;border:none;border-radius:6px;color:#4b5563;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:8px 14px;transition:all .2s ease}.import-tabs button:hover{background:#667eea14;color:var(--primary-color)}.import-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea40;color:#fff}.config-panel{display:flex;flex-direction:column;gap:24px}.config-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px}.config-section h3{color:#1f2937;color:var(--gray-800);font-size:13px;font-weight:700;margin:0 0 10px}.section-description{color:#4b5563;color:var(--gray-600);font-size:11px;line-height:1.5;margin:0 0 14px}.config-section .form-group{margin-bottom:12px}.config-section .form-group label{color:#374151;color:var(--gray-700);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.config-section .form-group small{color:#6b7280;color:var(--gray-500);display:block;font-size:9px;margin-top:3px}.config-section .form-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;font-size:11px;padding:8px 12px;transition:all .2s ease;width:100%}.config-section .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.connection-test{align-items:center;display:flex;gap:10px;margin-top:12px}.connection-test .btn-primary,.connection-test .btn-secondary{font-size:11px;padding:8px 16px}.status-indicator{border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px}.status-indicator.success{background:#d1fae5;color:#065f46}.status-indicator.failed{background:#fee2e2;color:#991b1b}.status-indicator.testing{background:#fef3c7;color:#92400e}.setup-steps{display:flex;flex-direction:column;gap:8px}.setup-step{align-items:flex-start;color:#374151;color:var(--gray-700);display:flex;font-size:11px;gap:10px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:20px;justify-content:center;width:20px}.step-text{flex:1 1;line-height:1.5}.sheet-requirements{display:flex;flex-direction:column;gap:8px}.requirement-item{background:var(--gray-50);border-radius:6px;font-size:10px;padding:8px 10px}.requirement-item strong{color:#1f2937;color:var(--gray-800);display:block;font-weight:700;margin-bottom:4px}.requirement-item code{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:9px;padding:4px 6px}.data-table{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.data-table table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea14,#764ba214)}.data-table th{font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:11px}.data-table td{padding:10px 14px}.data-table tbody tr:hover{background:#667eea08}.data-table tbody tr:last-child td{border-bottom:none}.file-upload-zone{background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;cursor:pointer;margin:16px 0;padding:48px 24px;text-align:center;transition:all .3s ease}.file-upload-zone:hover{background:#667eea0d;border-color:#667eea}.file-upload-zone.drag-active{background:#667eea1a;border-color:#667eea;transform:scale(1.02)}.upload-icon{font-size:48px;margin-bottom:12px}.file-upload-zone h4{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600;margin:8px 0}.file-upload-zone p{color:#4b5563;color:var(--gray-600);font-size:12px;margin:4px 0}.file-upload-zone small{color:#6b7280;color:var(--gray-500);display:block;font-size:10px;margin-top:8px}.uploaded-file-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;justify-content:space-between;margin:16px 0;padding:12px 16px}.file-details{align-items:center;display:flex;gap:12px}.file-details strong{color:#1f2937;color:var(--gray-800);display:block;font-size:12px}.file-details small{color:#4b5563;color:var(--gray-600);font-size:10px}.parsing-status{padding:24px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid #667eea;height:32px;margin:0 auto 12px;width:32px}.parsing-status p{color:#4b5563;color:var(--gray-600);font-size:11px}.preview-section{margin-bottom:32px}.preview-section h3{color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:600;margin-bottom:12px;padding-left:4px}.ai-note{background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:6px;color:#374151;color:var(--gray-700);font-size:10px;margin-top:8px;padding:10px 12px}.ai-note em{color:#667eea;font-style:normal;font-weight:600}.login-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:24px}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:520px;padding:40px 48px;text-align:center;width:100%}.login-icon{font-size:64px;margin-bottom:16px}.login-card h2{color:#111827;color:var(--gray-900);font-size:20px;font-weight:600;margin:0 0 8px}.login-description{color:#4b5563;color:var(--gray-600);font-size:12px;margin:0 0 32px}.login-form{margin-bottom:24px}.token-input-group{align-items:stretch;display:flex;gap:12px}.token-input{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:10px;flex:1 1;font-family:Courier New,monospace;font-size:13px;outline:none;padding:14px 16px;transition:all .2s ease}.token-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.token-input::placeholder{color:#9ca3af;color:var(--gray-400);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn-connect{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.btn-connect:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-1px)}.btn-connect:disabled{cursor:not-allowed;opacity:.6}.btn-disconnect{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:11px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-disconnect:hover{background:#e5e7eb;background:var(--gray-200)}.page-header-minimal{align-items:center;display:flex;justify-content:space-between}.header-with-logo{flex:1 1}.page-logo{height:32px}.login-logo,.page-logo{object-fit:contain;width:auto}.login-logo{height:80px;margin-bottom:24px}.login-help{margin-top:24px}.help-accordion{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:0;text-align:left}.help-accordion summary{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;list-style:none;padding:12px 16px}.help-accordion summary::-webkit-details-marker{display:none}.help-accordion[open] summary{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.help-content{padding:16px}.help-content ol{color:#4b5563;color:var(--gray-600);font-size:11px;line-height:1.8;margin:0;padding-left:24px}.help-content ol li{margin-bottom:8px}.help-content a{color:#667eea;font-weight:600;text-decoration:none}.help-content a:hover{text-decoration:underline}.drive-import-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;margin-top:24px}.data-preview-section,.drive-files-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;max-height:80vh;overflow-y:auto;padding:20px}.section-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-header h2{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600;margin:0}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.file-item:hover{background:#f3f4f6;background:var(--gray-100)}.file-item.selected,.file-item:hover{border-color:#4299e1;border-color:var(--primary)}.file-item.selected{background:#63b3ed;background:var(--primary-light)}.file-icon{flex-shrink:0;font-size:24px}.file-info{flex:1 1;min-width:0}.file-name{color:#111827;color:var(--gray-900);font-size:11px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#4b5563;color:var(--gray-600);display:flex;font-size:9px;gap:12px}.file-status{color:#4299e1;color:var(--primary);flex-shrink:0;font-size:11px}.import-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.summary-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:16px}.summary-label{color:#4b5563;color:var(--gray-600);font-size:9px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700}.headers-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px}.header-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;gap:8px;padding:8px 12px}.header-index{align-items:center;background:#4299e1;background:var(--primary);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;height:24px;justify-content:center;width:24px}.header-name{color:#111827;color:var(--gray-900);font-size:10px;font-weight:600}.auth-notice{padding:48px 24px;text-align:center}.auth-notice h3{color:#111827;color:var(--gray-900);font-size:16px;margin-bottom:12px}.auth-notice p{color:#4b5563;color:var(--gray-600);font-size:11px;margin-bottom:24px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 24px}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#4299e1;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.loading-state p{color:#4b5563;color:var(--gray-600);font-size:11px}.empty-state{padding:48px 24px;text-align:center}.empty-state p{color:#374151;color:var(--gray-700);font-size:12px;margin-bottom:8px}.empty-state small{color:#6b7280;color:var(--gray-500);font-size:10px}.error-banner{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.error-banner span{color:#c33;font-size:11px}.close-btn{background:none;border:none;color:#c33;cursor:pointer;font-size:16px;height:24px;padding:0;width:24px}.table-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#4b5563;color:var(--gray-600);font-size:10px;padding:12px;text-align:center}.profile-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr;margin-top:24px}.profile-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.profile-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:32px;text-align:center}.profile-photo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.profile-photo{border:4px solid #f3f4f6;border:4px solid var(--gray-100);border-radius:50%;object-fit:cover}.profile-photo,.profile-photo-placeholder{height:120px;margin-bottom:12px;width:120px}.profile-photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.photo-upload-btn{background:#f3f4f6;background:var(--gray-100);border-radius:8px;color:#374151;color:var(--gray-700);display:inline-block;font-size:10px;font-weight:600;padding:8px 16px}.photo-upload-btn:hover{background:#e5e7eb;background:var(--gray-200)}.profile-name{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700;margin:0 0 4px}.profile-email{color:#4b5563;color:var(--gray-600);font-size:11px;margin:0 0 4px}.profile-title{color:#4299e1;color:var(--primary);font-size:11px;font-weight:600;margin:0 0 24px}.profile-stats{grid-gap:16px;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:24px 0}.stat-item{text-align:center}.stat-value{color:#111827;color:var(--gray-900);font-size:20px;font-weight:700;margin-bottom:4px}.stat-label{color:#4b5563;color:var(--gray-600);font-size:9px;font-weight:600;text-transform:uppercase}.btn-logout{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:11px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-logout:hover{background:#fee;color:#c33}.profile-content{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.profile-tabs{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex}.profile-tab{background:none;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:16px 24px;transition:all .2s}.profile-tab:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.profile-tab.active{background:#fff;border-bottom-color:#4299e1;border-bottom-color:var(--primary);color:#4299e1;color:var(--primary)}.profile-tab-content{padding:32px}.form-section h3{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;color:var(--gray-700);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;font-family:inherit;font-size:11px;padding:12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500);cursor:not-allowed}.form-group small{color:#6b7280;color:var(--gray-500);font-size:9px;margin-top:4px}.form-group textarea{min-height:80px;resize:vertical}.preference-group{display:flex;flex-direction:column;gap:16px}.preference-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.preference-info strong{color:#111827;color:var(--gray-900);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.preference-info small{color:#4b5563;color:var(--gray-600);font-size:10px}.toggle-switch{display:inline-block;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;background-color:var(--gray-300);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#4299e1;background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.security-section{display:flex;flex-direction:column;gap:20px}.security-item{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;display:flex;gap:20px;padding:24px}.security-icon{flex-shrink:0;font-size:32px}.security-info{flex:1 1}.security-info strong{color:#111827;color:var(--gray-900);display:block;font-size:12px;font-weight:700;margin-bottom:4px}.security-info p{color:#4b5563;color:var(--gray-600);font-size:11px;margin:0 0 12px}.btn-secondary{border:1px solid #4299e1;border:1px solid var(--primary);border-radius:8px;color:#4299e1;color:var(--primary);cursor:pointer;font-size:11px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#4299e1;background:var(--primary);color:#fff}.danger-section{background:#fff5f5;border:1px solid #fecaca;border-radius:12px;padding:24px}.danger-item{align-items:center;display:flex;justify-content:space-between}.danger-item strong{color:#dc2626;display:block;font-size:12px;font-weight:700;margin-bottom:4px}.danger-item p{color:#991b1b;font-size:11px;margin:0}.btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-danger:hover{background:#991b1b}.success-banner{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;display:flex;justify-content:center;margin-bottom:16px;padding:12px 16px}.success-banner span{color:#065f46;font-size:11px;font-weight:600}.header-actions{align-items:center;display:flex;gap:12px}.settings-container{background:#f9fafb;display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 60px)}.settings-sidebar{background:#fff;border-right:1px solid #e5e7eb;padding:32px 0}.settings-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.settings-nav-item:hover{background:#f3f4f6;color:#111827}.settings-nav-item.active{background:#ecfdf5;color:#059669}.settings-nav-item.active:before{background:#059669;border-radius:0 2px 2px 0;content:"";height:40px;left:0;position:absolute;width:3px}.settings-content{max-width:900px;overflow-y:auto;padding:48px 64px}.settings-header{margin-bottom:32px}.settings-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.settings-header p{color:#6b7280;font-size:14px;margin:0}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:32px}.settings-section h2{border-bottom:1px solid #f3f4f6;color:#111827;font-size:18px;font-weight:600;margin:0 0 24px;padding-bottom:16px}.settings-group{margin-bottom:28px}.settings-group:last-child{margin-bottom:0}.settings-group label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.settings-group input[type=email],.settings-group input[type=number],.settings-group input[type=text],.settings-group input[type=url],.settings-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.settings-group input:focus,.settings-group select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.settings-group input::placeholder{color:#9ca3af}.settings-group .help-text{color:#6b7280;font-size:12px;line-height:1.5;margin-top:6px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.settings-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.notification-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 0}.notification-item:last-child{border-bottom:none;padding-bottom:0}.notification-info h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.notification-info p{color:#6b7280;font-size:12px;margin:0}.toggle-switch{background:#d1d5db;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .3s;width:44px}.toggle-switch.active{background:#059669}.toggle-switch:after{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-switch.active:after{transform:translateX(20px)}.integration-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:20px}.integration-card:last-child{margin-bottom:0}.integration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.integration-header h3{color:#111827;font-size:15px;font-weight:600;margin:0}.integration-status{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px}.integration-status.connected{color:#059669}.integration-status.disconnected{color:#6b7280}.integration-status:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.integration-body p{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 16px}.integration-actions{display:flex;gap:12px}.integration-actions button{border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#fff;border:1px solid #fecaca;color:#dc2626}.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.settings-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:32px;padding-top:32px}.btn-primary{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-primary:hover{background:#3182ce;box-shadow:0 4px 12px #4299e14d;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.info-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:10px;padding:24px;text-align:center}.info-card h3{color:#065f46;font-size:16px;font-weight:600;margin:0 0 8px}.info-card p{color:#047857;font-size:14px;line-height:1.6;margin:0 0 20px}.info-card button{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.info-card button:hover{background:#047857;box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{align-items:center;display:flex;gap:10px}.checkbox-item input[type=checkbox]{accent-color:#059669;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;width:18px}.checkbox-item label{color:#374151;cursor:pointer;font-size:14px;font-weight:500;margin:0}.inspection-requirements{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.requirement-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:14px}.requirement-item span{color:#374151;font-size:14px;font-weight:500}.api-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.api-section h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 16px}.api-key-display{align-items:center;border:1px solid #d1d5db;color:#6b7280;display:flex;font-family:Courier New,monospace;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 14px}.api-key-display,.btn-small{background:#fff;border-radius:6px}.btn-small{border:1px solid #a7f3d0;color:#059669;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-small:hover{background:#ecfdf5;border-color:#059669}@media (max-width:1024px){.settings-container{grid-template-columns:240px 1fr}.settings-content{padding:32px 40px}.inspection-requirements,.settings-grid,.settings-grid-3{grid-template-columns:1fr}}@media (max-width:768px){.settings-container{grid-template-columns:1fr}.settings-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;padding:16px 0}.settings-nav{flex-direction:row;overflow-x:auto;padding:0 16px}.settings-nav-item{white-space:nowrap}.settings-content,.settings-section{padding:24px 20px}}.mobile-app-container{background:#f2f2f7;bottom:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;left:0;overflow:hidden;position:fixed;right:0;top:0}.mobile-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.mobile-header{align-items:center;background:#fff;border-bottom:.5px solid #0000001a;display:flex;justify-content:space-between;min-height:44px;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.mobile-header-left{display:flex;flex-direction:column}.mobile-greeting{color:#6b7280;color:var(--gray-500);font-size:13px;font-weight:500}.mobile-user-name{font-size:20px;font-weight:700}.mobile-title,.mobile-user-name{color:#111827;color:var(--gray-900)}.mobile-title{flex:1 1;font-size:17px;font-weight:600;margin:0;text-align:center}.mobile-back-btn{background:none;border:none;color:#4299e1;color:var(--primary);cursor:pointer;font-size:17px;font-weight:500;min-width:60px;padding:0;text-align:left}.mobile-badge{background:#4299e1;background:var(--primary);border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.mobile-avatar-btn{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.mobile-avatar-btn img{height:100%;object-fit:cover;width:100%}.mobile-scroll-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 16px calc(80px + env(safe-area-inset-bottom))}.mobile-tab-bar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:.5px solid #0000001a;bottom:0;display:flex;justify-content:space-around;left:0;padding:6px 0 max(6px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.mobile-tab{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:64px;padding:6px 16px;transition:all .2s}.mobile-tab-icon{font-size:24px;line-height:1;opacity:.6;transition:all .2s}.mobile-tab-label{color:#6b7280;color:var(--gray-500);font-size:10px;font-weight:500;transition:all .2s}.mobile-tab.active .mobile-tab-icon{opacity:1}.mobile-tab.active .mobile-tab-label{color:#4299e1;font-weight:600}.mobile-list{display:flex;flex-direction:column;gap:12px}.mobile-inspection-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px}.mobile-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-vehicle-tags{display:flex;flex-wrap:wrap;gap:8px}.mobile-tag{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.mobile-tag.truck{background:#dbeafe;color:#1d4ed8}.mobile-tag.trailer{background:#fef3c7;color:#b45309}.mobile-condition{border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.mobile-condition.excellent{background:#d1fae5;color:#065f46}.mobile-condition.good{background:#dbeafe;color:#1e40af}.mobile-condition.needs-attention{background:#fef3c7;color:#92400e}.mobile-condition.unsafe-oos{background:#fee2e2;color:#991b1b}.mobile-card-info{display:flex;flex-direction:column;gap:6px}.mobile-info-row{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:13px;gap:8px}.mobile-info-icon{font-size:14px;text-align:center;width:20px}.mobile-repair-alert{background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;color:#991b1b;font-size:12px;margin-top:12px;padding:10px}.mobile-vehicle-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:12px;padding:16px}.mobile-vehicle-icon{font-size:32px}.mobile-vehicle-info{flex:1 1}.mobile-vehicle-id{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 4px}.mobile-vehicle-date{color:#6b7280;color:var(--gray-500);font-size:12px;margin:0}.mobile-vehicle-status{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.mobile-vehicle-status.available{background:#d1fae5;color:#065f46}.mobile-vehicle-status.in-service{background:#dbeafe;color:#1e40af}.mobile-vehicle-status.maintenance{background:#fef3c7;color:#92400e}.mobile-empty-state{padding:60px 20px;text-align:center}.mobile-empty-icon{font-size:64px;margin-bottom:16px}.mobile-empty-state h3{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;margin:0 0 8px}.mobile-empty-state p{color:#6b7280;color:var(--gray-500);font-size:14px;margin:0}.permit-summary-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.permit-summary-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:10px 6px;text-align:center}.permit-summary-card.active{border-top:3px solid #10b981}.permit-summary-card.expiring{border-top:3px solid #f59e0b}.permit-summary-card.expired,.permit-summary-card.missing{border-top:3px solid #ef4444}.permit-summary-value{color:#111827;color:var(--gray-900);display:block;font-size:20px;font-weight:700}.permit-summary-label{color:#6b7280;color:var(--gray-500);display:block;font-size:11px;text-transform:uppercase}.permit-filter-row{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.permit-filter-chip{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:999px;color:#374151;color:var(--gray-700);font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.permit-filter-chip.active{background:#4299e1;border-color:#4299e1;color:#fff}.permit-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:14px}.permit-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.permit-card-top h3{color:#111827;color:var(--gray-900);font-size:15px;margin:0}.permit-status{border-radius:999px;font-size:10px;font-weight:700;padding:4px 9px;text-transform:uppercase}.permit-status.active{background:#10b9811f;color:#047857}.permit-status.expiring{background:#f59e0b1f;color:#b45309}.permit-status.expired,.permit-status.missing{background:#ef44441f;color:#b91c1c}.permit-status.optional{background:#6b72801f;color:#4b5563}.permit-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.permit-label{color:#4b5563;color:var(--gray-600);display:block;font-size:11px;font-weight:600}.permit-label.full{grid-column:1/-1}.permit-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;font-family:inherit;font-size:13px;margin-top:5px;padding:10px 11px;width:100%}.permit-input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e124;outline:none}.permit-textarea{min-height:56px;resize:vertical}.permit-meta-note{color:#4b5563;color:var(--gray-600);font-size:12px;font-weight:600;margin-bottom:10px}.permit-static{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;color:#1f2937;color:var(--gray-800);display:flex;font-size:12px;line-height:1.3;margin-top:5px;min-height:36px;padding:9px 10px}.permit-actions-row{margin-top:10px}.permit-open-btn{background:#fff;border:1px solid #4299e1;border-radius:8px;color:#1d4ed8;font-size:12px;font-weight:700;padding:10px 12px;width:100%}.permit-open-btn:disabled{border-color:#d1d5db;border-color:var(--gray-300);color:#6b7280;color:var(--gray-500)}.mobile-menu-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;overflow:hidden}.mobile-menu-item{align-items:center;border-bottom:.5px solid #00000014;cursor:pointer;display:flex;padding:14px 16px;transition:background .2s}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:#f3f4f6;background:var(--gray-100)}.mobile-menu-icon{font-size:20px;margin-right:14px;text-align:center;width:24px}.mobile-menu-text{color:#111827;color:var(--gray-900);flex:1 1;font-size:16px}.mobile-menu-arrow{color:#9ca3af;color:var(--gray-400);font-size:20px;font-weight:300}.mobile-toggle{height:31px;position:relative;width:51px}.mobile-toggle input{height:0;opacity:0;width:0}.mobile-toggle-slider{background-color:#e9e9eb;border-radius:31px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.mobile-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 3px 8px #00000026;content:"";height:27px;left:2px;position:absolute;transition:.3s;width:27px}.mobile-toggle input:checked+.mobile-toggle-slider{background-color:#34c759}.mobile-toggle input:checked+.mobile-toggle-slider:before{transform:translateX(20px)}.mobile-logout-btn{background:#fff;border:none;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#ef4444;cursor:pointer;display:block;font-size:16px;font-weight:500;margin-bottom:20px;padding:14px;text-align:center;width:100%}.mobile-logout-btn:active{background:#fef2f2}.mobile-version-info{color:#6b7280;color:var(--gray-500);font-size:12px;padding:20px;text-align:center}.mobile-version-info p{margin:4px 0}.mobile-status-online{color:#34c759}.mobile-profile-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:32px 20px;text-align:center}.mobile-avatar-large{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:700;height:100px;justify-content:center;margin:0 auto 16px;overflow:hidden;width:100px}.mobile-avatar-large img{height:100%;object-fit:cover;width:100%}.mobile-profile-name{color:#111827;color:var(--gray-900);font-size:22px;font-weight:700;margin:0 0 4px}.mobile-profile-email{color:#6b7280;color:var(--gray-500);font-size:14px;margin:0 0 12px}.mobile-role-badge{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 16px;text-transform:uppercase}.mobile-stats-row{display:flex;gap:12px;margin-bottom:20px}.mobile-stat-box{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;flex:1 1;padding:16px 12px;text-align:center}.mobile-stat-num{color:#4299e1;color:var(--primary);display:block;font-size:24px;font-weight:700;margin-bottom:2px}.mobile-stat-label{color:#6b7280;color:var(--gray-500);font-size:11px;font-weight:600;text-transform:uppercase}.mobile-app-container .mobile-inspection-wizard{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:20px}.mobile-app-container .wizard-progress{background:#f9fafb;background:var(--gray-50);border-radius:16px 16px 0 0;margin:-20px -20px 20px;padding:16px 20px}.mobile-app-container .wizard-steps{-webkit-overflow-scrolling:touch;margin:0 -20px;overflow-x:auto;padding:0 20px}.mobile-app-container .wizard-content{padding:0}.mobile-app-container .wizard-navigation{background:#f9fafb;background:var(--gray-50);border-radius:0 0 16px 16px;gap:12px;margin:20px -20px -20px;padding:16px 20px}.mobile-app-container .wizard-nav-btn{border-radius:10px;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px}.mobile-app-container .wizard-nav-btn.primary{background:#4299e1;background:var(--primary);color:#fff}.mobile-app-container .wizard-nav-btn.secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.mobile-app-container .wizard-nav-btn.success{background:#34c759;color:#fff}.mobile-app-container .mobile-input,.mobile-app-container .mobile-textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:10px;font-size:16px;padding:14px 16px}.mobile-app-container .mobile-input:focus,.mobile-app-container .mobile-textarea:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.mobile-app-container .checklist-item-mobile{background:#f9fafb;background:var(--gray-50);border-radius:10px;margin-bottom:8px;padding:14px}.mobile-app-container .status-btn{border-radius:8px;font-weight:600;min-height:44px;padding:10px 16px}@media (min-width:768px){.mobile-app-container{border-radius:40px;box-shadow:0 0 0 12px #1d1d1f,0 0 0 14px #3d3d3f,0 20px 60px #0000004d;height:calc(100vh - 40px);margin:20px auto;max-height:932px;max-width:430px}.mobile-tab-bar{border-radius:0 0 28px 28px}.mobile-header{border-radius:28px 28px 0 0}}.photo-upload-section{background:#f9fafb;background:var(--gray-50);border-radius:12px;margin-top:16px;padding:16px}.photo-upload-section .section-label{color:#111827;color:var(--gray-900);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.photo-upload-section .section-hint{color:#6b7280;color:var(--gray-500);font-size:13px;margin:0 0 16px}.photo-upload-buttons{display:flex;gap:12px;margin-bottom:16px}.photo-upload-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;padding:16px 12px;transition:all .2s}.photo-upload-btn:active{transform:scale(.98)}.photo-upload-btn.camera{background:#2563eb0d;border-color:#4299e1;border-color:var(--primary)}.photo-upload-btn.camera:hover{background:#2563eb1a}.photo-upload-btn.gallery:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.photo-upload-btn .btn-icon{font-size:28px}.photo-upload-btn .btn-text{color:#374151;color:var(--gray-700);font-size:13px;font-weight:600}.photo-upload-btn.camera .btn-text{color:#4299e1;color:var(--primary)}.photo-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.photo-preview-item{aspect-ratio:1;background:#e5e7eb;background:var(--gray-200);border-radius:10px;overflow:hidden;position:relative;transition:all .2s}.photo-preview-item.processing{opacity:.7}.photo-preview-item.failed{border:2px solid #ef4444}.photo-preview-item img{height:100%;object-fit:cover;width:100%}.photo-processing-overlay{align-items:center;background:#0009;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;position:absolute;right:0;top:0}.processing-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.processing-percent{color:#fff;font-size:12px;font-weight:600}.photo-failed-overlay{align-items:center;background:#ef4444cc;bottom:0;display:flex;flex-direction:column;gap:4px;justify-content:center;left:0;position:absolute;right:0;top:0}.failed-icon{font-size:24px}.failed-text{color:#fff;font-size:11px;font-weight:600}.photo-delete-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s;width:24px;z-index:10}.photo-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.photo-info{background:linear-gradient(#0000,#000c);bottom:0;display:flex;flex-direction:column;gap:2px;left:0;padding:6px 8px;position:absolute;right:0}.photo-name{color:#fff;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-size{color:#ffffffb3;font-size:9px}.photo-status-badge{align-items:center;border-radius:50%;display:flex;font-size:10px;height:20px;justify-content:center;left:6px;position:absolute;top:6px;width:20px}.photo-status-badge.ready{background:#10b981;color:#fff}.photo-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.photo-count-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.photo-count-badge.success{background:#d1fae5;color:#065f46}.photo-count-badge.failed{background:#fee2e2;color:#991b1b}.photo-count-badge.processing{background:#dbeafe;color:#1e40af}.photo-empty-state{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;gap:8px;padding:24px}.photo-empty-state .empty-icon{font-size:32px;opacity:.5}.photo-empty-state .empty-text{font-size:13px}.photo-errors{margin-bottom:12px}.photo-error-item{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:10px 12px}.photo-error-item .error-icon{font-size:14px}.photo-error-item .error-message{color:#991b1b;flex:1 1;font-size:12px}.photo-error-item .error-dismiss{background:none;border:none;color:#991b1b;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .2s}.photo-error-item .error-dismiss:hover{opacity:1}.photo-upload-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.processing-indicator{align-items:center;color:#4299e1;color:var(--primary);display:inline-flex;font-size:12px;font-weight:500;gap:6px}.processing-indicator .spinner{animation:spin .8s linear infinite;border:2px solid #2563eb33;border-radius:50%;border-top:2px solid var(--primary);height:14px;width:14px}.photo-upload-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.app-landing{align-items:center;background:linear-gradient(145deg,#ebf8ff,#bee3f8 50%,#90cdf4);display:flex;justify-content:center;min-height:100vh;padding:20px}.landing-container{max-width:900px;width:100%}.landing-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #4299e126;justify-content:space-between;margin-bottom:40px;padding:16px 24px}.landing-header,.landing-user{align-items:center;display:flex}.landing-user{gap:12px}.landing-avatar{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;overflow:hidden;width:48px}.landing-avatar img{height:100%;object-fit:cover;width:100%}.landing-user-info{display:flex;flex-direction:column}.landing-greeting{color:#6b7280;color:var(--gray-500);font-size:13px}.landing-name{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700}.landing-logout{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.landing-logout:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.landing-logo{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:32px}.landing-logo-text h1{color:#2d3748;font-size:36px;font-weight:700;line-height:1.1;margin:0}.landing-logo-text h1 span{color:#4299e1}.landing-logo-text p{color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.08em;margin:2px 0 0;text-align:right;text-transform:uppercase}.landing-title{margin-bottom:32px;text-align:center}.landing-title h2{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 8px}.landing-title p{color:#4b5563;color:var(--gray-600);font-size:16px;margin:0}.landing-apps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.landing-app-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;padding:28px;transition:all .3s ease}.landing-app-card:hover{border-color:#4299e1;box-shadow:0 12px 40px #4299e133;transform:translateY(-4px)}.landing-app-card.inspector:hover,.landing-app-card.manager:hover{border-color:#4299e1}.app-card-icon{font-size:48px;margin-bottom:16px}.app-card-content{flex:1 1}.app-card-content h3{color:#111827;color:var(--gray-900);font-size:22px;font-weight:700;margin:0 0 4px}.app-card-subtitle{color:#6b7280;color:var(--gray-500);font-size:14px;font-weight:500;margin:0 0 16px}.app-card-features{list-style:none;margin:0;padding:0}.app-card-features li{color:#4b5563;color:var(--gray-600);font-size:14px;padding:6px 0}.app-card-action{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#4299e1;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-top:20px;padding-top:16px}.app-card-action .arrow{font-size:20px;transition:transform .2s}.landing-app-card:hover .app-card-action .arrow{transform:translateX(4px)}.landing-footer{background:#ffffffb3;border-radius:12px;padding:20px;text-align:center}.landing-footer p{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0}.landing-footer strong{color:#4299e1}.loading-container{align-items:center;background:linear-gradient(145deg,#ebf8ff,#bee3f8 50%,#90cdf4);display:flex;justify-content:center;min-height:100vh}.loading-spinner{text-align:center}.loading-logo{margin-bottom:16px}.loading-text-dark{color:#2d3748;font-size:32px;font-weight:700}.loading-text-blue{color:#4299e1;font-size:32px;font-weight:700}.loading-spinner p{color:#4b5563;color:var(--gray-600);font-size:16px}@media (max-width:768px){.landing-apps{grid-template-columns:1fr}.landing-header{gap:16px;text-align:center}.landing-header,.landing-logo,.landing-user{flex-direction:column}.landing-logo,.landing-logo-text p{text-align:center}}.sync-status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:12px;font-weight:600;gap:12px;padding:6px 12px}.connection-status{align-items:center;display:flex;gap:6px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connection-status.online .status-dot{background:#10b981;box-shadow:0 0 6px #10b98180}.connection-status.offline .status-dot{animation:none;background:#ef4444;box-shadow:0 0 6px #ef444480}.connection-status.online .status-text{color:#10b981}.connection-status.offline .status-text{color:#ef4444}.sync-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;padding:4px 10px;transition:all .2s}.sync-badge:hover:not(:disabled){box-shadow:0 2px 8px #f59e0b66;transform:scale(1.05)}.sync-badge:disabled{cursor:not-allowed;opacity:.7}.sync-badge.syncing{background:linear-gradient(135deg,#4299e1,#3182ce)}.pending-count{align-items:center;background:#ffffff4d;border-radius:9px;display:inline-flex;font-size:10px;height:18px;justify-content:center;min-width:18px}.sync-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.all-synced{align-items:center;color:#10b981;display:flex;gap:4px}.check-icon{font-size:14px}.offline-banner{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:0;z-index:9999}.offline-banner .offline-icon{font-size:16px}.online-toast{animation:slideDown .3s ease-out,fadeOut .3s ease-out 2.7s forwards;background:linear-gradient(135deg,#10b981,#059669);border-radius:25px;box-shadow:0 4px 20px #10b98166;color:#fff;font-size:14px;font-weight:600;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.theme-toggle{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;padding:4px}.toggle-track{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;display:flex;height:28px;justify-content:space-between;padding:0 6px;position:relative;transition:background .3s ease;width:56px}.toggle-track.dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.toggle-icon{font-size:14px;transition:opacity .3s ease;z-index:1}.toggle-track.light .sun{opacity:0}.toggle-track.dark .sun,.toggle-track.light .moon{opacity:1}.toggle-track.dark .moon{opacity:0}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:22px;left:3px;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1);width:22px}.toggle-track.dark .toggle-thumb{transform:translateX(28px)}[data-theme=dark] body{background:#f5f5f5!important;background:var(--bg-primary)!important;color:#111827;color:var(--text-primary)}[data-theme=dark] .mobile-page{background:#f5f5f5;background:var(--bg-primary)}[data-theme=dark] .mobile-header{background:#fff;background:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .mobile-scroll-content{background:#f5f5f5;background:var(--bg-primary)}[data-theme=dark] .mobile-tab-bar{background:#1e293bf2;border-top-color:#e5e7eb;border-top-color:var(--border-color)}[data-theme=dark] .mobile-tab-label{color:#9ca3af;color:var(--text-muted)}[data-theme=dark] .mobile-tab.active .mobile-tab-label{color:#63b3ed;color:var(--primary-light)}[data-theme=dark] .checklist-item-mobile,[data-theme=dark] .mobile-inspection-card,[data-theme=dark] .mobile-profile-card,[data-theme=dark] .mobile-vehicle-card{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .wizard-progress{background:#fff;background:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .wizard-step-indicator{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .wizard-heading{color:#111827;color:var(--text-primary)}[data-theme=dark] .mobile-input,[data-theme=dark] .mobile-textarea{background:#fff;background:var(--input-bg);border-color:#e5e7eb;border-color:var(--border-color);color:#111827;color:var(--text-primary)}[data-theme=dark] .mobile-input::placeholder,[data-theme=dark] .mobile-textarea::placeholder{color:#9ca3af;color:var(--text-muted)}[data-theme=dark] .form-field label{color:#4b5563;color:var(--text-secondary)}[data-theme=dark] .status-btn-modern{background:linear-gradient(180deg,#fff,#fff);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-secondary) 100%);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .floating-nav-btn.secondary{color:#111827;color:var(--text-primary)}[data-theme=dark] .attachment-dropdown,[data-theme=dark] .floating-nav-btn.secondary{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .attachment-option{color:#111827;color:var(--text-primary)}[data-theme=dark] .attachment-option:hover{background:#fff;background:var(--bg-secondary)}[data-theme=dark] .item-notes-section{background:#fff;background:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .item-notes-textarea{background:#fff;background:var(--input-bg);border-color:#e5e7eb;border-color:var(--border-color);color:#111827;color:var(--text-primary)}[data-theme=dark] .auth-container{background:#f5f5f5;background:var(--bg-primary)}[data-theme=dark] .auth-card{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .auth-input{background:#fff;background:var(--input-bg);border-color:#e5e7eb;border-color:var(--border-color);color:#111827;color:var(--text-primary)}[data-theme=dark] .sync-status-indicator{background:#1e293bf2}.theme-toggle-switch{margin-left:auto}.theme-toggle-track{background:#d1d5db;background:var(--gray-300);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .3s ease;width:44px}.theme-toggle-track.active{background:#4299e1;background:var(--primary)}.theme-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:20px}.theme-toggle-track.active .theme-toggle-thumb{transform:translateX(20px)}[data-theme=dark] .theme-toggle-track{background:#4b5563;background:var(--gray-600)}[data-theme=dark] .theme-toggle-track.active{background:#4299e1;background:var(--primary)}[data-theme=dark] .mobile-menu-section{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .mobile-menu-item,[data-theme=dark] .mobile-menu-text{color:#111827;color:var(--text-primary)}[data-theme=dark] .mobile-menu-arrow{color:#9ca3af;color:var(--text-muted)}[data-theme=dark] .mobile-greeting{color:#4b5563;color:var(--text-secondary)}[data-theme=dark] .mobile-user-name{color:#111827;color:var(--text-primary)}.type-selector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px}.type-card{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;text-align:center;transition:all .2s ease}.type-card:hover{background:#f5f9ff;background:var(--bg-hover,#f5f9ff)}.type-card.selected,.type-card:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.type-card.selected{background:#63b3ed;background:var(--primary-light,#e3f2fd);box-shadow:0 2px 8px #1976d233}.type-card .type-icon{font-size:28px;margin-bottom:8px}.type-card .type-label{color:#111827;color:var(--text-primary,#333);font-size:14px;font-weight:600;margin-bottom:4px}.type-card .type-desc{color:#9ca3af;color:var(--text-muted,#888);font-size:11px;line-height:1.3}.type-card.selected .type-label{color:#1976d2;color:var(--primary-color,#1976d2)}.selection-summary{background:#e8f5e9;background:var(--bg-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--border-success,#c8e6c9);border-radius:12px;margin-top:20px;padding:16px}.selection-summary .summary-item{display:flex;justify-content:space-between;padding:6px 0}.selection-summary .summary-label{color:#4b5563;color:var(--text-secondary,#666);font-size:14px}.selection-summary .summary-value{color:#111827;color:var(--text-primary,#333);font-size:14px;font-weight:600}.category-group{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-bottom:12px;overflow:hidden}.category-header{align-items:center;background:#fff;background:var(--bg-secondary,#f8f9fa);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.category-header:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0)}.category-header.expanded{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e0e0e0)}.category-title{align-items:center;display:flex;flex:1 1;gap:10px}.category-icon{font-size:18px}.category-name{color:#111827;color:var(--text-primary,#333);font-size:14px;font-weight:600}.category-badge{background:#eee;background:var(--bg-tertiary,#eee);border-radius:12px;color:#4b5563;color:var(--text-secondary,#666);font-size:12px;padding:3px 8px}.category-badge.complete{background:#c8e6c9;background:var(--success-light,#c8e6c9);color:#2e7d32;color:var(--success-dark,#2e7d32)}.category-badge .fail-indicator{color:#d32f2f;color:var(--error-color,#d32f2f);margin-left:6px}.category-actions{align-items:center;display:flex;gap:10px}.quick-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.quick-action-btn.pass-all{background:#c8e6c9;background:var(--success-light,#c8e6c9);color:#2e7d32;color:var(--success-dark,#2e7d32)}.quick-action-btn.pass-all:hover{background:#4caf50;background:var(--success-color,#4caf50);color:#fff}.expand-icon{color:#9ca3af;color:var(--text-muted,#888);font-size:12px;transition:transform .2s}.category-items{padding:8px 0}.empty-section{color:#9ca3af;color:var(--text-muted,#888);padding:40px 20px;text-align:center}.empty-section .empty-icon{display:block;font-size:48px;margin-bottom:12px}.empty-section p{margin:4px 0}.empty-section .empty-hint{font-size:13px}.critical-badge{background:#fff3e0;background:var(--warning-light,#fff3e0);border-radius:4px;color:#e65100;color:var(--warning-dark,#e65100);display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:uppercase}.checklist-item-mobile.critical{border-left:3px solid #ff9800;border-left:3px solid var(--warning-color,#ff9800)}.checklist-item-mobile.pass{background:#e8f5e9;background:var(--success-light,#e8f5e9)}.checklist-item-mobile.fail{background:#ffebee;background:var(--error-light,#ffebee);border-left:3px solid #d32f2f;border-left:3px solid var(--error-color,#d32f2f)}.checklist-item-mobile.na{background:#f5f5f5;background:var(--bg-tertiary,#f5f5f5);opacity:.8}.note-toggle-btn{align-items:center;background:#f0f0f0;background:var(--bg-tertiary,#f0f0f0);border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.note-toggle-btn:hover{background:#e0e0e0;background:var(--bg-hover,#e0e0e0)}.note-toggle-btn.has-notes{background:#63b3ed;background:var(--primary-light,#e3f2fd)}.voice-note-btn{background:#f0f0f0;background:var(--bg-tertiary,#f0f0f0);border:none;border-radius:50%;cursor:pointer;font-size:16px;height:36px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s;width:36px}.voice-note-btn:hover{background:#63b3ed;background:var(--primary-light,#e3f2fd)}.voice-note-btn.recording{animation:pulse 1s infinite;background:#d32f2f;background:var(--error-color,#d32f2f)}@keyframes pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.notes-input-wrapper{position:relative}.notes-input-wrapper .item-notes-textarea{padding-right:50px}.failed-items-summary{background:#ffebee;background:var(--error-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--error-border,#ffcdd2);border-radius:12px;margin:16px 0;padding:16px}.failed-items-summary h3{color:#c62828;color:var(--error-dark,#c62828);font-size:16px;margin:0 0 12px}.failed-items-summary ul{margin:0;padding-left:20px}.failed-items-summary li{color:#111827;color:var(--text-primary,#333);font-size:14px;margin-bottom:8px}.failed-items-summary .failed-note{color:#9ca3af;color:var(--text-muted,#666);font-style:italic}.fail-count{color:#d32f2f;color:var(--error-color,#d32f2f);font-weight:600}[data-theme=dark] .type-card{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .type-card:hover{background:var(--bg-hover)}[data-theme=dark] .type-card.selected{background:#1976d226;border-color:var(--primary-color)}[data-theme=dark] .category-group{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .category-header{background:#fff;background:var(--bg-secondary)}[data-theme=dark] .selection-summary{background:#4caf501a;border-color:#4caf504d}[data-theme=dark] .failed-items-summary{background:#d32f2f1a;border-color:#d32f2f4d}[data-theme=dark] .checklist-item-mobile.pass{background:#4caf501a}[data-theme=dark] .checklist-item-mobile.fail{background:#d32f2f1a}[data-theme=dark] .checklist-item-mobile.na{background:var(--bg-tertiary)}@media (max-width:400px){.type-selector-grid{grid-template-columns:1fr}.type-card{flex-direction:row;gap:12px;justify-content:flex-start;padding:12px}.type-card .type-icon{font-size:24px;margin-bottom:0}.type-card .type-desc,.type-card .type-label{text-align:left}}.inspection-project-shell{background:#f3f6fa;box-sizing:border-box;color:#172b4d;min-height:100vh;padding:20px}.inspection-project-shell *{box-sizing:border-box}.inspection-project-card,.inspection-workspace-card{background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 8px 28px #172b4d12;margin:20px auto;padding:24px;width:min(100%,980px)}.inspection-project-card{margin-top:8vh;width:min(100%,460px)}.inspection-filter-row label,.inspection-form-grid label,.inspection-org-row label,.inspection-project-card form,.inspection-project-card label,.inspection-workspace-card>label{display:flex;flex-direction:column;gap:7px}.inspection-project-card form{gap:16px;margin:22px 0}.inspection-project-shell input:not([type=radio]):not([type=checkbox]):not([type=file]),.inspection-project-shell select,.inspection-project-shell textarea{background:#fff;border:1px solid #bdc9d8;border-radius:8px;color:#172b4d;font:inherit;min-height:42px;padding:9px 11px;width:100%}.inspection-project-shell textarea{resize:vertical}.inspection-eyebrow{color:#496b99;font-size:.77rem;font-weight:700;letter-spacing:.09em;margin:0 0 5px;text-transform:uppercase}.inspection-project-shell h1,.inspection-project-shell h2,.inspection-project-shell h3,.inspection-project-shell p{margin-top:0}.inspection-project-shell h1{font-size:clamp(1.45rem,4vw,2rem);margin-bottom:8px}.inspection-project-shell h2{font-size:1.15rem;margin:22px 0 12px}.inspection-project-shell h3{margin:0 0 12px}.inspection-primary-button,.inspection-secondary-button,.inspection-tab-row button{border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:700;min-height:42px;padding:9px 15px}.inspection-primary-button{background:#145cc4;color:#fff}.inspection-secondary-button,.inspection-tab-row button{background:#fff;border:1px solid #c8d4e2;color:#244467}.inspection-primary-button:disabled,.inspection-secondary-button:disabled,.inspection-tab-row button:disabled{cursor:not-allowed;opacity:.55}.inspection-text-button{background:#0000;border:0;color:#145cc4;cursor:pointer;font:inherit;font-weight:700}.inspection-muted{color:#63758c;font-size:.9rem}.inspection-error,.inspection-status,.inspection-warning{border-radius:8px;padding:11px 13px}.inspection-error{background:#fff0f0;color:#9c2525}.inspection-warning{background:#fff8e4;color:#775409}.inspection-status{background:#e9f5ed;color:#1e6936}.inspection-action-row,.inspection-app-header,.inspection-card-heading,.inspection-choice-row,.inspection-filter-row,.inspection-history-row,.inspection-org-row,.inspection-tab-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.inspection-portal-link{color:#1258a8;font-weight:700;margin-left:auto}.inspection-mobile-navigation{border:1px solid #dce4ef;border-radius:12px;bottom:0;box-shadow:0 4px 14px #172b4d1f;margin:0 -4px 16px;position:-webkit-sticky;position:sticky;z-index:5}.inspection-mobile-navigation .MuiBottomNavigationAction-root{min-height:56px;min-width:0}.inspection-progress{grid-gap:10px;display:grid;gap:10px;margin:18px 0}.inspection-progress>div:first-child{display:flex;gap:12px;justify-content:space-between}.inspection-progress>div:first-child span{color:#496b99;font-size:.9rem}.inspection-checklist-section{margin:12px 0;padding:0 12px 12px}.inspection-checklist-section>summary{color:#172b4d;cursor:pointer;font-weight:700;min-height:48px;padding:13px 0}.inspection-checklist-section>fieldset{border:0;min-width:0;padding:0}.inspection-photo-preview{color:#496b99;display:inline-flex;flex-direction:column;font-size:.8rem;margin:6px 8px 4px 0;overflow-wrap:anywhere;width:min(42vw,180px)}.inspection-photo-preview img{border-radius:8px;height:112px;object-fit:cover;width:100%}.inspection-sticky-actions{background:#fffffff5;border:1px solid #dce4ef;border-radius:12px;bottom:0;box-shadow:0 -4px 14px #172b4d17;margin:16px -4px -4px;padding:12px;position:-webkit-sticky;position:sticky;z-index:6}.inspection-sticky-actions .MuiButton-root{flex:1 1;min-height:48px}@media (max-width:600px){.inspection-project-shell{padding:12px}.inspection-workspace-card{padding:16px}.inspection-portal-link{margin-left:0;width:100%}}.inspection-app-header{margin:0 auto;width:min(100%,980px)}.inspection-app-header>div{grid-gap:3px;display:grid;gap:3px}.inspection-app-header span{color:#63758c;font-size:.85rem}.inspection-org-row{background:#fff;border:1px solid #dce4ef;border-radius:12px;margin:20px auto;padding:14px 18px;width:min(100%,980px)}.inspection-org-row label{width:min(100%,420px)}.inspection-photo-chip,.inspection-role-chip{align-items:center;background:#eaf1fb;border-radius:999px;color:#31577f;display:inline-flex;font-size:.8rem;font-weight:700;padding:5px 9px}.inspection-tab-row{justify-content:flex-start;margin:0 auto 14px;overflow-x:auto;width:min(100%,980px)}.inspection-form-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.inspection-wide-field{grid-column:1/-1}.inspection-subsection{border-top:1px solid #e3e9f1;margin:24px 0;padding-top:17px}.inspection-checklist-section{border:1px solid #dce4ef;border-radius:10px;margin:16px 0;min-width:0;padding:10px 14px}.inspection-checklist-section legend{font-weight:800;padding:0 6px}.inspection-checklist-item,.verification-defect{border-bottom:1px solid #edf0f4;padding:13px 0}.inspection-checklist-item:last-child{border-bottom:0}.inspection-item-title{line-height:1.5}.inspection-choice-row{flex-wrap:wrap;justify-content:flex-start;margin:10px 0}.inspection-checkbox,.inspection-radio{align-items:center;display:inline-flex;gap:6px}.inspection-photo-input{color:#496b99;display:flex;flex-direction:column;font-size:.9rem;gap:6px;margin-top:8px;width:-webkit-fit-content;width:fit-content}.inspection-photo-chip{margin:5px 5px 0 0}.inspection-action-row{flex-wrap:wrap;justify-content:flex-end;margin-top:20px}.inspection-history-row{background:#fff;border:1px solid #e0e7f0;border-radius:9px;margin:8px 0;padding:13px;text-align:left;width:100%}.inspection-history-row>div,.inspection-history-row>span:first-child{grid-gap:5px;display:grid;gap:5px}.inspection-history-row small,.inspection-history-row span{color:#61738a}.inspection-history-button{color:#172b4d;cursor:pointer;font:inherit}.inspection-photo-gallery{display:flex;flex-wrap:wrap;gap:10px}.inspection-photo-gallery img{border-radius:8px;height:120px;object-fit:cover;width:120px}@media (max-width:640px){.inspection-project-shell{padding:12px}.inspection-project-card,.inspection-workspace-card{margin:12px auto;padding:17px}.inspection-form-grid{grid-template-columns:1fr}.inspection-wide-field{grid-column:auto}.inspection-app-header,.inspection-card-heading,.inspection-filter-row,.inspection-history-row,.inspection-org-row{align-items:flex-start;flex-direction:column}}.inspection-phone{--fleet-nav-height:64px;--fleet-header-height:109px;background:var(--fleet-background);color:var(--fleet-text);min-height:100dvh;padding:calc(var(--fleet-header-height) + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(var(--fleet-nav-height) + env(safe-area-inset-bottom) + 20px) max(16px,env(safe-area-inset-left))}.inspection-phone [hidden]{display:none!important}.inspection-sr-only{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.inspection-phone .inspection-phone-appbar{background:var(--fleet-paper);border-bottom:1px solid #dce4ef;color:var(--fleet-text);left:0;margin:0;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));right:0;top:0;width:auto}.inspection-phone .inspection-phone-toolbar{justify-content:space-between;min-height:56px;padding:0}.inspection-phone .inspection-phone-toolbar h1{font-size:1.2rem;margin:0}.inspection-phone-organization{display:block}.inspection-phone .inspection-phone-organization select{border:0;font-weight:600;padding-left:0}.inspection-phone .inspection-workspace-card{background:#0000;border:0;border-radius:0;box-shadow:none;margin:0 auto;max-width:640px;padding:12px 0}.inspection-phone h1{font-size:1.35rem}.inspection-phone .inspection-history-row small,.inspection-phone .inspection-history-row span,.inspection-phone .inspection-muted{color:var(--fleet-muted)}.inspection-phone .inspection-sync-indicator{align-items:center;color:var(--fleet-muted);display:flex;font-size:.8rem;justify-content:space-between;margin:0 auto;max-width:640px;min-height:36px}.inspection-phone .inspection-new-button{margin-bottom:8px;min-height:56px}.inspection-phone .inspection-mobile-navigation{background:var(--fleet-paper);border-radius:0;border-width:1px 0 0;box-shadow:none;height:calc(var(--fleet-nav-height) + env(safe-area-inset-bottom));inset:auto 0 0;margin:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;z-index:10}.inspection-phone .inspection-mobile-navigation .MuiBottomNavigationAction-root{min-height:64px;padding:8px}.inspection-phone .inspection-mobile-form{padding-bottom:84px}.inspection-phone .inspection-card-heading{align-items:center;flex-direction:row}.inspection-phone .inspection-card-heading h1{margin:0}.inspection-step-navigation{display:flex;gap:4px;margin:16px 0}.inspection-step-navigation .MuiButton-root{flex:1 1;font-size:.8rem;min-width:0;padding:8px 4px}.inspection-phone .inspection-sticky-actions{background:var(--fleet-paper);border-radius:0;bottom:calc(var(--fleet-nav-height) + env(safe-area-inset-bottom));flex-wrap:nowrap;left:0;margin:0 auto;max-width:672px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));position:fixed;right:0}.inspection-phone.inspection-keyboard-open .inspection-mobile-navigation{display:none}.inspection-phone.inspection-keyboard-open .inspection-sticky-actions{bottom:0}.inspection-phone .MuiButton-root,.inspection-phone .inspection-checkbox,.inspection-phone .inspection-radio,.inspection-phone button,.inspection-phone input:not([type=radio]):not([type=checkbox]),.inspection-phone select,.inspection-phone summary,.inspection-phone textarea{min-height:48px}.inspection-phone input:not([type=radio]):not([type=checkbox]):not([type=file]),.inspection-phone select,.inspection-phone textarea{background:var(--fleet-paper);border-radius:var(--fleet-radius);color:var(--fleet-text);font-size:16px}.inspection-phone .inspection-photo-input,.inspection-phone .inspection-text-button{color:var(--fleet-primary)}.inspection-phone .inspection-photo-input{display:inline-flex;flex-direction:row}.inspection-phone .inspection-form-grid{grid-template-columns:1fr}.inspection-phone .inspection-checklist-section{background:var(--fleet-paper);border-radius:var(--fleet-radius);padding:0 12px}.inspection-phone .inspection-checklist-section summary{padding:14px 0}.inspection-section-count{color:var(--fleet-muted);float:right;font-size:.85rem}.inspection-phone .inspection-subsection{border-top:0;margin:12px 0;padding-top:0}.inspection-phone .inspection-measurements summary{color:var(--fleet-muted);cursor:pointer;padding-top:14px}.inspection-phone .inspection-choice-row{flex-wrap:nowrap;gap:6px;margin:6px 0 0}.inspection-phone .inspection-checklist-item{background:var(--fleet-paper);border:1px solid #e4eaf1;border-radius:10px;margin:6px 0;padding:8px 9px}.inspection-phone .inspection-checklist-item.pass{border-color:#d5e9da}.inspection-phone .inspection-checklist-item.fail{border-color:#f0d8d6}.inspection-phone .inspection-checklist-item.na{border-color:#e1e5ea}.inspection-item-heading{align-items:center;display:flex;gap:6px;justify-content:space-between}.inspection-phone .inspection-item-title{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;font-size:.92rem;gap:3px 5px;line-height:1.35;min-width:0}.inspection-item-title>strong{color:var(--fleet-primary);flex:0 0 auto}.inspection-item-title>span:not(.inspection-item-status){min-width:0}.inspection-item-title small{flex-basis:100%}.inspection-item-tools{align-items:center;display:flex;flex:0 0 auto;margin:-3px -5px -3px 0}.inspection-phone .inspection-item-tools .MuiIconButton-root{color:var(--fleet-muted);min-height:48px;min-width:48px;padding:11px}.inspection-phone .inspection-item-tools .MuiIconButton-root.has-note{color:var(--fleet-primary)}.inspection-item-status{border-radius:999px;font-size:.72rem;font-weight:700;padding:1px 6px}.inspection-item-status.pass{background:#edf6ef;color:#28653b}.inspection-item-status.fail{background:#fbefee;color:#9b3c35}.inspection-item-status.na{background:#f0f2f5;color:#566273}.inspection-phone .inspection-result-button{background:#fff;border:1px solid #d7dfe8;border-radius:8px;color:#43536a;cursor:pointer;flex:1 1;font:inherit;font-size:.84rem;font-weight:600;min-height:48px;min-width:0;padding:4px 8px}.inspection-phone .inspection-result-button.selected{font-weight:700}.inspection-phone .inspection-result-button.pass.selected{background:#f0f7f1;border-color:#9bc9a7;color:#28653b}.inspection-phone .inspection-result-button.fail.selected{background:#fbf1f0;border-color:#dfaaa5;color:#9b3c35}.inspection-phone .inspection-result-button.na.selected{background:#f2f4f6;border-color:#bfc8d2;color:#465466}.inspection-phone .inspection-result-button:disabled{cursor:default}.inspection-severity-row{align-items:center;color:var(--fleet-muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:3px 8px;margin-top:6px}.inspection-severity-row>div{display:flex;flex:1 1;gap:4px}.inspection-phone .inspection-severity-button{background:#fff;border:1px solid #e0e5eb;border-radius:7px;color:#59677a;cursor:pointer;flex:1 1;font:inherit;font-size:.75rem;min-height:48px;padding:4px 6px}.inspection-phone .inspection-severity-button.selected{background:#faf6ef;border-color:#c9a977;color:#77551f;font-weight:700}.inspection-item-note{grid-gap:4px;color:var(--fleet-muted);display:grid;font-size:.78rem;font-weight:600;gap:4px;margin-top:7px}.inspection-phone .inspection-item-note textarea{font-size:.9rem;min-height:64px;padding:8px 10px}.inspection-attachment-controls{margin-top:4px}.inspection-phone .inspection-attachment-toggle{background:#0000;border:0;color:var(--fleet-primary);font:inherit;font-size:.8rem;font-weight:700;min-height:48px;padding:4px 8px}.inspection-item-photos{display:flex;flex-wrap:wrap;gap:5px}.inspection-item-photo{align-items:flex-start;display:flex;gap:2px;max-width:100%}.inspection-phone .inspection-item-photo .MuiIconButton-root{min-height:48px;min-width:48px}.inspection-phone .inspection-photo-preview{font-size:.68rem;margin:2px 0;width:82px}.inspection-phone .inspection-photo-preview img{height:68px}.inspection-review-answer{grid-gap:3px;border:1px solid #e4eaf1;border-radius:9px;display:grid;font-size:.88rem;gap:3px;margin:8px 0;padding:9px 10px}.inspection-review-answer>span:first-of-type{color:var(--fleet-muted);font-size:.78rem;font-weight:700}.inspection-phone .inspection-radio:has(input:focus-visible){outline:2px solid var(--fleet-primary);outline-offset:2px}.inspection-phone .inspection-radio:has(input:disabled){cursor:default;opacity:.65}.inspection-phone .inspection-history-row{align-items:center;background:var(--fleet-paper);border-radius:var(--fleet-radius);color:var(--fleet-text);flex-direction:row;font-size:.9rem;gap:8px;padding:12px}.inspection-phone .inspection-history-row>div,.inspection-phone .inspection-history-row>span:first-child{min-width:0;overflow-wrap:anywhere}.inspection-phone .inspection-history-row>span:last-child{font-size:.8rem;white-space:nowrap}.inspection-phone .inspection-filter-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:16px 0}.inspection-phone .inspection-filter-row label{min-width:0}.inspection-phone .inspection-filter-row button{background:var(--fleet-paper);color:var(--fleet-primary);grid-column:1/-1}
/*# sourceMappingURL=main.088f6977.css.map*/