@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#22c55e;--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-200:#bbf7d0;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-50:#fffbeb;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--color-text:#111827;--color-text-2:#374151;--color-text-3:#6b7280;--color-text-4:#9ca3af;--color-border:#e5e7eb;--color-border-2:#d1d5db;--color-bg:#fff;--color-bg-2:#f9fafb;--color-bg-3:#f3f4f6;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--transition:.2s ease;--transition-slow:.35s ease;--max-width:430px;--bottom-nav-h:64px;--header-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-size:.9375rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea,select{font:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.app-container{max-width:var(--max-width);background:var(--color-bg);flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000001f}.page{padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-h) + var(--space-4));flex:1;overflow-y:auto}.page--no-nav{padding-bottom:var(--space-4)}.text-xs{font-size:.75rem;line-height:1.5}.text-sm{font-size:.8125rem;line-height:1.5}.text-base{font-size:.9375rem;line-height:1.6}.text-lg{font-size:1.0625rem;line-height:1.5}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.3}.text-3xl{font-size:1.875rem;line-height:1.2}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-3)}.text-danger{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-center{text-align:center}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #16a34a4d}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-50)}.btn-ghost{color:var(--color-text-2);background:0 0}.btn-ghost:hover{background:var(--color-bg-3)}.btn-danger{background:var(--color-error);color:#fff}.btn-sm{border-radius:var(--radius-md);padding:.5rem .875rem;font-size:.8125rem}.btn-lg{padding:1rem 1.5rem;font-size:1.0625rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-lg);padding:.625rem}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-pressable{cursor:pointer}.card-pressable:active{box-shadow:var(--shadow-sm);transform:scale(.99)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--color-text-2);font-size:.875rem;font-weight:600}.form-required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{border:1.5px solid var(--color-border-2);border-radius:var(--radius-lg);width:100%;color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition), box-shadow var(--transition);-webkit-appearance:none;outline:none;padding:.75rem 1rem;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1f}.form-input::placeholder{color:var(--color-text-4)}.form-input-error{border-color:var(--color-error)!important}.form-error{color:var(--color-error);font-size:.8125rem}.form-hint{color:var(--color-text-3);font-size:.8125rem}.form-textarea{resize:none;min-height:100px}.form-select{cursor:pointer}.header{height:var(--header-h);padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:50;align-items:center;display:flex;position:sticky;top:0}.header-logo{align-items:center;gap:var(--space-2);display:flex}.header-logo-text{color:var(--color-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.header-back{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-text-2);transition:background var(--transition);justify-content:center;align-items:center;display:flex}.header-back:hover{background:var(--color-bg-3)}.header-title{text-align:center;margin:0 var(--space-2);flex:1;font-size:1.0625rem;font-weight:700}.header-action{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bottom-nav{height:var(--bottom-nav-h);background:var(--color-bg);border-top:1px solid var(--color-border);width:100%;max-width:var(--max-width);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);align-items:center;display:flex;position:fixed;bottom:0}.bottom-nav-item{padding:var(--space-2);color:var(--color-text-3);transition:color var(--transition);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.6875rem;font-weight:500;display:flex}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item svg{width:22px;height:22px}.score-ring{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.score-ring svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.score-ring-value{color:var(--color-primary);font-size:1.0625rem;font-weight:800}.score-ring-label{color:var(--color-text-3);text-align:center;font-size:.625rem}.progress-bar{background:var(--color-bg-3);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width .6s}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{background:var(--color-primary-100);color:var(--color-primary-dark)}.badge-yellow{color:#854d0e;background:#fef9c3}.badge-red{color:#991b1b;background:#fee2e2}.badge-blue{color:#1e40af;background:#dbeafe}.badge-gray{background:var(--color-bg-3);color:var(--color-text-3)}.opp-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-3);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;display:flex}.opp-card:active{transform:scale(.98)}.opp-card-icon{border-radius:var(--radius-lg);background:var(--color-primary-50);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;display:flex}.opp-card-body{flex:1;min-width:0}.opp-card-title{margin-bottom:2px;font-size:.9375rem;font-weight:700}.opp-card-desc{color:var(--color-text-3);margin-bottom:var(--space-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.score-bar-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.score-bar-label{color:var(--color-text-2);flex-shrink:0;width:140px;font-size:.8125rem}.score-bar-track{background:var(--color-bg-3);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.score-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s}.score-bar-value{text-align:right;width:32px;color:var(--color-text-2);font-size:.8125rem;font-weight:700}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center}.stat-card-value{color:var(--color-primary);font-size:1.5rem;font-weight:800}.stat-card-label{color:var(--color-text-3);margin-top:var(--space-1);font-size:.8125rem}.step-indicator{align-items:center;gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-6);display:flex}.step-dot{background:var(--color-bg-3);width:8px;height:8px;transition:all var(--transition);border-radius:50%}.step-dot.active{background:var(--color-primary);border-radius:var(--radius-full);width:24px}.step-dot.done{background:var(--color-primary)}.step-line{background:var(--color-border);flex:1;height:2px}.range-slider{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-bg-3);outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #16a34a59}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-4{padding:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100dvh}.relative{position:relative}.divider{background:var(--color-border);height:1px;margin:var(--space-4) 0}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.0625rem;font-weight:700}.empty-state-text{color:var(--color-text-3);max-width:260px;font-size:.875rem}.skeleton{background:linear-gradient(90deg, var(--color-bg-3) 25%, var(--color-border) 50%, var(--color-bg-3) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{padding:var(--space-10) var(--space-6);color:#fff;text-align:center;background:linear-gradient(160deg,#064e3b 0%,#15803d 50%,#16a34a 100%)}.hero-tagline{letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:var(--space-3);font-size:.875rem;font-weight:600}.hero-title{margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.15}.hero-title span{color:var(--color-accent-light)}.hero-subtitle{opacity:.85;margin-bottom:var(--space-8);font-size:.9375rem;line-height:1.7}.section-title{color:var(--color-text);margin-bottom:var(--space-3);font-size:1.0625rem;font-weight:700}.section-subtitle{color:var(--color-text-3);margin-bottom:var(--space-4);font-size:.875rem}.task-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition);border-left:3px solid #0000;display:flex}.task-item.done{border-left-color:var(--color-primary);background:var(--color-primary-50)}.task-item.in-progress{border-left-color:var(--color-accent);background:var(--color-accent-50)}.task-check{border:2px solid var(--color-border-2);cursor:pointer;width:22px;height:22px;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.task-check.done{background:var(--color-primary);border-color:var(--color-primary)}.task-check.in-progress{border-color:var(--color-accent)}.compare-table{border-collapse:collapse;width:100%}.compare-table th{color:var(--color-text-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:right;font-size:.8125rem;font-weight:600}.compare-table th:first-child{text-align:left}.compare-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:right;font-size:.9375rem}.compare-table td:first-child{text-align:left;color:var(--color-text-2);font-weight:600}.compare-table .delta-positive{color:var(--color-success);font-weight:600}.compare-table .delta-negative{color:var(--color-error);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s both fadeIn}.animate-slide-up{animation:.35s both slideUp}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:2px}.demo-label{color:var(--color-text-3);background:var(--color-bg-3);border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.bottom-nav-item i{font-size:1.25rem;line-height:1}.card-pressable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.pulse-dot{animation:1.8s ease-in-out infinite pulseDot}.bottom-sheet-overlay{z-index:200;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.btn i{line-height:1}.text-gradient{background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}