@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700&display=swap";:root{--color-primary: #0d9488;--color-primary-dark: #0b7f75;--color-primary-soft: #e6fffb;--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-border: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-success: #16a34a;--color-success-soft: rgba(22, 163, 74, .12);--color-warning: #d97706;--color-warning-soft: rgba(217, 119, 6, .12);--color-danger: #dc2626;--color-danger-soft: rgba(220, 38, 38, .12);--color-info-soft: rgba(13, 148, 136, .12);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--shadow-card: 0 16px 40px rgba(15, 23, 42, .08);--shadow-card-hover: 0 22px 50px rgba(15, 23, 42, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Sora", "Manrope", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text-primary);background:radial-gradient(circle at top left,rgba(13,148,136,.12),transparent 28%),radial-gradient(circle at top right,rgba(15,23,42,.05),transparent 22%),linear-gradient(180deg,#fbfdff 0%,var(--color-background) 100%);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}.app-container{min-height:100vh}.app-header{position:sticky;top:0;z-index:100;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}.app-header-inner{max-width:1120px;margin:0 auto;min-height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-brand{appearance:none;border:none;background:transparent;display:inline-flex;align-items:center;gap:14px;padding:0;color:var(--color-text-primary)}.app-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary) 0%,#14b8a6 100%);color:var(--color-surface);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.08em;box-shadow:0 14px 30px #0d94883d}.app-brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.app-brand-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.04em}.app-brand-tag{margin-top:4px;font-size:.78rem;font-weight:600;letter-spacing:.01em;color:var(--color-text-secondary)}.app-header-actions{display:flex;align-items:center;gap:12px}.app-main{width:100%;max-width:1120px;margin:0 auto;padding:40px 24px 56px}.page{display:flex;flex-direction:column;gap:24px}.page-header,.form-container,.confirm-container,.verification-hero,.detail-card,.claim-info-bar,.loading,.error-message,.empty-state{width:100%}.page-header{max-width:760px;background:#ffffffc7;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-lg);padding:28px 30px;box-shadow:var(--shadow-soft)}.page-header h1,.dashboard-hero h1,.verification-hero-header h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.9rem);line-height:1.06;letter-spacing:-.05em}.subtitle{margin:8px 0 0;color:var(--color-text-secondary);font-size:.98rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.04em}.section-kicker,.dashboard-badge,.verification-hero-label,.detail-label,.dashboard-stat-label{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-badge{width:fit-content;padding:10px 14px;border-radius:999px;color:var(--color-primary-dark);background:#e6fffbeb;border:1px solid rgba(13,148,136,.14)}.btn{appearance:none;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.btn-primary{color:var(--color-surface);background:linear-gradient(135deg,var(--color-primary) 0%,#14b8a6 100%);box-shadow:0 12px 26px #0d94883d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:0 16px 28px #0d948847}.btn-secondary{color:var(--color-text-primary);background:#ffffffeb;border-color:var(--color-border);box-shadow:var(--shadow-soft)}.btn-secondary:hover:not(:disabled){border-color:#0d94883d;background:var(--color-surface)}.btn-back{width:fit-content;min-height:auto;padding:0;border:none;border-radius:0;background:transparent;color:var(--color-text-secondary);font-weight:700;box-shadow:none}.btn-back:hover{color:var(--color-text-primary);transform:none}.btn-nav{min-width:130px}.btn-full{width:100%}.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:24px;padding:32px 36px;border-radius:28px;background:linear-gradient(135deg,#e6fffbf2,#fffffffa 60%),var(--color-surface);border:1px solid rgba(13,148,136,.14);box-shadow:var(--shadow-card)}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#0d94881f,#0d948800 68%);pointer-events:none}.dashboard-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.dashboard-hero-copy p{max-width:620px;margin:0;font-size:1.05rem;color:var(--color-text-secondary)}.dashboard-metric-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:#ffffffe6;border:1px solid rgba(226,232,240,.92);box-shadow:var(--shadow-soft);min-height:170px}.dashboard-metric-label{color:var(--color-text-secondary);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dashboard-metric-select{width:100%;min-height:42px;padding:0 40px 0 14px;border-radius:12px;border:1px solid rgba(226,232,240,.96);background:linear-gradient(180deg,#f8fafcf2,#fffffff5);color:var(--color-text-primary);font-size:.92rem;font-weight:700;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-primary-dark) 50%),linear-gradient(135deg,var(--color-primary-dark) 50%,transparent 50%),linear-gradient(180deg,#f8fafcf2,#fffffff5);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;transition:border-color .18s ease,box-shadow .18s ease}.dashboard-metric-select:focus{outline:none;border-color:#0d948857;box-shadow:0 0 0 4px #0d94881f}.dashboard-metric-value{display:flex;flex:1;align-items:center;justify-content:center;text-align:center}.dashboard-metric-value strong{font-family:var(--font-display);font-size:3rem;line-height:1;letter-spacing:-.06em;color:var(--color-primary-dark)}.claims-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.claim-card{appearance:none;width:100%;display:flex;flex-direction:column;gap:24px;padding:24px;text-align:left;border:1px solid rgba(226,232,240,.94);border-radius:22px;background:#fffffff5;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.claim-card:hover{transform:translateY(-2px);border-color:#0d94882e;box-shadow:var(--shadow-card-hover)}.claim-card-top,.claim-card-footer{display:flex;justify-content:space-between;gap:16px}.claim-card-primary,.claim-card-meta,.claim-card-context{display:flex;flex-direction:column}.claim-card-meta{align-items:flex-end;gap:10px}.vehicle-number{font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.04em;color:var(--color-text-primary)}.claim-card-subtitle{margin-top:4px;color:var(--color-text-secondary);font-size:1rem;font-weight:600}.claim-card-owner{color:var(--color-text-primary);font-size:.96rem;font-weight:700}.claim-card-category,.claim-date{color:var(--color-text-secondary);font-size:.86rem}.claim-card-action{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary-dark);font-weight:800}.claim-card-arrow{font-size:1rem}.status-badge,.verification-status,.severity-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:34px;padding:0 12px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.01em;border:1px solid transparent}.status-created{background:#0f172a0f;color:var(--color-text-secondary)}.status-photos_uploaded{background:#d977061a;color:var(--color-warning)}.status-ai_assessed,.status-certificate_generated,.status-shared{background:#0d94881f;color:var(--color-primary-dark)}.loading,.empty-state,.error-message,.form-container,.confirm-container,.claim-info-bar,.photo-count{padding:24px 26px;border-radius:var(--radius-lg);border:1px solid rgba(226,232,240,.92);background:#ffffffeb;box-shadow:var(--shadow-soft)}.loading,.empty-state{text-align:center;color:var(--color-text-secondary)}.empty-state{padding:48px 28px}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;margin-bottom:18px;background:#0d948814;color:var(--color-primary-dark);font-size:1.6rem;font-weight:700}.error-message{color:var(--color-danger);background:#fffffff5;border-color:#dc262629;box-shadow:0 12px 30px #dc262614}.form-container,.confirm-container{max-width:760px;display:flex;flex-direction:column;gap:20px}.confirm-container h2,.detail-card h2{margin:0;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.04em}.confirm-container>p{margin:10px 0 0;color:var(--color-text-secondary)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:700}.form-group input[type=text]{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);transition:border-color .18s ease,box-shadow .18s ease}.form-group input[type=text]::placeholder{color:#64748bd6}.form-group input[type=text]:focus{outline:none;border-color:#0d948866;box-shadow:0 0 0 4px #0d94881f}.radio-group{display:flex;gap:12px;flex-wrap:wrap}.radio-label{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-weight:600;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.radio-label:has(input:checked){border-color:#0d94884d;background:#e6fffbeb;box-shadow:0 10px 24px #0d948814}.radio-label input[type=radio]{accent-color:var(--color-primary)}.confirm-details{display:flex;flex-direction:column;gap:14px}.confirm-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.confirm-label{color:var(--color-text-secondary);font-weight:700}.confirm-actions,.footer-actions,.proof-actions{display:flex;gap:12px}.claim-info-bar{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:14px 18px;color:var(--color-text-primary);font-size:.95rem;font-weight:700}.separator{color:#64748b6b}.photo-count{width:fit-content;padding:14px 18px;font-weight:700;color:var(--color-text-primary)}.count-ok{color:var(--color-success)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.photo-card{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:22px;border:1px solid rgba(226,232,240,.92);background:linear-gradient(180deg,#f1f5f9b3,#fffffff2);box-shadow:var(--shadow-soft)}.photo-thumbnail{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.76) 100%)}.photo-status{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 12px;border-radius:14px;font-size:.76rem;line-height:1.45}.photo-status.uploading{color:var(--color-surface);background:#0f172ab8}.photo-status.confirmed{color:var(--color-surface);background:#16a34aeb}.photo-status.error{color:var(--color-surface);background:#dc2626eb}.checkmark{font-weight:800}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--color-primary-dark);border:1px dashed rgba(13,148,136,.32);background:linear-gradient(180deg,#e6fffbe6,#fffffff5);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.photo-add:hover{transform:translateY(-2px);border-color:#0d948870;box-shadow:0 18px 36px #0d94881a}.add-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:#0d94881a;font-size:1.9rem;line-height:1}.page-footer{position:sticky;bottom:0;padding:18px;margin-top:8px;border:1px solid rgba(226,232,240,.92);border-radius:22px;background:#f8fafce6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.verification-hero{position:relative;overflow:hidden;padding:32px;border-radius:28px;background:linear-gradient(135deg,#e6fffbf2,#fffffffa 60%),var(--color-surface);color:var(--color-text-primary);border:1px solid rgba(13,148,136,.14);box-shadow:var(--shadow-card)}.verification-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#0d94881f,#0d948800 68%);pointer-events:none}.verification-hero .subtitle,.verification-hero .verification-hero-label{color:var(--color-text-secondary)}.verification-hero-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.verification-hero-actions{display:flex;align-items:center;gap:12px}.verification-copy-feedback{position:relative;z-index:1;margin-top:12px;font-size:.95rem;font-weight:700;color:var(--color-primary-dark)}.verification-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.verification-hero-item{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.verification-hero-item-wide{grid-column:1 / -1}.verification-hero-label{color:var(--color-text-secondary)}.verification-hero-value{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.verification-hero .review-code{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-primary);border-radius:10px;padding:12px 16px}.verification-share-btn{background:var(--color-primary);color:var(--color-surface);border-color:transparent;border-radius:10px;padding:10px 16px;font-weight:600;box-shadow:0 12px 26px #0d948833}.verification-share-btn:hover:not(:disabled){background:var(--color-primary-dark);border-color:transparent;box-shadow:0 16px 28px #0d94883d}.verification-layout{display:grid;gap:18px}.detail-card{padding:28px;border-radius:24px;border:1px solid rgba(226,232,240,.92);background:#fffffff5;box-shadow:var(--shadow-soft)}.detail-card-proof{background:linear-gradient(180deg,#e6fffb75,#fffffffa)}.detail-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--color-surface-muted);border:1px solid rgba(226,232,240,.88)}.detail-item-wide{grid-column:1 / -1}.detail-value{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.detail-value-strong{font-family:var(--font-display);font-size:1.12rem;letter-spacing:-.03em}.severity-low{background:#16a34a1f;color:var(--color-success)}.severity-medium{background:#d977061f;color:var(--color-warning)}.severity-high{background:#dc26261f;color:var(--color-danger)}.detail-subsection{margin-top:24px}.detail-subsection-header{margin-bottom:14px}.detail-subsection-header h3{margin:0;font-size:1rem;font-weight:800;color:var(--color-text-primary)}.review-components{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.review-components li{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#0d948814;border:1px solid rgba(13,148,136,.12);color:var(--color-primary-dark);font-weight:700}.review-reasoning,.empty-inline-copy{margin:0;padding:18px;border-radius:18px;background:var(--color-surface-muted);border:1px solid rgba(226,232,240,.88);color:var(--color-text-secondary)}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.proof-block{display:flex;flex-direction:column;gap:10px}.review-code{display:block;width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(226,232,240,.92);background:#0f172a0a;color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.review-code-muted{color:var(--color-text-secondary)}.review-link{transition:border-color .18s ease,background-color .18s ease,color .18s ease}.review-link:hover{border-color:#0d94883d;background:#0d948814;color:var(--color-primary-dark)}.verification-status-anchored{color:var(--color-primary);background:var(--color-primary-soft);border-color:#0d948824}.verification-status-pending{color:var(--color-warning);background:var(--color-warning-soft);border-color:#d977062e}.verification-status-failed{color:var(--color-danger);background:var(--color-danger-soft);border-color:#dc26262e}@media(max-width:960px){.app-main{padding:28px 18px 44px}.dashboard-hero,.claims-list,.detail-grid,.proof-grid,.verification-hero-grid{grid-template-columns:1fr}.dashboard-hero{padding:28px}.claim-card-top,.claim-card-footer,.verification-hero-header,.confirm-actions,.footer-actions,.proof-actions{flex-direction:column}.claim-card-meta{align-items:flex-start}.detail-item-wide,.verification-hero-item-wide{grid-column:auto}}@media(max-width:640px){.app-header-inner{min-height:64px;padding:0 16px}.app-main{padding:20px 14px 36px}.app-brand-tag{display:none}.page{gap:18px}.page-header,.loading,.error-message,.empty-state,.form-container,.confirm-container,.claim-info-bar,.photo-count,.verification-hero,.detail-card,.page-footer{padding:20px}.dashboard-hero{padding:22px;border-radius:24px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-group{flex-direction:column}.confirm-row{flex-direction:column;align-items:flex-start;gap:6px}}