:root{--color-primary: #0f766e;--color-primary-light: #14b8a6;--color-primary-dark: #0d9488;--color-secondary: #1f2937;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-light: #f9fafb;--color-border: #e5e7eb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#1f2937;background:#f9fafb}.app{display:flex;flex-direction:column;min-height:100vh;background:#fff}.home{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.logo-icon{width:40px;height:40px}.logo h1{font-size:32px;font-weight:700}.tagline{font-size:18px;font-weight:300;opacity:.95}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(180deg,#f9fafb,#f3f4f6);text-align:center}.hero-content{max-width:700px}.hero-content h2{font-size:36px;font-weight:700;margin-bottom:var(--spacing-md);color:#1f2937}.hero-content p{font-size:18px;color:#6b7280;margin-bottom:var(--spacing-lg);line-height:1.8}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.features{padding:var(--spacing-xl) var(--spacing-lg);background:#fff;max-width:1200px;margin:0 auto;width:100%}.features h2,.triggers h2,.zone-risk h2{font-size:28px;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center;color:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.feature-card{padding:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:#fff}.feature-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--color-primary)}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm);color:#1f2937}.feature-card p{color:#6b7280;font-size:14px}.triggers{padding:var(--spacing-xl) var(--spacing-lg);background:#f9fafb;max-width:1200px;margin:0 auto;width:100%}.triggers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.trigger-item{padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}.trigger-badge{font-size:32px;display:block;margin-bottom:var(--spacing-md)}.trigger-item h4{font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm)}.trigger-item p{color:#6b7280;font-size:12px}.btn{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:#f0fdf4}.btn-back{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);color:#6b7280;font-size:14px;transition:all .3s ease;padding:var(--spacing-sm) var(--spacing-md)}.btn-back:hover{color:var(--color-primary)}.footer{padding:var(--spacing-lg);text-align:center;color:#9ca3af;font-size:13px;background:#f9fafb;border-top:1px solid var(--color-border)}.worker-dashboard{display:flex;flex-direction:column;min-height:100vh}.worker-header,.admin-header{padding:var(--spacing-lg);background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;display:flex;align-items:center;gap:var(--spacing-md)}.worker-header h1,.admin-header h1{font-size:28px;font-weight:700}.admin-header{flex-direction:column;align-items:flex-start}.subtitle{font-size:14px;opacity:.8;margin-top:var(--spacing-xs)}.onboarding-container{flex:1;padding:var(--spacing-xl) var(--spacing-lg);background:#f9fafb;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%}.onboarding-steps{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);position:relative}.onboarding-steps:before{content:"";position:absolute;top:12px;left:0;right:0;height:2px;background:var(--color-border);z-index:-1}.step-indicator{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step-indicator.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.onboarding-content{flex:1}.onboarding-step{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.step-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-primary)}.onboarding-step h2{text-align:center;font-size:24px;margin-bottom:var(--spacing-md)}.onboarding-step p{text-align:center;color:#6b7280;margin-bottom:var(--spacing-lg)}.input-field,.input-slider{width:100%;padding:12px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--spacing-md)}.input-field:focus,.input-slider:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e1a}.step-note,.zone-note{text-align:center;color:#9ca3af;font-size:12px;margin-bottom:var(--spacing-lg)}.earnings-slider{padding:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.earnings-slider label{display:block;font-weight:600;margin-bottom:var(--spacing-md)}.earnings-slider .input-slider{margin-bottom:var(--spacing-md)}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af}.premium-display{background:#f0fdf4;padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center}.premium-text{color:#6b7280;margin-bottom:var(--spacing-lg)}.premium-amount-box{margin-bottom:var(--spacing-lg)}.amount{font-size:48px;font-weight:700;color:var(--color-success);display:block}.per-week{font-size:14px;color:#6b7280}.premium-breakdown{text-align:left;margin-bottom:var(--spacing-lg)}.breakdown-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(0,0,0,.05)}.breakdown-row.highlight{background:#fff;padding:var(--spacing-sm);border-radius:var(--radius-md);margin-top:var(--spacing-sm);border:none;font-weight:600}.premium-note{font-size:12px;color:#059669}.onboarding-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.dashboard-content{flex:1;padding:var(--spacing-lg);background:#f9fafb}.profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.summary-card,.saferider-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.summary-card{display:flex;justify-content:space-between;align-items:center}.summary-item h3{font-size:20px;margin-bottom:var(--spacing-sm)}.zone-info{color:#6b7280;font-size:13px}.premium-badge{text-align:center;padding:var(--spacing-lg);background:#f0fdf4;border-radius:var(--radius-lg)}.premium-label,.tier-description{font-size:12px;color:#6b7280}.premium-amount{font-size:32px;font-weight:700;color:var(--color-success)}.saferider-card h4,.zone-risk h2{margin-bottom:var(--spacing-md)}.tier-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#fff;font-weight:600;margin-bottom:var(--spacing-md)}.protection-stats,.zone-risk{margin-bottom:var(--spacing-xl)}.protection-stats h2,.zone-risk h2{margin-bottom:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.stat-icon{width:48px;height:48px;margin:0 auto var(--spacing-md)}.stat-label{color:#6b7280;font-size:13px;margin-bottom:var(--spacing-xs)}.stat-value{font-size:24px;font-weight:700;color:#1f2937}.claims-board{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.claims-board h2{margin-bottom:var(--spacing-lg);font-size:20px}.no-claims{text-align:center;padding:var(--spacing-xl);color:#6b7280}.no-claims-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--color-warning)}.claims-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.claim-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.claim-info{flex:1}.claim-date{font-size:12px;color:#9ca3af;margin-bottom:var(--spacing-xs)}.claim-trigger{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.claim-details{font-size:12px;color:#6b7280}.claim-result{text-align:right}.claim-payout{font-size:24px;font-weight:700;color:var(--color-success);margin-bottom:var(--spacing-xs)}.claim-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.claim-badge.approved{background:#d1fae5;color:#065f46}.claim-badge.flagged{background:#fee2e2;color:#991b1b}.fraud-defense-info{background:#f0fdf4;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-success)}.info-title{font-weight:600;margin-bottom:var(--spacing-md)}.info-text{color:#6b7280;margin-bottom:var(--spacing-sm);font-size:13px}.defense-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin:var(--spacing-md) 0}.defense-list li{font-size:13px;color:#059669}.info-note{color:#6b7280;font-size:12px;margin-top:var(--spacing-md);font-style:italic}.trigger-simulation{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.trigger-simulation h3{margin-bottom:var(--spacing-lg)}.trigger-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.trigger-card{padding:var(--spacing-lg);background:linear-gradient(135deg,#f0fdf4,#f3f4f6);border-radius:var(--radius-md);text-align:center}.trigger-icon{width:36px;height:36px;margin:0 auto var(--spacing-sm);color:var(--color-primary)}.trigger-label{font-size:12px;color:#6b7280;margin-bottom:var(--spacing-xs)}.trigger-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:var(--spacing-xs)}.trigger-status{font-size:12px;font-weight:600;color:var(--color-success)}.trigger-note{font-size:12px;color:#6b7280}.risk-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.risk-item{margin-bottom:var(--spacing-lg)}.risk-label{font-weight:600;margin-bottom:var(--spacing-sm);font-size:14px}.risk-bar{height:24px;background:#e5e7eb;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm)}.risk-fill{height:100%;background:linear-gradient(90deg,var(--color-warning),var(--color-danger));transition:width .3s ease}.risk-value{font-size:12px;font-weight:600;color:var(--color-warning)}.dost-shield{background:linear-gradient(135deg,#fef08a,#fef3c7);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;border-left:4px solid var(--color-warning)}.info-icon{width:32px;height:32px;margin:0 auto var(--spacing-sm);color:var(--color-warning)}.dost-shield h3{margin-bottom:var(--spacing-sm);font-size:18px}.dost-shield p{color:#92400e;margin-bottom:var(--spacing-lg);font-size:14px}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh;padding-bottom:var(--spacing-xl)}.kpi-section{padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.kpi-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-sm)}.kpi-icon{width:48px;height:48px;flex-shrink:0}.kpi-content{flex:1}.kpi-label{font-size:12px;color:#6b7280;margin-bottom:var(--spacing-xs)}.kpi-value{font-size:28px;font-weight:700;color:#1f2937}.kpi-change{font-size:12px;color:#10b981;margin-top:var(--spacing-xs)}.metric-controls{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg);flex-wrap:wrap}.metric-btn{padding:10px 20px;border:2px solid var(--color-border);background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:500}.metric-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.metric-btn:hover{border-color:var(--color-primary)}.risk-heatmap{padding:0 var(--spacing-lg)}.section-subtitle{color:#6b7280;margin:var(--spacing-md) 0 var(--spacing-lg)}.heatmap-visualization{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.legend{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px}.legend-color{width:20px;height:20px;border-radius:var(--radius-sm)}.zones-table{border-collapse:collapse;width:100%}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center}.table-header{background:#f9fafb;font-weight:600;font-size:12px;color:#6b7280}.table-row:hover{background:#f9fafb}.col-zone{display:flex;align-items:center;gap:var(--spacing-sm)}.risk-badge{padding:4px 12px;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600}.col-policies,.col-claims,.col-loss{text-align:center}.mini-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-xs)}.mini-bar-fill{height:100%;background:var(--color-warning)}.value{font-size:12px;color:#6b7280}.loss-pct{font-weight:600;color:#1f2937}.zone-insights{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.zone-insights h3{margin-bottom:var(--spacing-lg);font-size:18px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.insight-card{padding:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-lg)}.insight-card h4{font-size:16px;margin-bottom:var(--spacing-sm)}.insight-card p{font-size:13px;color:#6b7280;line-height:1.6}.fraud-monitor{padding:0 var(--spacing-lg)}.defense-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-box{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-sm)}.stat-icon{width:48px;height:48px;flex-shrink:0}.defense-layers{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.defense-layers h3{margin-bottom:var(--spacing-lg);font-size:18px}.layers-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.layer-item{padding:var(--spacing-md);background:#f9fafb;border-radius:var(--radius-md)}.layer-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:13px}.layer-name{font-weight:600;color:#1f2937}.layer-rate{color:var(--color-danger);font-weight:600}.layer-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-sm)}.layer-fill{height:100%;background:var(--color-info);transition:width .3s ease}.layer-catches{font-size:12px;color:#6b7280}.fraud-claims{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.fraud-claims h3{margin-bottom:var(--spacing-lg);font-size:18px}.claims-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.fraud-claim-item{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fafafa}.claim-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);align-items:center}.claim-id h4{font-size:15px;margin-bottom:var(--spacing-xs)}.claim-zone{font-size:12px;color:#6b7280}.claim-score{text-align:center}.score-label{font-size:12px;color:#6b7280;margin-bottom:var(--spacing-xs)}.score-value{font-size:24px;font-weight:700}.claim-status{text-align:right}.status-badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.soft_hold{background:#fef3c7;color:#92400e}.status-badge.manual_review{background:#fee2e2;color:#991b1b}.claim-details{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.trigger{font-size:13px;color:#6b7280;margin-bottom:var(--spacing-sm)}.flags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.flag{display:inline-block;padding:4px 10px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;color:#6b7280}.rba-tiers{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.rba-tiers h3{margin-bottom:var(--spacing-lg);font-size:18px}.rba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.rba-tier{padding:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-lg);text-align:center;border-left:4px solid var(--color-success)}.rba-tier.warning{border-left-color:var(--color-warning)}.rba-tier.alert{border-left-color:var(--color-danger)}.rba-tier h4{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm)}.rba-label{font-weight:600;color:#1f2937;margin-bottom:var(--spacing-xs)}.rba-desc{font-size:12px;color:#6b7280;margin-bottom:var(--spacing-md)}.outcome{display:inline-block;padding:4px 8px;background:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.rba-note{font-size:12px;color:#6b7280;text-align:center}.claims-timeline{padding:0 var(--spacing-lg)}.claims-timeline h2{margin-bottom:var(--spacing-lg);font-size:22px}.timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.timeline-item{display:flex;gap:var(--spacing-lg);position:relative}.timeline-marker{width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:2px;box-shadow:var(--shadow-sm)}.timeline-content{flex:1;background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.claim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.timeline-item h4{font-size:16px;font-weight:600}.claim-trigger{color:#6b7280;font-size:14px;margin-bottom:var(--spacing-sm)}.claim-footer{display:flex;gap:var(--spacing-md);font-size:12px;color:#9ca3af}.claim-zone{font-weight:500}.claim-payout{color:var(--color-success);font-weight:600}.claim-time{color:#9ca3af}@media (max-width: 768px){.hero-content h2{font-size:24px}.hero-buttons{flex-direction:column}.btn{width:100%}.features-grid,.triggers-grid,.profile-summary,.table-header,.table-row{grid-template-columns:1fr}.claim-header{grid-template-columns:1fr;gap:var(--spacing-md)}.onboarding-step{padding:var(--spacing-lg)}.kpi-section{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-content,.dashboard-content{animation:fadeIn .3s ease}// Build cache buster{}