:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--text-subtle);--btn-primary-hover: #2563eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #3b82f6;--success-color: #10b981;--accent-color: #22c55e;--danger-color: #ef4444;--error-bg: #fef2f2;--warning-color: #f59e0b;--warning-bg: #fef3c7;--warning-text: #92400e;--success-bg: #d1fae5;--success-text: #065f46;--danger-bg: #fee2e2;--danger-text: #991b1b;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #6b7280;--surface: #ffffff;--surface-muted: #f8fafc;--surface-subtle: #f1f5f9;--text-primary: #1e293b;--text-heading: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-subtle: #475569;--text-on-color: var(--surface);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-red-200: #fecaca;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-green-600: #16a34a;--color-green-700: #15803d;--color-emerald-600: #059669;--border-default: var(--gray-200);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--layout-wide: 1408px;--layout-content: 1200px;--layout-auth: 448px;--shadow-surface-hover: 0 8px 32px rgba(16, 185, 129, .18), var(--shadow-xl);--border-surface-hover: rgba(16, 185, 129, .35);--primary-gradient: linear-gradient( 135deg, var(--primary-color) 0%, var(--color-blue-700) 100% );--secondary-gradient: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--success-gradient: linear-gradient(135deg, var(--success-color) 0%, #047857 100%);--accent-gradient: linear-gradient( 135deg, var(--accent-color) 0%, var(--color-green-700) 100% );--green-cta-gradient: linear-gradient(180deg, #1ed760 0%, #1db954 45%, #169c46 100%);--green-cta-hover-gradient: linear-gradient( 180deg, #3be87a 0%, #1ed760 45%, #1db954 100% );--blue-cta-gradient: linear-gradient( 180deg, #4f8ff7 0%, var(--btn-primary-hover) 55%, var(--color-blue-700) 100% );--blue-cta-hover-gradient: linear-gradient( 180deg, var(--color-blue-400) 0%, var(--primary-color) 55%, var(--color-blue-700) 100% );--red-cta-gradient: linear-gradient( 180deg, #f87171 0%, var(--danger-color) 55%, var(--color-red-700) 100% );--red-cta-hover-gradient: linear-gradient( 180deg, #fca5a5 0%, #f87171 55%, var(--color-red-600) 100% );--gradient-mix: linear-gradient(90deg, rgb(121, 216, 156), var(--primary-color));--page-bg-gradient: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, .6), transparent 50%), radial-gradient(circle at 80% 70%, rgba(16, 185, 129, .5), transparent 50%), radial-gradient(circle at 60% 20%, rgba(99, 102, 241, .45), transparent 45%), radial-gradient(circle at 30% 85%, rgba(20, 184, 166, .45), transparent 45%), linear-gradient(135deg, #6a88ce 0%, var(--text-subtle) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}.incident-location-selector,.damaged-parts-selector{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.incident-location-label,.damaged-parts-label{display:block;margin-bottom:5px;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);text-align:left}.incident-location-map-wrapper{height:480px;margin-bottom:10px;border-radius:var(--radius-lg);border:1px solid #dce4ee;box-shadow:0 12px 28px -20px #0f172a73;overflow:hidden;background:#eef2f7}.incident-location-map{height:100%;width:100%;background:#eef2f7;font-family:inherit}.incident-location-map .leaflet-tile{filter:saturate(.2) brightness(1.1) contrast(.82) opacity(.92)}.incident-location-map .leaflet-control-zoom{border:1px solid #d8e1ec;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px -8px #0f172a59}.incident-location-map .leaflet-control-zoom a{width:30px;height:30px;line-height:30px;color:var(--text-secondary);border-bottom-color:#e6ecf4}.incident-location-map .leaflet-control-attribution{background:#fffc;color:var(--gray-400);font-size:10px;padding:1px 6px;border-radius:var(--radius-sm) 0 0 0}.incident-location-map .leaflet-control-attribution a{color:var(--text-muted)}.incident-marker{position:relative}.incident-marker-dot{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--btn-primary-hover);border:2px solid var(--surface);box-shadow:0 1px 5px #0f172a73}.incident-marker-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#2563eb47;animation:incident-marker-pulse 1.8s ease-out infinite}@keyframes incident-marker-pulse{0%{transform:scale(.55);opacity:.9}70%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}@media(prefers-reduced-motion:reduce){.incident-marker-ring{animation:none}}.incident-location-coordinates{font-size:14px;color:#666;margin-bottom:10px;text-align:left}.incident-location-fallback{height:480px;margin-bottom:10px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-gray-600);font-size:14px}.damaged-parts-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:10px}.damaged-parts-item{display:flex;align-items:center;padding:var(--space-2) 10px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);background-color:var(--surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.damaged-parts-item input{margin-right:var(--space-2)}.damaged-parts-item.selected{border:2px solid var(--btn-primary-hover);background-color:var(--color-blue-100)}.car-diagram-container{display:flex;justify-content:center;margin-bottom:var(--space-4);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.car-diagram-svg{max-width:500px;width:100%;height:auto}.car-diagram-svg-side{display:block;overflow:visible;max-width:none;max-height:480px}.diagram-view-toggle{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.diagram-view-toggle button{padding:.35rem var(--space-4);font-size:.85rem;border:1px solid var(--gray-300, var(--color-gray-300));border-radius:var(--radius-sm);background-color:var(--surface);color:var(--gray-600, var(--color-gray-600));cursor:pointer;transition:background-color .15s ease,color .15s ease}.diagram-view-toggle button:hover:where(:not(:disabled):not(.disabled)){background-color:var(--color-gray-100)}.diagram-view-toggle button.active{background-color:var(--primary-color, var(--btn-primary-hover));border-color:var(--primary-color, var(--btn-primary-hover));color:var(--text-on-color)}.car-part{cursor:pointer;transition:fill .2s ease,stroke .2s ease,transform .2s ease,filter .2s ease;pointer-events:auto;transform-box:fill-box;transform-origin:center}.car-part:hover{cursor:pointer;transform:scale(1.1);z-index:10;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.car-part.selected,.car-part.scratch,.car-part.medium,.car-part.heavy{transform:scale(1.07);filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.car-part.selected{fill:var(--primary-color);stroke:var(--color-blue-800);stroke-width:2;z-index:5}.car-part.scratch{fill:#fef08a;stroke:#ca8a04}.car-part.medium{fill:#fdba74;stroke:#ea580c}.car-part.heavy{fill:#f87171;stroke:var(--color-red-600)}.car-diagram-container-top{flex-direction:column;gap:var(--space-3);padding:clamp(.5rem,2vw,1.5rem);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:radial-gradient(ellipse at 50% 40%,var(--surface) 20%,#edf2f7 100%);box-shadow:inset 0 1px 0 var(--surface)}.car-diagram-svg-top{display:block;align-self:center;max-width:400px}.car-diagram-svg-top text{pointer-events:none;-webkit-user-select:none;user-select:none}.car-diagram-svg-top .car-part,.car-diagram-svg-side .car-part{transform:none;stroke-linejoin:round;transition:stroke .15s ease,stroke-width .15s ease,filter .15s ease}.car-diagram-svg-top .car-part:is(.selected,.scratch,.medium,.heavy){stroke-width:1.6;filter:none}@media(hover:hover){.car-diagram-svg-top .car-part:hover{stroke:var(--btn-primary-hover);stroke-width:1.8;filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.car-diagram-svg-top .car-part{transition:none}}.car-diagram-container-side{flex-direction:column;gap:var(--space-3);padding:clamp(.75rem,2vw,1.5rem);border:1px solid #dce4ee;border-radius:var(--radius-xl);background:radial-gradient(ellipse at 50% 35%,var(--surface) 25%,#eaf0f7 100%);box-shadow:inset 0 1px 0 var(--surface)}.car-profile-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);color:var(--text-muted);font-size:.75rem}.car-profile-heading span:first-child{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.car-diagram-svg-side .car-part{filter:none}.car-diagram-svg-side .car-part:is(.selected,.scratch,.medium,.heavy){stroke-width:1.4}.car-profile-flip{align-self:center;padding:var(--space-2) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:.8125rem;font-weight:var(--font-weight-semibold);cursor:pointer}.car-profile-flip:hover:where(:not(:disabled):not(.disabled)){background:var(--color-blue-50);border-color:var(--color-blue-300)}@media(hover:hover){.car-diagram-svg-side .car-part:hover{stroke:var(--btn-primary-hover);stroke-width:1.6;filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.car-diagram-svg-side .car-part{transition:none}}.damage-modal{position:relative;width:100%;max-width:400px;margin:var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 10px 25px #00000026;padding:var(--space-6)}.modal-title,.damage-modal-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.damage-modal-title{margin:0 0 var(--space-4) 0;text-align:center}.damage-modal-part-name{font-size:var(--font-size-base);color:var(--color-gray-600);text-align:center;margin-bottom:var(--space-6)}.damage-severity-options,.case-notes-content,.form-body,.chat-messages,.client-cell{display:flex;flex-direction:column}.damage-severity-options{gap:var(--space-3);margin-bottom:var(--space-6)}.severity-option{display:flex;align-items:center;padding:var(--space-3);border-radius:var(--radius-sm);border:2px solid var(--color-gray-300);background-color:var(--surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.severity-option:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.severity-option.selected{border-color:var(--btn-primary-hover);background-color:var(--color-blue-50)}.severity-option input{margin-right:var(--space-3)}.severity-option-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.damage-modal-actions{display:flex;gap:var(--space-2);justify-content:space-between}.damage-modal-btn{--btn-bg: var(--btn-primary-hover);--btn-hover-bg: var(--btn-bg);flex:1;padding:.625rem var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-on-color);background:var(--btn-bg);transition:filter .2s ease;border:none}.damage-modal-btn:hover:where(:not(:disabled):not(.disabled)){filter:brightness(.95)}.damage-modal-btn-save{--btn-bg: var(--btn-primary-hover)}.damage-modal-btn-cancel{--btn-bg: var(--gray-500)}.damage-modal-btn-remove{--btn-bg: var(--color-red-600)}.damaged-parts-fallback-toggle{text-align:center;margin-bottom:var(--space-4)}a{font-weight:var(--font-weight-medium);color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{max-width:var(--layout-wide);margin:0 auto;padding:0%;text-align:center}html,body{min-width:100%;min-height:100%;overflow-x:hidden}body{margin:0;padding:0;min-width:100%;min-height:100vh;min-height:100dvh;position:relative;background:var(--page-bg-gradient);background-attachment:fixed}.container{max-width:var(--layout-wide)!important}.App{max-width:var(--layout-content);margin:0 auto;padding:var(--space-8);background:transparent;position:relative;z-index:1}.page-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:transparent;overflow:hidden}h1{color:var(--text-heading);text-align:center;margin-bottom:var(--space-6);font-size:2.5em;line-height:1.2;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-heading) 0%,var(--text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{text-align:center}video{background-color:#eee}button,.btn{--btn-bg: var(--primary-gradient);--btn-hover-bg: linear-gradient(135deg, #4f46e5 0%, var(--btn-primary-hover) 100%);--btn-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), inset 0 1.5px 0 rgba(255, 255, 255, .3);--btn-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -2px rgba(0, 0, 0, .1), inset 0 1.5px 2px rgba(255, 255, 255, .45);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin:10px 5px;padding:var(--space-3) var(--space-6);cursor:pointer;border:1px solid rgba(0,0,0,.1);border-bottom:3px solid rgba(0,0,0,.25);border-radius:50px;background:var(--btn-bg);color:var(--btn-color, var(--text-on-color));font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:.01em;line-height:1.2;text-align:center;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:var(--btn-shadow);overflow:hidden}button:hover:where(:not(:disabled):not(.disabled)),.btn:hover:where(:not(:disabled):not(.disabled)){transform:translateY(-2px) scale(1.03);background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled,.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--space-4);text-align:left;display:flex;flex-direction:column}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-align:left}.form-input,.form-field-input,.form-field-textarea,.field-input,.field-select,.chat-input,.case-notes-textarea{width:100%;box-sizing:border-box;border:1px solid var(--gray-300);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-field-input:focus,.form-field-textarea:focus,.chat-input:focus,.case-notes-textarea:focus{outline:none;border-color:var(--primary-color);background-color:var(--surface);box-shadow:0 0 0 4px #3b82f626}.form-input,.form-field-input,.form-field-textarea{border-radius:var(--radius-lg);background-color:#ffffffe6;font-size:var(--font-size-base);box-shadow:inset 0 2px 4px #00000005}.form-input{height:48px;line-height:1.25;padding:0 var(--space-4)}.form-field-input,.form-field-textarea{display:block;padding:var(--space-3) var(--space-4)}.form-field-input{height:48px}.form-field-input.has-error,.form-field-textarea.has-error{border-color:var(--danger-color)}.form-field-input.has-error:focus,.form-field-textarea.has-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 4px #ef444426}.form-field-error{color:var(--color-red-600);font-size:13px;margin:6px 0 0;text-align:left}input[type=datetime-local].form-field-input{color-scheme:light}.form-field-textarea{min-height:120px;resize:vertical}select.form-input,select.form-field-input{height:48px;line-height:1.25}.form-description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--gray-500);text-align:left}.form-checkbox-group{display:flex;align-items:center;margin-bottom:var(--space-4)}.form-checkbox{margin-right:var(--space-2)}.form-button{display:block;width:100%;margin:0;padding:var(--space-3) var(--space-6);background:var(--primary-gradient);color:var(--text-on-color);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.form-button:hover:where(:not(:disabled):not(.disabled)){box-shadow:var(--shadow-lg)}.form-grid{--grid-col-min: 250px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-col-min),1fr));gap:var(--space-4)}@media(prefers-color-scheme:light){:root{color:#213547}a:hover{color:#4e58eb}}.modal-overlay,.damage-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080}.modal-overlay{z-index:9999;padding:var(--space-4)}.damage-modal-overlay{z-index:10000}.modal{position:relative;width:100%;max-width:64rem;max-height:calc(100vh - 32px);margin:0 auto;border-radius:var(--radius-xl);background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-xl);text-align:center;animation:modalFadeIn var(--transition-base);display:flex;flex-direction:column;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header,.chat-widget-header,.chat-header,.screenshot-meta{display:flex;align-items:center;justify-content:space-between}.modal-header{gap:var(--space-3);padding:var(--space-2) 20px;border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.modal-title{margin:0}.modal-close{border:none;background:transparent;color:var(--gray-500);border-radius:var(--radius-sm);padding:6px;display:inline-flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold);line-height:1}.modal-close:hover:where(:not(:disabled):not(.disabled)){background:var(--color-gray-100);color:var(--color-gray-900)}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-1);max-height:none;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-scroll{padding:var(--space-3);max-height:none;overflow-y:auto;overflow-x:auto}.modal-footer{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1);border-top:1px solid var(--color-gray-200);justify-content:center}.modal-title-section{text-align:center;margin-left:auto;margin-right:auto}.data-table{width:100%;max-width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.data-table table{width:100%;table-layout:fixed;border-collapse:collapse}.data-table thead th,.data-table td{padding:14px var(--space-4);text-align:center!important}.data-table thead th{z-index:10;background:linear-gradient(180deg,var(--surface-muted) 0%,var(--surface-subtle) 100%);color:var(--text-secondary);font-weight:var(--font-weight-bold);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border-default)}.data-table td{font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--surface-subtle);vertical-align:middle}.data-table tbody td.td.table-actions{white-space:normal;text-align:center!important}.data-table tbody tr{position:relative;transition:all .2s ease;background:var(--surface);border-bottom:1px solid #2b60a7}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-muted);box-shadow:inset 3px 0 0 var(--primary-color);z-index:1}.cell-heading{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.truncate-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-name{max-width:160px}.col-id{max-width:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.col-email{max-width:200px}.col-webhook,.col-apikey{max-width:220px}.expand-toggle{border:none;background:transparent;color:var(--color-gray-800);padding:0 6px;margin-right:6px;line-height:1}.truncate-inline{display:inline-block;max-width:100%}.badge{--badge-bg: var(--gray-200);--badge-color: var(--text-primary);display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:16px;font-weight:720;line-height:1.25;background:var(--badge-bg);color:var(--badge-color)}.badge-success{--badge-bg: var(--success-bg);--badge-color: var(--success-text)}.badge-warning{--badge-bg: var(--warning-bg);--badge-color: var(--warning-text)}.badge-danger{--badge-bg: var(--danger-bg);--badge-color: var(--danger-text)}.btn-primary{--btn-bg: var(--primary-gradient);--btn-hover-bg: linear-gradient(135deg, #4f8ff7 0%, var(--btn-primary-hover) 100%);letter-spacing:.025em}.btn-green{--btn-bg: var(--accent-gradient);--btn-hover-bg: linear-gradient(135deg, #4ade80 0%, var(--color-green-600) 100%)}.btn-indigo{--btn-bg: var(--success-gradient);--btn-hover-bg: linear-gradient(135deg, #14b8a6 0%, #047857 100%)}.btn-purple{--btn-bg: var(--secondary-gradient);--btn-hover-bg: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%)}.btn-secondary{--btn-bg: var(--gradient-mix);--btn-hover-bg: linear-gradient(90deg, rgb(141, 226, 176), #4f8ff7)}.control-full{width:100%}.screenshot-section{margin-top:var(--space-4)}.screenshot-header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.screenshot-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.screenshot-grid,.form-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-col-min),1fr));gap:var(--space-3)}.screenshot-grid{--grid-col-min: 200px}.screenshot-card{border:1px solid #d6eaf8;border-radius:var(--radius-md);overflow:hidden;background:transparent}.screenshot-thumb{width:100%;height:150px;object-fit:cover;display:block;background:var(--color-gray-100)}.screenshot-meta{padding:var(--space-2) 10px;font-size:12px;color:var(--color-gray-600)}.screenshot-actions{padding:var(--space-2) 10px var(--space-3) 10px}.screenshot-button,.chip-button{background-image:var(--gradient-mix);color:var(--text-on-color);font-size:12px;transition:filter .2s ease}.screenshot-button:hover:where(:not(:disabled):not(.disabled)),.chip-button:hover:where(:not(:disabled):not(.disabled)){filter:brightness(.95)}.screenshot-button{width:100%;border:none;border-radius:var(--radius-sm);padding:6px 10px}.btn-danger{--btn-bg: var(--red-cta-gradient);--btn-hover-bg: var(--red-cta-hover-gradient);--btn-shadow: 0 8px 18px rgba(239, 68, 68, .28), 0 2px 4px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .35);--btn-hover-shadow: 0 12px 24px rgba(239, 68, 68, .34), 0 4px 8px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .42);border-color:#dc262673;border-bottom-color:#7f1d1d;border-radius:var(--radius-sm)}.btn-danger:focus{outline:2px solid var(--danger-color);outline-offset:2px}.chip-button{display:inline-flex;align-items:center;justify-content:center;width:14rem;height:2rem;padding:0 var(--space-4);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-pill);overflow:hidden;box-sizing:border-box}.chip-button-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.chip-title{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard{width:100%;max-width:var(--layout-wide);margin:0 auto;padding:var(--space-4);box-sizing:border-box;text-align:left;min-width:0}.dashboard.dashboard-wide{max-width:none}#root:has(.dashboard-wide){max-width:none}.dashboard-wide .dashboard-header{padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-default)}.dashboard-wide .dashboard-main{grid-template-columns:1fr}.dashboard-wide .panel-header.between{display:grid;grid-template-columns:1fr auto 1fr}.dashboard-wide .panel-header.between>:first-child{grid-column:2;text-align:center}.dashboard-wide .panel-header.between>.btn{grid-column:3;justify-self:end}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.page-title{margin:0;text-align:left;font-size:2rem}.layout-row,.sidebar,.panel{min-width:0}.dashboard-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start}.dashboard-main>*{min-width:0}.panel-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.panel-header.between{justify-content:space-between}.panel-header .btn{margin:0}.panel-footer{padding:var(--space-4)}.small{font-size:.85rem}.strong,.client-name{font-weight:var(--font-weight-semibold)}@media(max-width:1100px){.dashboard-main{grid-template-columns:1fr}}@media(max-width:640px){.dashboard{padding:var(--space-3)}.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-header>.btn{margin:0;width:100%}}.dashboard-grid,.details-grid{display:grid;grid-template-columns:1fr}.dashboard-grid{gap:var(--space-6);width:100%;max-width:100%;box-sizing:border-box}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.dashboard-main{grid-column:span 2 / span 2}}.dashboard-grid>*{min-width:0}.cases-grid{grid-template-columns:1fr 1fr;align-items:start;row-gap:var(--space-4)}.cases-list,.cases-details{grid-column:1 / -1}.cases-details .card-section{max-height:24rem;overflow-y:auto}.card,.form-photo-card,.form-review-card{--card-bg: rgba(255, 255, 255, .98);--card-backdrop: blur(10px);--card-radius: var(--radius-lg);--card-border-color: rgba(255, 255, 255, .2);--card-shadow: var(--shadow-lg);--card-hover-shadow: var(--shadow-surface-hover);--card-hover-border-color: var(--border-surface-hover);padding:var(--space-1);background:var(--card-bg);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);border-radius:var(--card-radius);border:1px solid var(--card-border-color);box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.card:hover,.form-photo-card:hover,.form-review-card:hover{box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border-color);z-index:1}.card-header{background:linear-gradient(135deg,#10b98114,#3b82f614);padding:5px 6px;border-bottom:1px solid rgba(16,185,129,.15)}.card-title,.case-notes-title,.screenshots-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.5rem;color:var(--color-gray-900)}.card-title{margin:0}.card-heading{display:flex;flex-direction:column;gap:var(--space-1)}.card-subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--gray-500)}h3.panel-title{display:inline-block;margin:0;padding:6px var(--space-3);font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:1.5rem;border-radius:5%;background:#e9cbcb59;-webkit-backdrop-filter:blur(8px) saturate(260%);backdrop-filter:blur(28px) saturate(260%);border:1px solid rgba(122,26,26,.2);color:#2373a8;box-shadow:0 4px 12px #00000014}.scrolling-area{max-height:24rem;overflow-y:auto}.list{list-style:none;margin:0;padding:0}.list-item{position:relative;padding:var(--space-1);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,z-index 0s;z-index:0}.list-item:hover{background:var(--success-bg);box-shadow:inset 3px 0 0 var(--success-color),0 2px 12px #10b9812e;z-index:1}.list li+li .list-item{border-top:1px solid var(--color-gray-200)}.list-item.is-selected{background:var(--danger-bg)}.cases-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.view-toggle{display:inline-flex;gap:var(--space-1);flex-shrink:0}.view-toggle-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--surface);color:var(--gray-500);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.view-toggle-button svg{width:18px;height:18px}.view-toggle-button:hover:where(:not(:disabled):not(.disabled)){background:var(--success-bg);color:var(--success-text);border-color:#10b98166}.view-toggle-button.is-active{background:var(--primary-gradient);color:var(--text-on-color);border-color:transparent}.cases-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:var(--space-2)}.case-card{position:relative;padding:10px;background:#ffffffe6;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;z-index:0}.case-card:hover{background:var(--success-bg);box-shadow:0 2px 12px #10b9812e;transform:translateY(-1px);z-index:1}.case-card.is-selected{background:var(--danger-bg);border-color:var(--color-red-200)}.case-card-thumb-wrap{position:relative}.case-card-thumb{display:block;width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-gray-100)}.screenshot-thumb-placeholder,.case-card-thumb-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-gray-400);font-size:.85rem;box-sizing:border-box}.case-card-status-wrap{position:absolute;top:6px;right:6px}.case-card-email{margin-top:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);word-break:break-word}.case-card-date{margin-top:2px;font-size:.85rem;color:var(--gray-500)}.row-between{display:flex;justify-content:space-between;align-items:flex-start}.row-center{display:flex;align-items:center;gap:var(--space-2)}.text-strong{color:var(--color-gray-900);text-decoration:underline;font-weight:var(--font-weight-semibold)}.muted{color:var(--gray-500);font-size:var(--font-size-sm)}.placeholder{padding:var(--space-4) var(--space-4);text-align:center;color:var(--gray-500)}.card-section{border-top:1px solid var(--color-gray-200);padding:20px var(--space-6)}.details-grid{column-gap:var(--space-4);row-gap:var(--space-6)}@media(min-width:640px){.details-grid{grid-template-columns:repeat(2,1fr)}.btn-md{font-size:.95rem;min-width:120px}}.details-term{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-500)}.details-desc{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-gray-900)}.actions-row{border-bottom:1px solid var(--color-gray-200)}.filters{background:#ffffffb3;border:1px solid #d6eaf8;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.video-chat-container{width:100%;height:100%;background-color:var(--color-gray-900);color:var(--text-on-color);padding:var(--space-4);display:flex;flex-direction:column}.video-area{height:80vh;display:flex;align-items:center;justify-content:center}.video-wrapper{position:relative;background-color:var(--color-gray-800);border-radius:var(--radius-md);overflow:hidden;width:100%;margin:0 auto;height:100%}.video-canvas,.video-element{width:100%;height:100%;object-fit:cover}.video-label{position:absolute;bottom:.5rem;left:.5rem;background-color:#00000080;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.agent-mode-badge{position:absolute;top:.5rem;right:.5rem;background-color:#16a34ab3;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:.75rem}.controls-container{flex-shrink:0;padding-top:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.controls-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center}.video-btn{--btn-bg: var(--btn-primary-hover);--btn-hover-bg: var(--color-blue-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;color:var(--text-on-color);background:var(--btn-bg);font-size:var(--font-size-sm);transition:filter .2s,transform .15s ease}.video-btn:hover:not(:disabled){filter:brightness(1.1);background:var(--btn-hover-bg);transform:scale(1.05)}.video-btn-blue{--btn-bg: var(--btn-primary-hover);--btn-hover-bg: var(--color-blue-700)}.video-btn-gray{--btn-bg: var(--color-gray-600);--btn-hover-bg: var(--color-gray-700)}.video-btn-red{--btn-bg: var(--color-red-600);--btn-hover-bg: var(--color-red-700)}.video-btn-green{--btn-bg: var(--color-green-600);--btn-hover-bg: var(--color-green-700)}.case-notes-section,.screenshots-section{flex-shrink:0;padding-top:var(--space-4)}.case-notes-title,.screenshots-title{margin-bottom:var(--space-2)}.case-notes-content{margin-top:var(--space-2);gap:var(--space-4)}.case-notes-field label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-400);margin-bottom:var(--space-1)}.case-notes-textarea{display:block;font-size:var(--font-size-sm);border-color:var(--color-gray-300);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-gray-900);background-color:var(--color-gray-50);box-shadow:0 1px 2px #0000000d}.case-notes-textarea:read-only{cursor:not-allowed;background-color:var(--color-gray-100)}.screenshots-grid,.reports-grid{display:grid;grid-template-columns:1fr 1fr}.screenshots-grid{margin-top:var(--space-2);gap:var(--space-2)}@media(min-width:768px){.screenshots-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.screenshots-grid{grid-template-columns:repeat(6,1fr)}}.screenshot-item{position:relative}.screenshot-img{width:100%;height:auto;border-radius:var(--radius-xs)}.screenshot-status{position:absolute;bottom:0;left:0;background-color:#00000080;font-size:.75rem;padding:.125rem var(--space-1)}.reports-container{max-width:900px;margin:0 auto;width:100%;background:var(--surface);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:0 2px 10px #0000001a}.reports-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);border-bottom:1px solid #eee;padding-bottom:var(--space-4)}.reports-header-section h2{margin:0;color:#2c3e50}.reports-actions{display:flex;gap:var(--space-3)}.btn-send-report,.btn-skip-report{--report-bg: #3498db;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-xs);font-weight:700;color:var(--text-on-color);background:var(--report-bg)}.btn-send-report:disabled,.btn-skip-report:disabled{opacity:.7;cursor:not-allowed}.btn-skip-report.active{--report-bg: #e74c3c}.btn-skip-report.inactive{--report-bg: #f39c12}.report-error{color:#e74c3c;padding:var(--space-3);background:#fadbd8;border-radius:var(--radius-xs);margin-bottom:var(--space-4)}.report-timestamp{color:#7f8c8d;font-size:14px;margin-bottom:var(--space-6)}.reports-grid{gap:var(--space-6)}.report-section{margin-top:var(--space-6)}.reports-grid .report-section{margin-top:0}.report-section h3{color:#34495e;border-bottom:2px solid #3498db;padding-bottom:var(--space-2);margin-top:0;margin-bottom:var(--space-4)}.report-table{width:100%;border-collapse:collapse}.report-table.bordered{border:1px solid #eee}.report-table th{background:#2c3e50;color:var(--text-on-color);padding:10px}.report-table .cell-align-start{text-align:left}.report-table td{padding:var(--space-2);border-top:1px solid #eee}.report-table.bordered td{padding:10px}.report-table tr.highlight{background:#f0f9ff}.report-table tr.alt-row:nth-child(2n){background:#f8f9fa}.report-table tr.alt-row:nth-child(odd){background:var(--surface)}.report-table .val{font-weight:700;text-align:right}.report-table .val-center{text-align:center}.report-table .val-center.bold{font-weight:700}.report-table .text-success{color:#27ae60}.report-table .agent-info{font-weight:700}.report-table .agent-email{font-size:12px;color:#7f8c8d}.report-empty{color:#7f8c8d;font-style:italic;padding:var(--space-3) 0}@media(max-width:768px){.cases-grid{grid-template-columns:1fr}}.filters-left,.filters-right{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) 1.25rem 1.25rem;transition:box-shadow .2s ease,border-color .2s ease}.filters-left:hover,.filters-right:hover{box-shadow:var(--shadow-surface-hover);border-color:var(--border-surface-hover)}.field-group{display:flex;flex-direction:column;margin-bottom:.875rem}.field-label{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--text-subtle);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.03em}.field-input,.field-select{padding:.45rem .6rem;border-radius:var(--radius-sm);font-size:.9rem;background:var(--surface)}.field-input:focus,.field-select:focus{border-color:var(--success-color);box-shadow:0 0 0 2px #10b98126}.table-actions{text-align:right}td.table-actions{display:block}.table-actions .btn{display:inline-flex;margin-left:0!important;margin-bottom:var(--space-1);flex-shrink:0}.App.form-page{max-width:none;width:100%;min-height:100vh;margin:0;padding:2.5rem 1.25rem 3rem;background:transparent;position:relative;overflow:hidden}.form-container{max-width:720px;margin:0 auto;padding:36px 40px 40px;background:#ffffffeb;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-radius:var(--radius-2xl);color:var(--text-subtle);box-shadow:0 24px 60px -16px #0f172a59,0 8px 20px -5px #0f172a1f,inset 0 1px #ffffffb3;border:1px solid rgba(255,255,255,.45);position:relative;z-index:1}.form-page-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:18px}.form-back-link{--btn-bg: rgba(255, 255, 255, .92);--btn-hover-bg: var(--surface);--btn-shadow: 0 6px 16px rgba(15, 23, 42, .12);--btn-hover-shadow: 0 10px 22px rgba(15, 23, 42, .16);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;margin:0;border:1px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(37,99,235,.28);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--color-blue-700);font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.01em;line-height:1.2;white-space:nowrap;overflow:visible;box-shadow:var(--btn-shadow);cursor:pointer}.form-back-link:hover{text-decoration:none;background:var(--btn-hover-bg);color:var(--color-blue-800)}.form-kicker{display:inline-flex;align-items:center;padding:var(--space-1) 10px;border-radius:var(--radius-pill);background:var(--color-blue-50);color:var(--color-blue-700);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.completed-shell{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:var(--space-4);padding-bottom:max(1rem,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}.completed-card{max-width:420px;width:100%;padding:var(--space-6) 28px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}.completed-check{width:56px;height:56px;margin-bottom:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ecfdf5;color:var(--color-emerald-600);font-size:1.75rem;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px #10b98140}.completed-card .form-kicker{margin-bottom:var(--space-3)}.completed-copy{text-align:center;margin-bottom:20px;max-width:28rem}.completed-case-id{display:flex;flex-direction:column;gap:var(--space-1);width:100%;margin-bottom:20px;padding:14px var(--space-4);border-radius:var(--radius-xl);background:#f8fafcd9;border:1px solid var(--border-default);color:var(--text-muted);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.completed-case-id strong{color:var(--text-heading);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;text-transform:none;word-break:break-all}.completed-photo{display:block;width:auto;max-width:120px;max-height:90px;height:auto;margin:0 auto var(--space-4);border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 8px 20px -8px #0f172a47}.form-container h1{text-align:center;color:var(--text-heading);font-size:1.85rem;font-weight:900;letter-spacing:-.03em;margin:0 0 var(--space-2)}.form-subtitle,.form-subtitle-sm{margin-bottom:var(--space-6);text-align:left;color:var(--gray-500)}.form-section{display:flex;flex-direction:column;gap:var(--space-4);padding:20px 20px 22px;border-radius:var(--radius-xl);background:#f8fafcd9;border:1px solid var(--border-default)}.form-section-head{text-align:left}.form-section-title{margin:0 0 var(--space-1);color:var(--text-heading);font-size:1.05rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.form-section-copy{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.form-subtitle-sm{font-size:14px}.form-steps{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.form-step{display:flex;align-items:center;gap:6px}.form-step-bubble{--step-bubble-bg: var(--color-gray-200);--step-bubble-color: var(--gray-500);--step-bubble-shadow: none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .25s ease;flex-shrink:0;background-color:var(--step-bubble-bg);color:var(--step-bubble-color);box-shadow:var(--step-bubble-shadow)}.form-step-bubble.done{--step-bubble-bg: var(--accent-color);--step-bubble-color: var(--surface);--step-bubble-shadow: 0 2px 6px rgba(34, 197, 94, .35)}.form-step-bubble.current{--step-bubble-bg: var(--primary-color);--step-bubble-color: var(--surface);--step-bubble-shadow: 0 0 0 4px rgba(59, 130, 246, .2), 0 2px 6px rgba(59, 130, 246, .35);transform:scale(1.08)}.form-step-label{--step-label-color: var(--color-gray-400);--step-label-weight: 400;font-size:13px;color:var(--step-label-color);font-weight:var(--step-label-weight)}.form-step-label.active{--step-label-color: var(--color-gray-800);--step-label-weight: 600}.form-step-label.inactive{--step-label-color: var(--color-gray-400);--step-label-weight: 400}.form-step-line{--step-line-bg: var(--color-gray-200);width:24px;height:3px;border-radius:2px;transition:background-color .25s ease;background-color:var(--step-line-bg)}.form-step-line.done{--step-line-bg: var(--accent-color)}@media(max-width:560px){.form-container{padding:var(--space-6) 18px}.form-step-label{display:none}.form-step-line{width:16px}}.form-body{gap:var(--space-4)}.form-field-label{display:block;margin-bottom:6px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:13px;letter-spacing:.01em;text-align:left}.form-photo-hint{color:var(--color-gray-700)}.form-photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;padding:28px 20px;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--surface-muted);box-shadow:inset 0 1px 2px #0f172a0a;font-size:15px;font-weight:var(--font-weight-medium);letter-spacing:normal;color:var(--color-gray-600);transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;overflow:visible}.form-photo-add:hover:where(:not(:disabled):not(.disabled)){transform:none;border-color:var(--primary-color);background:var(--color-blue-50);color:var(--btn-primary-hover);box-shadow:0 4px 12px #3b82f61f}.form-photo-add-icon{font-size:28px;line-height:1}.form-photo-add-title{font-weight:var(--font-weight-semibold);font-size:16px}.form-photo-add-hint{font-size:13px;color:var(--gray-400)}.form-photo-grid{--grid-col-min: 140px}.form-photo-card{--card-bg: var(--surface);--card-backdrop: none;--card-radius: 10px;--card-border-color: var(--color-gray-200);--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .12);--card-hover-border-color: var(--color-gray-200);position:relative;padding:0;transition:transform .15s ease,box-shadow .15s ease}.form-photo-card:hover{transform:translateY(-2px)}.form-photo-img{width:100%;height:120px;object-fit:cover}.form-photo-remove{--photo-remove-hover-bg: var(--danger-color);position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0f172aa6;color:var(--text-on-color);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.form-photo-remove:hover:where(:not(:disabled):not(.disabled)){background:var(--photo-remove-hover-bg)}.form-photo-name{padding:var(--space-1) 6px;font-size:11px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-photo-count{font-size:13px;color:var(--color-gray-400)}.form-review-title{margin:0;color:var(--color-gray-800)}.form-review-card{--card-bg: var(--surface-muted);--card-backdrop: none;--card-border-color: var(--gray-200);--card-shadow: none;--card-hover-shadow: none;--card-hover-border-color: var(--border-default);padding:20px;text-align:left}.form-review-row{padding:var(--space-2) 0;border-bottom:1px solid #eef2f7;color:var(--text-secondary)}.form-review-row:last-of-type{border-bottom:none}.form-review-row strong{color:var(--text-heading);margin-right:6px}.form-review-desc{margin:var(--space-1) 0 0;white-space:pre-wrap;color:var(--color-gray-700)}.form-review-photos{display:flex;gap:var(--space-2);flex-wrap:wrap}.form-review-thumb{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.form-error{padding:var(--space-3) 14px;background-color:var(--error-bg);color:var(--color-red-700);margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-red-200);font-size:14px}.form-radio-group{display:flex;gap:var(--space-6);margin-top:6px;justify-content:center}.form-radio-label{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--color-gray-700);cursor:pointer}.form-radio-label input[type=radio]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:var(--space-3)}.button-primary,.button-outline,.button-danger,.form-btn-submit,.fallback-toggle-btn{--btn-bg: var(--blue-cta-gradient);--btn-hover-bg: var(--blue-cta-hover-gradient);--btn-color: var(--surface);--btn-border: rgba(29, 78, 216, .45);--btn-bottom-border: var(--color-blue-900);--btn-shadow: 0 8px 18px rgba(37, 99, 235, .28), 0 2px 4px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .35);--btn-hover-shadow: 0 12px 24px rgba(37, 99, 235, .34), 0 4px 8px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .42);--btn-hover-filter: brightness(1.04);display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:132px;margin:0;padding:14px 28px;gap:var(--space-2);border-radius:var(--radius-lg);border:1px solid transparent;border-bottom-width:3px;font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.01em;line-height:1.2;text-align:center;white-space:nowrap;position:relative;overflow:hidden;color:var(--btn-color);background:var(--btn-bg);border-color:var(--btn-border);border-bottom-color:var(--btn-bottom-border);box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,filter .15s ease}.button-primary:hover:not(:disabled),.button-outline:hover:not(:disabled),.button-danger:hover:not(:disabled),.form-btn-submit:hover:not(:disabled),.fallback-toggle-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);filter:var(--btn-hover-filter);color:var(--btn-hover-color, var(--btn-color));background:var(--btn-hover-bg);border-color:var(--btn-hover-border, var(--btn-border));border-bottom-color:var(--btn-hover-bottom-border, var(--btn-bottom-border));box-shadow:var(--btn-hover-shadow)}.button-primary:disabled,.button-outline:disabled,.button-danger:disabled,.form-btn-submit:disabled,.fallback-toggle-btn:disabled{cursor:not-allowed;opacity:.55;transform:none;filter:none;box-shadow:var(--shadow-sm)}.form-btn-submit{--btn-bg: linear-gradient( 180deg, #4ade80 0%, var(--accent-color) 45%, var(--btn-primary-hover) 100% );--btn-hover-bg: linear-gradient( 180deg, #4ade80 0%, var(--accent-color) 45%, var(--btn-primary-hover) 100% );--btn-border: rgba(21, 128, 61, .35);--btn-bottom-border: #14532d;--btn-shadow: 0 8px 18px rgba(34, 197, 94, .28), 0 2px 4px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .35);--btn-hover-shadow: 0 12px 24px rgba(34, 197, 94, .34), 0 4px 8px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .42)}.button-outline{--btn-bg: linear-gradient(180deg, var(--surface) 0%, var(--surface-subtle) 100%);--btn-hover-bg: linear-gradient(180deg, var(--surface) 0%, var(--color-blue-100) 100%);--btn-color: var(--color-blue-800);--btn-hover-color: var(--color-blue-700);--btn-border: var(--color-blue-300);--btn-hover-border: var(--color-blue-400);--btn-bottom-border: var(--color-blue-400);--btn-hover-bottom-border: var(--primary-color);--btn-shadow: 0 6px 14px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .9);--btn-hover-shadow: 0 10px 20px rgba(59, 130, 246, .16), 0 2px 4px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .95);--btn-hover-filter: none}.button-danger{--btn-bg: var(--red-cta-gradient);--btn-hover-bg: var(--red-cta-gradient);--btn-border: rgba(153, 27, 27, .45);--btn-bottom-border: #7f1d1d;--btn-shadow: 0 8px 18px rgba(239, 68, 68, .28), 0 2px 4px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .3);--btn-hover-shadow: 0 12px 24px rgba(239, 68, 68, .34), 0 4px 8px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .38)}.form-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);margin-top:var(--space-2)}.form-actions .form-btn-submit,.form-actions .button-primary{width:100%;min-height:52px;padding:var(--space-4) 28px;font-size:16px}@media(max-width:480px){.form-nav{flex-direction:column-reverse;align-items:stretch}.form-btn-submit,.button-primary,.button-outline,.button-danger{width:100%;min-width:0}}.chat-widget-btn,.chat-widget-close,.chat-faq-btn,.chat-start-btn,.chat-send-btn,.chat-back-btn,.chat-claim-btn,.chat-close-btn{margin:0;overflow:visible;white-space:normal;letter-spacing:normal;border-bottom-width:1px}.landing-btn,.chat-widget-btn{--btn-bg: var(--blue-cta-gradient);--btn-hover-bg: var(--blue-cta-hover-gradient);--btn-border: rgba(255, 255, 255, .45);--btn-bottom-rim: rgba(15, 23, 42, .35);--btn-shadow: 0 16px 36px -4px rgba(35, 60, 172, .55), 0 4px 12px rgba(15, 23, 42, .22), inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -1px 2px rgba(15, 23, 42, .25);--btn-hover-shadow: 0 22px 44px -4px rgba(35, 60, 172, .65), 0 6px 16px rgba(15, 23, 42, .26), inset 0 1px 1px rgba(255, 255, 255, .75), inset 0 -1px 2px rgba(15, 23, 42, .3);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--btn-border);border-bottom:2px solid var(--btn-bottom-rim);color:var(--text-on-color);background:var(--btn-bg);box-shadow:var(--btn-shadow);text-shadow:0 1px 2px rgba(15,23,42,.35);font-weight:var(--font-weight-semibold);white-space:normal;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),filter .2s ease,background .2s ease}.landing-btn:hover:where(:not(:disabled):not(.disabled)),.chat-widget-btn:hover:where(:not(:disabled):not(.disabled)){background:var(--btn-hover-bg);transform:translateY(-3px) scale(1.02);box-shadow:var(--btn-hover-shadow)}.landing-btn:active:where(:not(:disabled):not(.disabled)),.chat-widget-btn:active:where(:not(:disabled):not(.disabled)){transform:translateY(-1px) scale(.99);box-shadow:0 8px 20px -2px #0f172a66,0 2px 6px #0f172a40,inset 0 1px 2px #0f172a66}.chat-widget-btn{position:relative;bottom:auto;right:auto;z-index:auto;gap:12px;padding:10px 22px 10px 10px;font-size:14px}.chat-btn-label{white-space:nowrap}.chat-badge{background-color:var(--danger-color);color:var(--text-on-color);font-size:12px;font-weight:var(--font-weight-bold);border-radius:10px;padding:2px var(--space-2);min-width:20px;text-align:center}.chat-widget-wrapper{position:fixed;bottom:20px;right:20px;z-index:9999}.chat-widget-panel{position:relative;bottom:auto;right:auto;z-index:auto;width:392px;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);height:auto;min-height:160px;background-color:var(--surface);border-radius:20px;box-shadow:0 24px 60px #0f172a47,0 8px 20px #0f172a1f;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(226,232,240,.9);transform-origin:bottom right;animation:chatPanelOpen .4s cubic-bezier(.16,1,.3,1) both}@keyframes chatPanelOpen{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-widget-header{padding:16px var(--space-4);background:linear-gradient(180deg,#3b82f6 0%,var(--btn-primary-hover) 50%,var(--color-blue-800) 100%);color:var(--text-on-color);flex-shrink:0;align-items:center;border-bottom:1px solid rgba(15,23,42,.28);box-shadow:inset 0 1px 1px #ffffff73,0 4px 12px #0f172a26}.chat-widget-brand{display:flex;align-items:center;gap:12px;min-width:0}.chat-widget-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff47,#ffffff1a);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 1px #ffffff80,0 2px 4px #0f172a33;flex-shrink:0}.chat-widget-heading{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.chat-widget-title,.chat-header{font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;text-shadow:0 1px 2px rgba(15,23,42,.4)}.chat-widget-subtitle{font-size:11px;font-weight:var(--font-weight-medium);opacity:.9;margin-top:2px;text-shadow:0 1px 2px rgba(15,23,42,.3)}.chat-widget-close{background:linear-gradient(180deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);color:var(--text-on-color);font-size:15px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px 1px #fff6,0 2px 4px #0f172a2e;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.chat-widget-close:hover:where(:not(:disabled):not(.disabled)){background:linear-gradient(180deg,#ffffff59,#ffffff26);transform:scale(1.05);opacity:1;box-shadow:inset 0 1px 1px #fff9,0 4px 8px #0f172a40}.chat-widget-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-start-form{padding:var(--space-4) var(--space-4) 18px;flex-shrink:0}.chat-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3)}.chat-intro-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-blue-50);color:var(--btn-primary-hover)}.chat-intro .chat-header{padding:0;background:none;border:none;font-size:16px;color:var(--text-heading)}.chat-intro-copy{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45;text-align:left}.chat-list-hint{margin:0 var(--space-4) var(--space-2);color:var(--text-muted);font-size:12px;text-align:left}.chat-header{padding:10px 14px;background-color:var(--surface-muted);border-bottom:1px solid var(--border-default);gap:var(--space-2);flex-shrink:0}.chat-input{padding:6px 10px;border-radius:var(--radius-sm);font-size:14px}.chat-start-btn,.chat-send-btn{--btn-bg: var(--primary-color);--btn-hover-bg: var(--btn-primary-hover);background:var(--btn-bg);color:var(--text-on-color);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);transition:transform .15s ease,background-color .15s ease}.chat-start-btn{width:100%;padding:var(--space-3);font-size:14px;margin-top:var(--space-2);box-shadow:0 8px 18px #2563eb3d}.chat-start-btn:hover:not(:disabled),.chat-send-btn:hover:not(:disabled){background:var(--btn-hover-bg);transform:scale(1.03)}.chat-start-btn:disabled{opacity:.6;cursor:not-allowed}.chat-conversation,.chat-conversation-list{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:300px}.chat-agent-status,.chat-waiting-status,.chat-closed-status{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--chat-status-color);background:var(--chat-status-bg, transparent);padding:3px var(--space-2);border-radius:var(--radius-pill)}.chat-agent-status{--chat-status-color: var(--success-text);--chat-status-bg: var(--success-bg)}.chat-waiting-status{--chat-status-color: var(--warning-text);--chat-status-bg: var(--warning-bg)}.chat-closed-status{--chat-status-color: var(--danger-text);--chat-status-bg: var(--danger-bg)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);gap:var(--space-1)}.chat-empty{text-align:center;color:var(--gray-400);font-size:13px;padding:20px var(--space-2)}.chat-message{--msg-justify: flex-start;display:flex;justify-content:var(--msg-justify);margin-bottom:2px}.chat-message-own{--msg-justify: flex-end}.chat-message-other{--msg-justify: flex-start}.chat-message-bubble{--msg-bubble-bg: var(--surface-subtle);--msg-bubble-color: var(--text-primary);--msg-bubble-tail-radius: var(--radius-lg);max-width:75%;padding:6px var(--space-3);border-radius:var(--radius-lg);border-bottom-right-radius:var(--msg-bubble-tail-radius);border-bottom-left-radius:var(--msg-bubble-tail-radius);font-size:13px;word-wrap:break-word;background-color:var(--msg-bubble-bg);color:var(--msg-bubble-color)}.chat-message-own .chat-message-bubble{--msg-bubble-bg: var(--primary-color);--msg-bubble-color: var(--surface);--msg-bubble-tail-radius: var(--radius-xs)}.chat-message-other .chat-message-bubble{--msg-bubble-color: var(--text-primary);--msg-bubble-tail-radius: var(--radius-xs)}.chat-message-text{word-break:break-word}.chat-message-time{font-size:10px;opacity:.7;margin-top:2px}.chat-privacy-notice{font-size:11px;color:var(--text-muted);padding:var(--space-2) 10px;margin-bottom:var(--space-3);text-align:left;line-height:1.45;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:10px}.chat-faq-section{margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.chat-faq-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.chat-faq-item{margin-bottom:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.chat-faq-item.is-open{border-color:var(--color-blue-200);box-shadow:0 4px 12px #2563eb14}.chat-faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:13px;font-weight:var(--font-weight-semibold);margin:0;padding:10px var(--space-3);background:var(--surface-muted);color:var(--text-heading);border:none;border-bottom:none;border-radius:0;box-shadow:none;white-space:normal}.chat-faq-btn:hover:where(:not(:disabled):not(.disabled)){transform:none;filter:none;background:var(--color-blue-50);box-shadow:none}.chat-faq-chevron{color:var(--btn-primary-hover);font-size:16px;line-height:1}.chat-faq-answer{font-size:12px;color:var(--text-subtle);padding:0 var(--space-3) 10px;line-height:1.5;border-left:none;margin-top:0;text-align:left}.chat-faq-answer a{color:#169c46;text-decoration:underline}.chat-input-area{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-default);background:var(--surface-muted);flex-shrink:0}.chat-input-area .chat-input{border-radius:var(--radius-lg);background:var(--surface)}.chat-send-btn{padding:var(--space-2) var(--space-4);font-size:13px;white-space:nowrap}.chat-error{color:var(--danger-color);font-size:12px;padding:var(--space-1) var(--space-3);background-color:var(--error-bg);border-radius:var(--radius-xs);margin:var(--space-1) var(--space-3)}.chat-conv-items{flex:1;overflow-y:auto;padding:var(--space-1)}.chat-conv-item{padding:var(--space-3) 14px;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-2);border:1px solid var(--border-default);background:var(--surface);transition:background-color .15s,box-shadow .15s,border-color .15s}.chat-conv-item:hover{background-color:var(--surface-muted);border-color:var(--color-blue-200);box-shadow:0 6px 16px #0f172a0f}.chat-conv-unclaimed{border-left:3px solid var(--warning-color)}.chat-conv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.chat-conv-case{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chat-conv-badge{--conv-badge-bg: var(--gray-200);--conv-badge-color: var(--text-primary);font-size:11px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:10px;text-transform:uppercase;background-color:var(--conv-badge-bg);color:var(--conv-badge-color)}.chat-conv-badge-active{--conv-badge-bg: var(--warning-bg);--conv-badge-color: var(--warning-text)}.chat-conv-badge-claimed{--conv-badge-bg: var(--success-bg);--conv-badge-color: var(--success-text)}.chat-conv-badge-closed{--conv-badge-bg: var(--danger-bg);--conv-badge-color: var(--danger-text)}.chat-conv-item-bottom{display:flex;justify-content:space-between;align-items:center}.chat-conv-client{font-size:12px;color:var(--text-muted)}.chat-conv-time{font-size:11px;color:var(--gray-400)}.chat-claim-btn{--btn-bg: var(--success-color);--btn-hover-bg: var(--color-emerald-600);padding:var(--space-1) var(--space-3);background:var(--btn-bg);color:var(--text-on-color);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-semibold);white-space:nowrap}.chat-claim-btn:hover:where(:not(:disabled):not(.disabled)){background:var(--btn-hover-bg)}.chat-back-btn{background:none;border:none;border-bottom:none;color:var(--primary-color);font-size:13px;padding:0;box-shadow:none;min-height:0;min-width:0}.chat-back-btn:hover:where(:not(:disabled):not(.disabled)){text-decoration:underline}.chat-case-link{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--primary-color);cursor:pointer;text-decoration:underline}.chat-close-btn{--btn-bg: var(--danger-color);--btn-hover-bg: var(--color-red-600);padding:6px var(--space-3);background:var(--btn-bg);color:var(--text-on-color);border:none;border-radius:var(--radius-sm);font-size:12px;margin:var(--space-1) var(--space-3);align-self:center}.chat-close-btn:hover:where(:not(:disabled):not(.disabled)){background:var(--btn-hover-bg)}.landing-container,.landing-container *{box-sizing:border-box}.landing-container{margin:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.landing-header{padding:0;text-align:center;flex-shrink:0;position:relative;z-index:2}.landing-title{display:inline-block;padding:var(--space-6) 1.5rem var(--space-4);background:#ffffff2e;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:900;margin:0;letter-spacing:-.02em;line-height:1.15;color:#fff;text-shadow:0 1px 0 #dbeafe,0 2px 0 #bfdbfe,0 3px 0 #93c5fd,0 4px 0 #60a5fa,0 5px 2px rgba(15,23,42,.18),0 8px 12px rgba(15,23,42,.22)}.landing-main{flex:1;display:flex;align-items:stretch;justify-content:center;padding:0;min-height:0;overflow-x:hidden;overflow-y:auto}.landing-split{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto 1fr;width:100%;height:100%;position:relative}@media(min-width:768px){.landing-split{grid-template-columns:minmax(0,1fr) 0 minmax(0,1fr);grid-template-rows:minmax(2rem,1fr) auto minmax(2rem,1fr)}.landing-split>.landing-panel{display:grid;grid-template-rows:subgrid;grid-row:1 / -1;padding:0 var(--space-6)}.landing-panel.left-panel{grid-column:1}.landing-panel.right-panel{grid-column:3}.landing-panel>.panel-content{grid-row:2;align-self:stretch;justify-self:center}.landing-split>.landing-divider{grid-column:2;grid-row:1 / -1}}.landing-panel,.panel-content{display:flex;flex-direction:column;align-items:center}.landing-panel{flex:1;min-width:0;padding:var(--space-8) var(--space-6);justify-content:center;text-align:center;position:relative;overflow:hidden}.panel-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:0}.agent-bg{background-image:url(https://images.unsplash.com/photo-1560250097-0b93528c311a?w=1200&q=80)}.form-bg{background-image:url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=1200&q=80);filter:blur(1px);transform:scale(1.01)}.panel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0f172a1a,#0f172a99);z-index:1}.panel-content{position:relative;z-index:2;flex:1;min-width:0;max-width:440px;width:100%;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:32px;padding:3.5rem 2.5rem;box-shadow:0 30px 60px -15px #0006;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94),background-color .4s ease,border-color .4s ease}.landing-panel:hover .panel-content{box-shadow:0 40px 70px -15px #00000080;background:#fff3;border:1px solid rgba(255,255,255,.4)}.landing-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.landing-badge{display:inline-flex;align-items:center;gap:.35rem;padding:4px 12px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--text-on-color);background:#ffffff2e;border:1px solid rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(15,23,42,.45)}.landing-badge:before{content:"✓";font-weight:800;color:#86efac}@media(hover:hover)and (pointer:fine){.landing-panel>.panel-content{transition:transform .2s ease,opacity .2s ease,filter .2s ease,box-shadow .4s cubic-bezier(.25,.46,.45,.94),background-color .4s ease,border-color .4s ease}.landing-panel:hover>.panel-content,.landing-panel:focus-within>.panel-content{transform:translateY(-4px);box-shadow:0 44px 80px -15px #0000008c}.landing-split:has(.landing-panel:hover) .landing-panel:not(:hover)>.panel-content{filter:saturate(.8) brightness(.92)}}@keyframes landing-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.landing-title{animation:landing-enter .5s ease-out both}.left-panel>.panel-content{animation:landing-enter .5s ease-out .1s both}.landing-divider,.right-panel>.panel-content{animation:landing-enter .5s ease-out .2s both}.landing-steps-inner{animation:landing-enter .5s ease-out .3s both}.landing-kicker{display:inline-flex;align-items:center;margin-bottom:var(--space-6);border-radius:var(--radius-pill);color:var(--text-on-color);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-kicker--video,.landing-kicker--form{padding:10px 24px;font-size:20px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(15,23,42,.45);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0f172a1f,0 3px #0f172a2e,0 6px 12px #0f172a33}.panel-content h2{font-size:clamp(1.75rem,2.8vw,2.2rem);font-weight:800;color:var(--text-on-color);margin-top:0;margin-bottom:var(--space-4);text-shadow:0 4px 12px rgba(0,0,0,.3);line-height:1.1;letter-spacing:-.02em}.panel-content p{font-size:clamp(1rem,1.3vw,1.1rem);color:#fffffff2;line-height:1.6;margin-bottom:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:var(--font-weight-medium)}.landing-btn{width:100%;max-width:300px;min-height:56px;margin:0;padding:var(--space-4) 28px;gap:var(--space-2);font-size:clamp(1rem,1.1vw,1.05rem);font-weight:var(--font-weight-bold);letter-spacing:.01em;line-height:1.2;text-align:center}.panel-content>.landing-btn{margin-top:auto;flex-shrink:0}.landing-btn.self-report-btn{--btn-bg: var(--green-cta-gradient);--btn-hover-bg: var(--green-cta-hover-gradient);--btn-border: rgba(255, 255, 255, .5);--btn-bottom-rim: rgba(20, 83, 45, .55);--btn-shadow: 0 16px 36px -4px rgba(22, 101, 52, .55), 0 4px 12px rgba(15, 23, 42, .22), inset 0 1px 1px rgba(255, 255, 255, .75), inset 0 -1px 2px rgba(20, 83, 45, .35);--btn-hover-shadow: 0 22px 44px -4px rgba(22, 101, 52, .65), 0 6px 16px rgba(15, 23, 42, .26), inset 0 1px 1px rgba(255, 255, 255, .85), inset 0 -1px 2px rgba(20, 83, 45, .4)}.landing-btn,.landing-btn.self-report-btn{--btn-bg: var(--page-bg-gradient);--btn-hover-bg: linear-gradient(rgba(255, 255, 255, .14), rgba(255, 255, 255, .14)), var(--page-bg-gradient)}.landing-divider{position:relative;display:flex;align-items:center;justify-content:center;z-index:5}@media(min-width:768px){.landing-divider{width:0}}.divider-text{position:absolute;background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-on-color);text-shadow:0 1px 3px rgba(15,23,42,.5);font-weight:900;font-size:1.1rem;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px #233cac99,0 0 0 6px #ffffff26;border:1px solid rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;z-index:100}.landing-footer{padding:.6rem var(--space-4);text-align:center;background:inherit;color:#ffffffd1;font-size:clamp(.75rem,1vw,.85rem);flex-shrink:0;text-shadow:0 1px 2px rgba(15,23,42,.45)}.landing-footer p{margin:0;font-weight:var(--font-weight-medium)}.landing-demo-banner{margin-bottom:.35rem;color:#fde68a;font-size:.9rem}.landing-footer a{color:#ffffffd9;text-decoration:underline;text-underline-offset:2px}.landing-footer a:hover{color:var(--text-on-color)}.landing-footer-attribution{margin-top:.4rem;font-size:.75rem;font-weight:400;color:var(--gray-400)}.landing-footer-attribution a{color:#ffffff80}.landing-footer-attribution a:hover{color:#ffffffd9}.landing-steps{flex-shrink:0;position:relative;height:0;z-index:6}.landing-steps-inner{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding-bottom:var(--space-2);pointer-events:none}.landing-steps-stage{width:240px;height:130px;overflow:hidden;border-radius:var(--radius-lg);background:#ffffff2e;border:1px solid rgba(255,255,255,.35)}.landing-steps-anim{display:block;width:100%;height:100%}.landing-steps-form{animation:landing-steps-form 9s linear infinite}.landing-steps-form-card{fill:#ffffffeb;stroke:#3b82f68c;stroke-width:1.5}.landing-steps-form-head{fill:#1e3a8a}.landing-steps-form-shield{fill:#ffffffe6}.landing-steps-form-titlebar{fill:#ffffff8c}.landing-steps-flabel{fill:#cbd5e1}.landing-steps-finput{fill:#fff;stroke:#cbd5e1;stroke-width:1}.landing-steps-ftype{stroke:#1e3a8a;stroke-width:4;stroke-dasharray:3 2.6}.landing-steps-fcover{fill:#fff}.landing-steps-fcover--1{animation:landing-steps-cover-1 9s linear infinite}.landing-steps-fcover--2{animation:landing-steps-cover-2 9s linear infinite}.landing-steps-fcover--3{animation:landing-steps-cover-3 9s linear infinite}.landing-steps-caretwin--1{animation:landing-steps-caret-1 9s linear infinite}.landing-steps-caretwin--2{animation:landing-steps-caret-2 9s linear infinite}.landing-steps-caretwin--3{animation:landing-steps-caret-3 9s linear infinite}.landing-steps-fcaret{fill:#1e3a8a;animation:landing-steps-caret-blink .66s linear infinite}.landing-steps-fbox{fill:#fff;stroke:#94a3b8;stroke-width:1.2}.landing-steps-fcheck{fill:none;stroke:#16a34a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10;stroke-dashoffset:10;animation:landing-steps-fcheck 9s linear infinite}.landing-steps-fbtn{transform-box:fill-box;transform-origin:center;animation:landing-steps-fbtn 9s ease-in-out infinite}.landing-steps-fbtn-bg{fill:#2563eb}.landing-steps-fbtn-label{fill:#ffffffd9}.landing-steps-camera{transform-box:fill-box;transform-origin:center;animation:landing-steps-camera 9s ease-in-out infinite}.landing-steps-phone{fill:#fffffff2;stroke:#3b82f68c;stroke-width:1.5}.landing-steps-screen{fill:#e0f2fe}.landing-steps-screenframe{fill:none;stroke:#3b82f68c;stroke-width:1.2}.landing-steps-road{fill:#cbd5e1}.landing-steps-roadline{stroke:#fff;stroke-width:1.2;stroke-dasharray:4 4}.landing-steps-car-body{fill:#1e3a8a}.landing-steps-car-glass{fill:#dbeafe}.landing-steps-car-wheel{fill:#1e293b}.landing-steps-car-dent{fill:none;stroke:#dc2626;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.landing-steps-phone-dot{fill:#cbd5e1}.landing-steps-brackets{transform-box:fill-box;transform-origin:center;animation:landing-steps-brackets 9s ease-in-out infinite}.landing-steps-brackets path{fill:none;stroke:#2563eb;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.landing-steps-flash{fill:#fff;opacity:0;animation:landing-steps-flash 9s linear infinite}.landing-steps-thumb{transform-box:fill-box;transform-origin:center}.landing-steps-thumb--1{animation:landing-steps-thumb-1 9s ease-out infinite}.landing-steps-thumb--2{animation:landing-steps-thumb-2 9s ease-out infinite}.landing-steps-thumb--3{animation:landing-steps-thumb-3 9s ease-out infinite}.landing-steps-thumb-frame{fill:#fffffff2;stroke:#3b82f68c;stroke-width:1.2}.landing-steps-tcar{fill:#1e3a8a}.landing-steps-tcar-glass{fill:#dbeafe}.landing-steps-tcar-light{fill:#fff}.landing-steps-tcar-dent{fill:none;stroke:#dc2626;stroke-width:1.3;stroke-linecap:round}.landing-steps-check{transform-box:fill-box;transform-origin:center;animation:landing-steps-check 9s ease-in-out infinite}.landing-steps-check-circle{fill:#16a34a26;stroke:#16a34a;stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:landing-steps-check-circle 9s ease-in-out infinite}.landing-steps-check-mark{fill:none;stroke:#16a34a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:38;stroke-dashoffset:38;animation:landing-steps-check-mark 9s ease-in-out infinite}.landing-steps-spark{opacity:0;animation:landing-steps-spark 9s ease-out infinite}.landing-steps-spark--1{--tx: 20px;--ty: 0px;fill:#fff}.landing-steps-spark--2{--tx: 12.6px;--ty: 15.6px;fill:#93c5fd}.landing-steps-spark--3{--tx: -4.5px;--ty: 19.5px;fill:#16a34a}.landing-steps-spark--4{--tx: -18px;--ty: 8.8px;fill:#fff}.landing-steps-spark--5{--tx: -18px;--ty: -8.8px;fill:#93c5fd}.landing-steps-spark--6{--tx: -4.5px;--ty: -19.5px;fill:#16a34a}.landing-steps-spark--7{--tx: 12.6px;--ty: -15.6px;fill:#fff}.landing-steps-caption{font-size:7.5px;font-weight:var(--font-weight-bold);letter-spacing:.04em;fill:#fff;opacity:0;animation:landing-steps-caption 9s linear infinite}.landing-steps-progress{width:100%;height:4px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:#0f172a73;box-shadow:inset 0 0 0 1px #ffffff59;overflow:hidden}.landing-steps-progress-fill{height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left;background-color:#fff;animation:landing-steps-progress 9s linear infinite}.landing-steps-labels{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:.72rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(15,23,42,.45)}.landing-steps-sep{opacity:.5}.landing-steps-label{opacity:.45}.landing-steps-label--1{animation:landing-steps-label-1 9s linear infinite}.landing-steps-label--2{animation:landing-steps-label-2 9s linear infinite}.landing-steps-label--3{animation:landing-steps-label-3 9s linear infinite}.landing-steps-static{display:none;align-items:center;justify-content:center;gap:var(--space-4);height:100%}.landing-steps-static-icon{width:40px;height:40px}@keyframes landing-steps-form{0%,29%{opacity:1}33%,to{opacity:0}}@keyframes landing-steps-cover-1{0%,3%{transform:translate(0)}9%,to{transform:translate(60px)}}@keyframes landing-steps-cover-2{0%,10%{transform:translate(0)}16%,to{transform:translate(60px)}}@keyframes landing-steps-cover-3{0%,17%{transform:translate(0)}23%,to{transform:translate(60px)}}@keyframes landing-steps-caret-1{0%,3%{opacity:0;transform:translate(0)}3.1%,4.49%{opacity:1;transform:translate(0)}4.5%,5.99%{transform:translate(14px)}6%,7.49%{transform:translate(28px)}7.5%,9%{transform:translate(44px)}9.4%,to{opacity:0;transform:translate(44px)}}@keyframes landing-steps-caret-2{0%,10%{opacity:0;transform:translate(0)}10.1%,11.49%{opacity:1;transform:translate(0)}11.5%,12.99%{transform:translate(14px)}13%,14.49%{transform:translate(28px)}14.5%,16%{transform:translate(44px)}16.4%,to{opacity:0;transform:translate(44px)}}@keyframes landing-steps-caret-3{0%,17%{opacity:0;transform:translate(0)}17.1%,18.49%{opacity:1;transform:translate(0)}18.5%,19.99%{transform:translate(14px)}20%,21.49%{transform:translate(28px)}21.5%,23%{transform:translate(44px)}23.4%,to{opacity:0;transform:translate(44px)}}@keyframes landing-steps-caret-blink{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes landing-steps-fcheck{0%,24%{stroke-dashoffset:10}26.5%,to{stroke-dashoffset:0}}@keyframes landing-steps-fbtn{0%,27.5%{transform:scale(1)}29%{transform:scale(.85)}30.5%,to{transform:scale(1)}}@keyframes landing-steps-camera{0%,33%{opacity:0;transform:scale(.6)}38%{opacity:1;transform:scale(1.06)}41%{transform:scale(1)}62%{opacity:1;transform:scale(1)}66%,to{opacity:0;transform:scale(.9)}}@keyframes landing-steps-flash{0%,39.5%{opacity:0}41%{opacity:.9}43.5%,to{opacity:0}}@keyframes landing-steps-thumb-1{0%,44%{opacity:0;transform:translateY(-14px) rotate(-6deg)}48%,62%{opacity:1;transform:translateY(0) rotate(-6deg)}66%,to{opacity:0;transform:translateY(0) rotate(-6deg)}}@keyframes landing-steps-thumb-2{0%,49.5%{opacity:0;transform:translateY(-14px)}53.5%,62%{opacity:1;transform:translateY(0)}66%,to{opacity:0;transform:translateY(0)}}@keyframes landing-steps-thumb-3{0%,55%{opacity:0;transform:translateY(-14px) rotate(6deg)}59%,62%{opacity:1;transform:translateY(0) rotate(6deg)}66%,to{opacity:0;transform:translateY(0) rotate(6deg)}}@keyframes landing-steps-check{0%,66%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(.95)}86%{transform:scale(1)}90%{transform:scale(1.1)}93%,94.5%{transform:scale(1);opacity:1}to{opacity:0;transform:scale(1)}}@keyframes landing-steps-check-circle{0%,66%{stroke-dashoffset:151}78%,to{stroke-dashoffset:0}}@keyframes landing-steps-check-mark{0%,76%{stroke-dashoffset:38}85%,to{stroke-dashoffset:0}}@keyframes landing-steps-brackets{0%,37%{opacity:0;transform:scale(1.35)}40%,62%{opacity:1;transform:scale(1)}66%,to{opacity:0;transform:scale(1)}}@keyframes landing-steps-spark{0%,84%{translate:calc(var(--tx) * -.9) calc(var(--ty) * -.9);opacity:0}86%{translate:calc(var(--tx) * -.2) calc(var(--ty) * -.2);opacity:1}90%{translate:0 0;opacity:1}96%,to{translate:calc(var(--tx) * .55) calc(var(--ty) * .55);opacity:0}}@keyframes landing-steps-caption{0%,85%{opacity:0}88%,94%{opacity:1}98%,to{opacity:0}}@keyframes landing-steps-progress{0%{transform:scaleX(0);background-color:#fff}33%{transform:scaleX(.33);background-color:#dbeafe}66%{transform:scaleX(.66);background-color:#1e3a8a}85%{transform:scaleX(1);background-color:#1e3a8a}88%{background-color:#16a34a}95%{transform:scaleX(1);background-color:#16a34a;opacity:1}to{transform:scaleX(1);background-color:#16a34a;opacity:0}}@keyframes landing-steps-label-1{0%,30%{opacity:1}36%,to{opacity:.45}}@keyframes landing-steps-label-2{0%,33%{opacity:.45}36%,63%{opacity:1}69%,to{opacity:.45}}@keyframes landing-steps-label-3{0%,66%{opacity:.45}69%,93%{opacity:1}98%,to{opacity:.45}}@media(prefers-reduced-motion:reduce){.landing-steps-anim{display:none}.landing-steps-static{display:flex}.landing-steps-label,.landing-steps-label--1,.landing-steps-label--2,.landing-steps-label--3{animation:none;opacity:1}.landing-steps-progress-fill{animation:none;transform:none;background-color:#16a34a}.landing-title,.left-panel>.panel-content,.right-panel>.panel-content,.landing-divider,.landing-steps-inner{animation:none}.landing-panel:hover>.panel-content,.landing-panel:focus-within>.panel-content{transform:none}.landing-split:has(.landing-panel:hover) .landing-panel:not(:hover)>.panel-content{filter:none}}@media(min-width:768px)and (max-height:800px){.panel-content{padding:2rem 2.5rem}.landing-badges{margin-top:var(--space-2)}}@media(max-width:767px){body{background-attachment:scroll}.landing-header{padding:0 var(--space-3)}.landing-title{padding:max(.55rem,env(safe-area-inset-top)) 1.25rem .55rem;font-size:clamp(1.7rem,8vw,2.3rem);text-shadow:0 1px 0 #bfdbfe,0 2px 0 #93c5fd,0 3px 2px rgba(15,23,42,.18),0 5px 8px rgba(15,23,42,.2)}.landing-main{padding:0 var(--space-3) .35rem;align-items:safe center}.landing-split{height:auto;max-width:440px;margin:0 auto;gap:.6rem;justify-content:center}.landing-panel{flex:0 0 auto;padding:0;min-height:0;overflow:visible}.panel-bg,.panel-overlay{display:none}.panel-content{padding:.85rem 1.15rem .95rem;border-radius:18px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.55);box-shadow:0 16px 32px -12px #0f172a59}.landing-panel:hover .panel-content{background:#fffffff5;border-color:#ffffffb3}.landing-kicker{margin-bottom:10px}.landing-kicker--video{padding:7px 18px;font-size:16px;background:#3b82f61f;border-color:#3b82f659;color:var(--color-blue-700);text-shadow:none;box-shadow:inset 0 1px #fff9,0 2px #1e40af2e,0 4px 8px #0f172a1f}.landing-kicker--form{padding:7px 18px;font-size:16px;background:#1db9541f;border-color:#1db95466;color:var(--color-green-700);text-shadow:none;box-shadow:inset 0 1px #fff9,0 2px #13733a2e,0 4px 8px #0f172a1f}.landing-badges{gap:6px;margin-top:6px}.landing-badge{font-size:.72rem;padding:3px 10px;text-shadow:none}.left-panel .landing-badge{background:#3b82f61f;border-color:#3b82f659;color:var(--color-blue-700)}.left-panel .landing-badge:before{color:var(--color-blue-700)}.right-panel .landing-badge{background:#1db9541f;border-color:#1db95466;color:var(--color-green-700)}.right-panel .landing-badge:before{color:var(--color-green-700)}.panel-content h2{color:var(--text-heading);text-shadow:none;font-size:1.2rem;margin-bottom:.3rem}.panel-content p{color:var(--text-subtle);text-shadow:none;font-size:.88rem;line-height:1.4;margin-bottom:.6rem}.landing-btn{min-height:48px;max-width:none;padding:var(--space-3) var(--space-4);font-size:.95rem}.landing-btn:hover:where(:not(:disabled):not(.disabled)){transform:none}.landing-divider{height:28px}.divider-text{position:static;width:40px;height:40px;font-size:.75rem;background:#ffffff47;box-shadow:0 8px 16px -8px #233cac8c,0 0 0 3px #ffffff40}.landing-footer{padding:.35rem var(--space-3);padding-bottom:max(.35rem,env(safe-area-inset-bottom));font-size:.7rem}.landing-demo-banner{font-size:.78rem;margin-bottom:.15rem}.landing-footer-attribution{margin-top:.15rem;font-size:.65rem}.landing-steps{height:auto}.landing-steps-inner{position:static;transform:none;padding-bottom:0}.landing-steps-stage{width:170px;height:86px}.landing-steps-progress{margin-top:var(--space-1)}.landing-steps-labels{font-size:.66rem;gap:var(--space-1);margin-top:0}.App.form-page{padding:var(--space-4) var(--space-3) var(--space-6);padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.form-page-top{flex-wrap:wrap;margin-bottom:var(--space-3)}.form-photo-remove{width:36px;height:36px}.form-photo-grid{--grid-col-min: 110px}.chat-widget-wrapper{bottom:max(12px,env(safe-area-inset-bottom));right:12px}.chat-widget-btn{width:48px;height:48px;padding:0;gap:0;justify-content:center}.chat-widget-btn-icon{width:28px;height:28px}.chat-widget-btn-icon svg{width:16px;height:16px}.chat-btn-label{display:none}}@media(max-width:767px)and (max-height:720px){.panel-content p{display:none}}@media(max-width:767px)and (max-height:540px){.landing-container{height:auto;max-height:none;min-height:100dvh;overflow-y:auto}}.privacy-consent{margin:var(--space-4) 0;text-align:left}.privacy-consent-label{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;color:var(--color-gray-700)}.privacy-consent-label.has-error{color:var(--color-red-600)}.privacy-consent-input{margin-right:var(--space-3);margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--btn-primary-hover)}.privacy-consent-text{line-height:1.5}.privacy-consent-link{color:var(--btn-primary-hover);text-decoration:underline;font-weight:var(--font-weight-medium)}.privacy-consent-error{color:var(--color-red-600);font-size:13px;margin:var(--space-1) 0 0 30px}.form-field-spacer{margin-top:var(--space-6)}.form-file-input-hidden{display:none}.sidebar-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.sidebar-actions>*{flex:1 1 160px}.auth-page{padding:var(--space-8) var(--space-4);box-sizing:border-box}.form-container.auth-card{width:100%;max-width:var(--layout-auth);min-width:0;box-sizing:border-box}.auth-title{margin:0 0 var(--space-6);color:var(--text-heading);font-size:1.5rem;font-weight:var(--font-weight-bold)}.auth-description{margin:0 0 var(--space-6);color:var(--text-muted);font-size:var(--font-size-sm)}.auth-links{margin-top:var(--space-4);text-align:center}.auth-link{color:var(--btn-primary-hover);font-size:var(--font-size-sm)}.auth-link:hover{color:var(--color-blue-700);text-decoration:underline}.auth-success{display:block;width:56px;height:56px;box-sizing:border-box;padding:var(--space-3);margin:0 auto var(--space-4);border-radius:50%;background:var(--success-bg);color:var(--success-text)}.form-input-solid{background:var(--surface)}.password-strength{height:4px;margin-top:var(--space-1);border-radius:var(--radius-xs);background:var(--gray-200);overflow:hidden}.password-strength-fill{--strength-width: 0%;--strength-color: var(--danger-color);width:var(--strength-width);height:100%;background:var(--strength-color);transition:width .2s ease,background-color .2s ease}.password-strength-fill[data-strength=weak]{--strength-width: 25%}.password-strength-fill[data-strength=fair]{--strength-width: 50%;--strength-color: var(--warning-color)}.password-strength-fill[data-strength=good]{--strength-width: 75%;--strength-color: var(--primary-color)}.password-strength-fill[data-strength=strong]{--strength-width: 100%;--strength-color: var(--success-color)}.field-feedback{font-size:var(--font-size-sm)}.field-feedback.is-error,.page-message.is-error{color:var(--color-red-600)}.field-feedback.is-success{color:var(--success-text)}.page-message{padding:var(--space-4);text-align:center}.management-page{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:var(--layout-wide);margin:4rem auto 0;padding:0 var(--space-4) var(--space-6);box-sizing:border-box;min-width:0}.management-title{margin:0 0 var(--space-2);font-size:1.5rem}.management-page>*{min-width:0}.management-page .form-container{width:100%;box-sizing:border-box}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.action-group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.action-group-end{justify-content:flex-end}.action-group>button{margin:0}.modal-compact{max-width:520px}.credential-display{padding:var(--space-3);background:var(--surface-subtle);border-radius:var(--radius-md);text-align:left;overflow-wrap:anywhere}.alert{padding:var(--space-3) var(--space-4);border:1px solid var(--alert-border, var(--border-default));border-radius:var(--radius-md);color:var(--alert-color, var(--text-primary));background:var(--alert-bg, var(--surface-muted))}.alert-danger{--alert-bg: var(--error-bg);--alert-color: var(--danger-text);--alert-border: var(--color-red-200)}.alert-success{--alert-bg: var(--success-bg);--alert-color: var(--success-text);--alert-border: var(--success-color)}.alert-inset{margin:var(--space-4)}.loading{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8)}.spinner{width:48px;height:48px;box-sizing:border-box;border:3px solid var(--border-default);border-top-color:var(--primary-color);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.case-info-section{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text-secondary);text-align:left}.case-info-title{margin:0 0 var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.case-info-field{margin-bottom:var(--space-3)}.case-info-label{display:block;margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.case-info-value{margin:0;padding:var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-xs);background:var(--surface)}.case-info-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.case-info-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--color-blue-50);font-size:12px}.case-info-empty{margin:0;color:var(--text-muted);font-style:italic}.video-status-panel{padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-gray-800)}.video-status-label{margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.choice-label{display:inline-flex;align-items:center;gap:var(--space-2)}.choice-label input{accent-color:var(--primary-color)}.is-clickable{cursor:pointer}.inline-items{display:inline-flex;align-items:center;gap:var(--space-2)}.stack-md{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.action-group-center{justify-content:center}.action-group-tight{gap:var(--space-2)}.modal-action-group{margin-bottom:var(--space-4)}.modal-subtitle{margin:0;color:var(--gray-500)}.filter-note{margin-top:var(--space-8);font-size:var(--font-size-lg);line-height:1.2;font-weight:var(--font-weight-semibold);font-style:italic}.chip-button-danger{background:var(--color-red-100)}.chip-button-danger .chip-title{color:var(--color-red-600)}.map-toggle-badge{padding:1px 7px;border-radius:var(--radius-xs);background:var(--success-color);color:var(--surface);font-size:.75rem;font-weight:var(--font-weight-semibold)}.data-table td.map-cell{padding:0 0 var(--space-2)}.detail-list{margin:0;padding-left:var(--space-6)}.detail-note{margin-left:var(--space-2);color:var(--gray-500);font-style:italic}.cell-expanded-content{margin-top:var(--space-1);font-size:var(--font-size-sm);white-space:normal;overflow-wrap:anywhere}.resize-vertical{resize:vertical}.field-spaced{margin-bottom:var(--space-2)}.button-success{--btn-bg: var(--color-green-600);--btn-hover-bg: var(--color-green-700);--btn-border: transparent;--btn-bottom-border: var(--color-green-700);--btn-shadow: none;--btn-hover-shadow: 0 4px 12px rgba(22, 163, 74, .25);--btn-hover-filter: none}.modal-meta{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm)}.modal-section{margin-top:var(--space-4)}.section-title{margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold)}.screenshot-preview{max-width:100%;max-height:70vh;object-fit:contain}.screenshot-caption{margin-top:var(--space-4);text-align:center}.muted-block{display:block;color:var(--gray-500)}.placeholder.is-error{color:var(--color-red-600)}.placeholder-compact{padding:var(--space-4) 0}.placeholder-inset{padding:var(--space-4)}.dashboard-unauthorized{padding:40px;text-align:center}.section-offset{margin-top:var(--space-4)}.copy-id{display:inline-flex;align-items:center;gap:6px}.copy-id-value{font-family:monospace;font-size:.9em}.copy-id-button{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--space-1);border:none;border-radius:var(--radius-xs);background:transparent;cursor:pointer;transition:background .2s ease}.copy-id-button:hover{background:var(--gray-200)}.btn-refresh{font-size:.85em}.btn-wrap{white-space:normal;word-break:break-word}.waiting-video-table col:nth-child(1){width:20%}.waiting-video-table col:nth-child(2),.waiting-video-table col:nth-child(3){width:40%}.waiting-chat-table col{width:25%}.unified-cases-table col:nth-child(1),.unified-cases-table col:nth-child(2),.unified-cases-table col:nth-child(4),.unified-cases-table col:nth-child(5){width:10%}.unified-cases-table col:nth-child(3){width:20%}.unified-cases-table col:nth-child(6){width:40%}.badge-inline{vertical-align:middle}.policy-container{max-width:800px}.policy-content{margin-top:var(--space-6);text-align:left}.policy-section{margin-bottom:var(--space-6)}.policy-heading{margin-bottom:var(--space-3);color:var(--btn-primary-hover)}.policy-list{padding-left:20px;line-height:1.8}.consent-notice{margin-top:var(--space-8);padding:var(--space-4);border:1px solid var(--color-blue-200);border-radius:var(--radius-md);background:var(--color-blue-50)}.consent-notice-text{margin:0;color:var(--color-blue-700);font-size:var(--font-size-sm)}.policy-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.password-strength-fill{transition:none}}.accident-sketch{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--layout-content);margin:var(--space-4) auto;width:min(100%,1100px);padding:var(--space-4);box-sizing:border-box;background:var(--surface);border-radius:var(--radius-lg)}.accident-sketch-heading{margin:0;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-heading)}.accident-sketch-copy{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.accident-sketch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:var(--space-4);align-items:start}@media(max-width:720px){.accident-sketch-layout{grid-template-columns:minmax(0,1fr)}}.accident-sketch--readonly .accident-sketch-layout{grid-template-columns:minmax(0,1fr)}.accident-sketch-scene{min-width:0}.accident-sketch-svg{width:100%;height:auto;touch-action:none;display:block;border-radius:var(--radius-lg);background:#dcfce7}.accident-sketch-grass{fill:#dcfce7}.accident-sketch-road{fill:#475569}.accident-sketch-road-edges line{stroke:#1e293b;stroke-width:2}.accident-sketch-road-markings line{stroke:#fde68a;stroke-width:2;stroke-dasharray:14 12}.accident-sketch-road-labels text{fill:var(--text-on-color);font-size:18px;font-weight:var(--font-weight-bold);text-anchor:middle}.accident-sketch-vehicle-label{fill:#fff;font-size:16px;font-weight:var(--font-weight-bold);text-anchor:middle;pointer-events:none}.accident-sketch-vehicle.is-at-fault .accident-sketch-vehicle-label{text-decoration:underline}.accident-sketch-fault-badge circle{fill:var(--danger-color);stroke:#fff;stroke-width:2}.accident-sketch-fault-badge text{fill:#fff;font-size:16px;font-weight:var(--font-weight-bold);text-anchor:middle;pointer-events:none}.accident-sketch-sign{cursor:grab;outline:none}.accident-sketch-sign:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.accident-sketch-sign-give-way{fill:#fff;stroke:#dc2626;stroke-width:5}.accident-sketch-sign-priority{fill:#fff;stroke:#1e293b;stroke-width:1.5}.accident-sketch-sign-priority-inner{fill:#facc15}.accident-sketch-fault-label{grid-column:1 / -1;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary)}.accident-sketch-sign-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.accident-sketch-vehicle{cursor:grab;outline:none}.accident-sketch-vehicle:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.accident-sketch-vehicle.is-selected{cursor:grabbing}.accident-sketch-controls{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.accident-sketch-vehicle-select,.accident-sketch-mode,.accident-sketch-rotate,.accident-sketch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.accident-sketch-nudge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.accident-sketch-controls button{min-width:0;width:100%;margin:0;padding:var(--space-2);min-height:44px;white-space:normal}.accident-sketch-instructions{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}