:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#0891b2;--primary-dark:#0369a1;--primary-light:#e0f7fa;--secondary:#0a4;--secondary-light:#e6f9f0;--bg:#f8fafc;--bg-light:#f1f5f9;--border:#e2e8f0;--text:#1e293b;--text-light:#64748b;--white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:linear-gradient(135deg, var(--bg) 0%, var(--bg-light) 100%);width:100%;height:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:100px 20px 20px;display:flex;position:relative}.app.doctor-app{justify-content:flex-start;align-items:flex-start}.mode-selector{z-index:1000;position:fixed;top:20px;right:20px}.mode-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000001a}.mode-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0891b24d}.logout-btn{color:#fff;cursor:pointer;z-index:1000;background:#f44336;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;position:fixed;bottom:20px;right:20px}.logout-btn:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.done-screen{width:100%;max-width:600px}.done-content{text-align:center;background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 10px 40px #0000001a}.done-content h1{color:#2d3748;margin-bottom:20px;font-size:2.5rem}.done-content p{color:#4a5568;margin-bottom:15px;font-size:1.1rem;line-height:1.6}.done-content button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:30px;padding:15px 40px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.done-content button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0891b266}.btn-primary,.btn-secondary,.btn-large,.btn-camera,.btn-upload,.btn-whatsapp{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{color:#333;background:#f0f0f0}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-large{width:100%;padding:16px 32px;font-size:1.1rem}.btn-camera{background:var(--primary);color:#fff}.btn-upload{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-whatsapp{color:#fff;background:#25d366;width:100%}@media (width<=768px){.done-content{padding:40px 20px}.done-content h1{font-size:2rem}.done-content p{font-size:1rem}.done-content button{padding:12px 30px;font-size:.95rem}}.site-footer{text-align:center;color:#4b5563;background:#ffffffb3;border-radius:12px;max-width:760px;margin:32px auto 24px;padding:20px 24px;font-size:.8rem;line-height:1.5}.site-footer .footer-doctor{color:#1f2937;margin:0 0 4px;font-size:.9rem}.site-footer .footer-reg{color:#6b7280;margin:0 0 10px}.site-footer .footer-disclaimer{margin:0 0 10px}.site-footer .footer-links a{color:#2563eb;text-decoration:underline}.site-footer .footer-built{color:#9ca3af;margin:14px 0 0;font-size:.75rem}.need-help-global{width:100%;max-width:760px;margin:24px auto 0}.progress-step.active .progress-dot{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #0891b24d}.progress-line{background:#e2e8f0;width:20px;height:2px;margin:0 4px}@media (width<=768px){.progress-indicator{gap:4px}.progress-dot{width:32px;height:32px;font-size:.8rem}.progress-label{width:40px;font-size:.65rem}.progress-line{width:12px}}.instructions-container{width:100%;max-width:700px;margin:0 auto}.instructions-content{background:var(--white);box-shadow:var(--shadow-lg);border-radius:20px;padding:40px;animation:.45s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section{background:linear-gradient(135deg, var(--primary-light) 0%, #00aa440d 100%);text-align:center;border-radius:16px;margin-bottom:32px;padding:32px 24px}.hero-section h1{color:var(--primary);margin-bottom:12px;font-size:2rem;line-height:1.3}.hero-subtitle{color:var(--text);margin:0;font-size:1rem;line-height:1.5}.instructions-content h2{color:var(--primary);margin-top:32px;margin-bottom:16px;font-size:1.5rem}.subtitle{text-align:center;color:var(--text-light);margin-bottom:24px;font-size:1rem}.value-banner{grid-template-columns:repeat(4,1fr);gap:10px;max-width:640px;margin:0 auto 32px;display:grid}.value-badge{text-align:center;background:linear-gradient(135deg, var(--primary-light) 0%, var(--secondary-light) 100%);border:1px solid var(--primary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.value-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0891b226}.value-amount{color:var(--primary);font-size:1.05rem;font-weight:700;line-height:1.2}.value-badge:first-child .value-amount{color:#047857}.value-label{color:#6b7280;margin-top:2px;font-size:.75rem}@media (width<=600px){.value-banner{grid-template-columns:repeat(2,1fr)}}.trust-list{text-align:left;max-width:420px;margin:16px auto 0;padding:0;list-style:none}.trust-list li{color:#4b5563;padding:3px 0;font-size:.9rem;line-height:1.5}.credentials-section{margin:8px 0 24px}.credentials-lead{text-align:center;margin-bottom:18px}.credentials-lead h2{color:#1f2937;margin:0 0 4px;font-size:1.5rem}.credentials-title{color:var(--primary);margin:0 0 2px;font-weight:600}.credentials-sub{color:#6b7280;margin:0 0 10px;font-size:.9rem}.credentials-statement{color:#374151;max-width:560px;margin:0 auto;font-size:.92rem;line-height:1.5}.doctor-photo{object-fit:cover;object-position:center top;border:3px solid #e5e7eb;border-radius:50%;width:140px;height:140px;margin:0 auto 12px;display:block;box-shadow:0 4px 14px #0000001f}.cred-carousel{touch-action:pan-y;width:100%;margin-top:16px;position:relative;overflow:hidden}.cred-track{transition:transform .42s cubic-bezier(.4,0,.2,1);display:flex}.cred-slide{flex:0 0 100%;min-width:0}.credential-card{border:1px solid var(--border);background:#fff;border-radius:14px;margin:0 1px;transition:box-shadow .25s;overflow:hidden;box-shadow:0 2px 10px #0891b212}.credential-card:hover{box-shadow:0 6px 20px #0891b224}.credential-img{object-fit:cover;width:100%;height:180px;display:block}.credential-card h3{color:#1f2937;margin:12px 14px 4px;font-size:.95rem;font-weight:600;line-height:1.35}.credential-card p{color:var(--primary);margin:0 14px 14px;font-size:.82rem;font-weight:500}.cred-controls{margin-top:14px}.privacy-section{margin:40px 0}.privacy-section h2{color:var(--text);text-align:center;margin-bottom:16px;font-size:1.5rem}.priv-carousel{touch-action:pan-y;width:100%;position:relative;overflow:hidden}.priv-track{transition:transform .42s cubic-bezier(.4,0,.2,1);display:flex}.priv-slide{flex:0 0 100%;min-width:0}.privacy-card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;margin:0 1px;padding:28px 24px;display:flex;box-shadow:0 2px 10px #0891b20f}.privacy-icon{background:var(--primary-light);width:56px;height:56px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-card h3{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.privacy-card p{color:var(--text-light);max-width:340px;margin:0;font-size:.88rem;line-height:1.55}.carousel-controls{justify-content:center;align-items:center;gap:16px;margin-top:18px;display:flex}.carousel-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--primary);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.carousel-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.carousel-dots{gap:8px;display:flex}.carousel-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.carousel-dot.active{background:var(--primary);border-radius:4px;width:22px}.google-rating-strip{background:#fff;border:1px solid #e8eaed;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto 20px;padding:10px 18px;display:flex;box-shadow:0 1px 4px #00000014}.google-G{background:linear-gradient(135deg,#4285f4 0%,#ea4335 33%,#fbbc04 66%,#34a853 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:700;line-height:1}.g-score{color:#1f2937;font-size:1rem;font-weight:700}.g-stars{color:#fbbc04;letter-spacing:1px;font-size:1rem}.g-count{color:#6b7280;font-size:.82rem}.testimonials-section{margin:40px 0}.testimonials-section h2{color:var(--text);text-align:center;margin-bottom:8px;font-size:1.5rem}.section-sub{text-align:center;color:var(--text-light);margin-bottom:20px;font-size:.9rem}.testimonial-carousel{touch-action:pan-y;width:100%;position:relative;overflow:hidden}.testimonial-track{transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex}.testimonial-slide{flex:0 0 100%;min-width:0}.testimonial-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:190px;padding:24px;display:flex;box-shadow:0 2px 12px #0891b20f}.testimonial-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.testimonial-stars{color:#fbbc04;letter-spacing:2px;font-size:1rem}.google-badge{color:#6b7280;background:#f8f9fa;border:1px solid #e8eaed;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.75rem;display:flex}.g-mini{background:linear-gradient(135deg,#4285f4 0%,#ea4335 33%,#fbbc04 66%,#34a853 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.8rem;font-weight:700}.testimonial-quote{color:var(--text);flex:1;margin:0 0 16px;font-size:.92rem;font-style:italic;line-height:1.65}.testimonial-author{align-items:center;gap:10px;display:flex}.testimonial-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.testimonial-author strong{color:var(--text);font-size:.88rem;display:block}.testimonial-author span{color:var(--text-light);font-size:.75rem}.info-box{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;border-radius:14px;margin:30px 0;padding:25px}.info-box p{color:#fff;margin-bottom:10px;font-size:1rem}.info-box p:last-child{margin-bottom:0}.info-box strong{font-weight:600}.info-title{color:#fff;margin-top:0;margin-bottom:15px;font-size:1.2rem}.info-box.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.info-box.secondary p{color:var(--text-light)}.btn-cta{border-radius:12px;width:100%;margin-top:20px;padding:18px;font-size:1.15rem}.instructions-content .btn-primary{width:100%;margin-top:20px;padding:15px;font-size:1.1rem}.sample-report-section{text-align:center;margin:30px 0}.sample-report-label{color:#6b7280;margin:0 0 20px;font-size:.95rem;font-weight:500}.sample-report-image{object-fit:cover;object-position:top;border-radius:10px;width:100%;max-width:100%;height:320px;margin:0 auto 16px;display:block;box-shadow:0 10px 40px #0000001a}.sample-report-caption{color:#6b7280;margin:0;font-size:.8125rem;line-height:1.5}@media (width<=768px){.instructions-content{padding:25px 20px}.hero-section h1{font-size:1.7rem}.sample-report-image{height:280px}}.progress-step.active .progress-dot{position:relative}.progress-step.active .progress-dot:after{content:"";border:2px solid var(--primary);opacity:0;pointer-events:none;border-radius:50%;animation:2.4s ease-out infinite dotRing;position:absolute;inset:-3px}@keyframes dotRing{0%{opacity:.55;transform:scale(.92)}to{opacity:0;transform:scale(1.45)}}.photo-capture-container{width:100%;max-width:700px;margin:0 auto}.capture-options{text-align:center;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.capture-options h2{color:#2d3748;margin-bottom:10px;font-size:2rem}.subtitle-text{color:#718096;margin-bottom:25px;font-size:1.05rem}.reassurance-box{text-align:left;background:linear-gradient(135deg,#e6f7ff 0%,#f0f9ff 100%);border-left:5px solid #4a90e2;border-radius:10px;margin-bottom:30px;padding:18px}.reassurance-box p{color:#2d3748;margin:0;font-size:.95rem;line-height:1.5}.reassurance-box strong{color:#1a365d}.photo-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:15px;margin-bottom:25px;padding:25px;transition:all .3s}.photo-section.completed{background:#f0fdf4;border-color:#86efac}.photo-section.disabled{opacity:.6;pointer-events:none;background:#f3f4f6}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{color:#2d3748;flex:1;margin:0;font-size:1.3rem}.status-badge{color:#fff;white-space:nowrap;background:#10b981;border-radius:20px;margin-left:10px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.disabled-badge{color:#fff;background:#f59e0b}.sample-section{text-align:center;background:#f7f9fc;border:2px solid #e2e8f0;border-radius:15px;margin-bottom:30px;padding:25px}.sample-label{color:#2d3748;margin-bottom:15px;font-size:1rem;font-weight:600}.sample-photo{border:2px solid #cbd5e0;border-radius:12px;width:100%;max-width:300px;height:auto;margin-bottom:20px;box-shadow:0 4px 12px #00000014}.photo-requirements{text-align:left;background:#fff;border-radius:10px;margin-top:15px;padding:15px}.photo-requirements p{color:#2d3748;margin:0 0 10px;font-size:.95rem;font-weight:600}.photo-requirements ul{margin:0;padding-left:20px}.photo-requirements li{color:#4a5568;margin-bottom:6px;font-size:.9rem;line-height:1.4}.photo-requirements li:last-child{margin-bottom:0}.btn-camera,.btn-upload{cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:15px;padding:18px;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-upload{color:#fff;background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);margin-bottom:12px;padding:20px;font-size:1.15rem;box-shadow:0 4px 15px #f5576c4d}.btn-upload:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f5576c66}.btn-upload:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-camera{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px;font-size:1rem}.btn-camera:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.warning{color:#f6ad55;background:#feebc8;border-radius:8px;margin-top:20px;padding:12px}.loading{text-align:center;background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 10px 40px #0000001a}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:#4a5568;font-size:1.1rem}.camera-view{background:#fff;border-radius:20px;padding:30px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.camera-view h2{color:#2d3748;margin-bottom:20px;font-size:1.8rem}.camera-stream{background:#000;border-radius:15px;width:100%;height:auto;margin-bottom:20px;display:block}.camera-instructions{text-align:left;background:#edf2f7;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:15px}.camera-instructions p{color:#2d3748;margin-bottom:5px;font-weight:500}.camera-instructions .small-text{color:#718096;margin:0;font-size:.9rem}.camera-buttons{gap:15px;display:flex}.camera-buttons button{flex:1;padding:15px;font-size:1rem}.camera-buttons .btn-primary{flex:2}@media (width<=768px){.photo-capture-container{padding:0}.capture-options{padding:30px 20px}.capture-options h2{font-size:1.5rem}.camera-view{padding:20px}.camera-view h2{font-size:1.5rem}.camera-buttons{flex-direction:column}.camera-buttons button{width:100%}}.progress-indicator{justify-content:center;align-items:center;gap:8px;margin-bottom:40px;padding:0 20px;display:flex}.progress-step{flex-direction:column;align-items:center;gap:6px;display:flex}.progress-dot{color:#9ca3af;background:#f3f4f6;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.progress-step.active .progress-dot{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.progress-step.completed .progress-dot{color:#fff;background:#22c55e;border-color:#22c55e}.progress-label{color:#9ca3af;text-align:center;width:50px;font-size:.75rem;font-weight:500}.progress-step.active .progress-label{color:#667eea;font-weight:600}.progress-step.completed .progress-label{color:#22c55e;font-weight:600}.progress-line{background:#e2e8f0;width:20px;height:2px;margin-bottom:20px}.progress-line.completed{background:#22c55e}.preview-container{width:100%;max-width:700px;margin:0 auto}.preview-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.preview-content h2{color:#2d3748;margin-bottom:30px;font-size:2rem}.photos-preview{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.photo-preview-item{flex-direction:column;display:flex}.photo-label{color:#2d3748;text-align:center;margin-bottom:10px;font-size:.95rem;font-weight:600}.photo-preview{border-radius:15px;margin-bottom:30px;overflow:hidden;box-shadow:0 5px 20px #0000001a}.photo-preview img{object-fit:cover;width:100%;height:auto;max-height:400px;display:block}.photo-preview-item img{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:300px;box-shadow:0 4px 15px #00000014}.quality-check{background:#f0fdf4;border-left:4px solid #22c55e;border-radius:10px;margin-bottom:30px;padding:20px}.quality-check h3{color:#166534;margin-bottom:12px;font-size:1.1rem}.quality-check ul{margin:0 0 12px;padding:0;list-style:none}.quality-check li{color:#166534;padding:6px 0;font-size:.95rem}.quality-note{color:#15803d;margin:12px 0 0;font-size:.9rem}.phone-section{margin-bottom:30px}.phone-section h3{color:#2d3748;margin-bottom:8px;font-size:1.2rem}.phone-section p{color:#718096;margin-bottom:15px;font-size:.95rem}.phone-row{align-items:stretch;gap:8px;display:flex}.cc-select{cursor:pointer;color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:none;min-width:140px;max-width:200px;padding:0 10px;font-size:1rem;transition:border-color .3s}.cc-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.phone-input{border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:14px;font-size:1rem;transition:border-color .3s}.phone-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.phone-input.error{border-color:#f87171}.error-message{color:#dc2626;margin-top:8px;font-size:.9rem}.phone-hint{color:#a0aec0;margin-top:8px;font-size:.85rem}.preview-buttons{gap:15px;margin-bottom:20px;display:flex}.preview-buttons button{flex:1;padding:14px}.info-box-small{color:#1e40af;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;padding:12px 15px;font-size:.9rem}.info-box-small p{margin:0}@media (width<=768px){.preview-content{padding:25px 20px}.preview-content h2{font-size:1.5rem}.photos-preview{grid-template-columns:1fr;gap:15px}.photo-preview-item img{max-height:250px}.photo-preview img{max-height:300px}.preview-buttons{flex-direction:column}.preview-buttons button{width:100%}}@media (width<=480px){.phone-row{flex-direction:column;gap:10px}.cc-select{width:100%;min-width:unset;max-width:unset;padding:12px 10px;font-size:.95rem}}.consent-section{flex-direction:column;gap:14px;margin:20px 0 8px;display:flex}.consent-item{color:#374151;cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.45;display:flex}.consent-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:3px}.consent-item a{color:#2563eb;text-decoration:underline}.results-container{width:100%;max-width:700px;margin:0 auto}.results-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.results-content h1{color:#2d3748;text-align:center;margin-bottom:30px;font-size:2rem}.results-content h3{color:#2d3748;margin-bottom:15px;font-size:1.2rem}.grade-display{text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 0%);border-top:5px solid #4caf50;border-radius:15px;margin-bottom:30px;padding:40px}.grade-main{justify-content:center;align-items:center;gap:20px;margin-bottom:30px;display:flex}.confidence-meter{text-align:center}.confidence-label{color:#718096;margin-bottom:8px;font-size:.9rem;font-weight:500}.confidence-value{color:#2d3748;font-size:1.3rem;font-weight:600}.result-details{margin-bottom:30px}.result-details h3{color:#2d3748;margin-bottom:20px;font-size:1.3rem}.detail-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:10px;margin-bottom:12px;padding:15px}.detail-item strong{color:#2d3748;margin-bottom:8px;font-size:.95rem;display:block}.detail-item p{color:#4a5568;margin:0;font-size:.95rem;line-height:1.5}.detail-item ul{margin:0;padding:0;list-style:none}.detail-item li{color:#4a5568;padding:6px 0;font-size:.95rem}.important-disclaimer{color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:25px;padding:15px;font-size:.9rem;line-height:1.6}.important-disclaimer p{margin:0}.consultation-section{text-align:center;background:linear-gradient(135deg,#dbeafe 0%,#f0fdf4 100%);border-radius:15px;margin-bottom:25px;padding:25px}.consultation-section h3{color:#1e40af;margin-bottom:12px;font-size:1.2rem}.consultation-section p{color:#1e40af;margin-bottom:15px;font-size:.95rem}.disclaimer-box{text-align:left;background:linear-gradient(135deg,#e6f7ff 0%,#f0f9ff 100%);border-left:5px solid #3b82f6;border-radius:12px;margin-bottom:25px;padding:25px}.disclaimer-box h3{color:#1e40af;margin-bottom:12px;font-size:1.1rem}.disclaimer-box p{color:#1e40af;margin-bottom:12px;font-size:.95rem;line-height:1.5}.disclaimer-box .bold-text{color:#1e40af;font-weight:600}.disclaimer-box ul{margin:15px 0 0;padding:0;list-style:none}.disclaimer-box li{color:#1e40af;padding:6px 0 6px 20px;font-size:.95rem}.loading-section{text-align:center;background:#f3f4f6;border-radius:12px;margin-top:30px;padding:30px}.loading-section .status-text{color:#4b5563;margin:0;font-size:1rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;width:100%;margin:15px 0;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .3s}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 5px 20px #25d36666}.consultation-note{color:#166534;margin:0;font-size:.85rem}.results-content .btn-primary{width:100%;padding:15px;font-size:1rem}@media (width<=768px){.results-content{padding:25px 20px}.results-content h1{margin-bottom:20px;font-size:1.5rem}.grade-display{padding:25px 20px}.grade-main{flex-direction:column;gap:10px}.grade-number{font-size:3rem}.grade-name{font-size:1.3rem}.result-details h3{font-size:1.1rem}.consultation-section{padding:20px}.consultation-section h3{font-size:1.1rem}}.deletion-section{text-align:center;margin-top:18px}.btn-link-danger{color:#b91c1c;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:.9rem;text-decoration:underline}.btn-link-danger:disabled{opacity:.6;cursor:default}.deletion-note{color:#6b7280;margin-top:4px;font-size:.78rem}.deletion-error{color:#b91c1c;margin-top:6px;font-size:.82rem}.deletion-done{color:#047857;font-size:.88rem}.doctor-dashboard{background:#f5f7fa;min-height:100vh;padding:20px}.doctor-header{text-align:center;background:#fff;border-radius:15px;margin-bottom:40px;padding:30px 20px;box-shadow:0 2px 10px #0000000d}.doctor-header h1{color:#1a365d;margin:0 0 10px;font-size:2.5rem;font-weight:700}.doctor-header .subtitle{color:#666;margin:0;font-size:1.1rem;font-weight:500}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 10px #0000000d}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.stat-number{color:#2196f3;margin-bottom:10px;font-size:2.5rem;font-weight:700}.stat-label{color:#666;font-size:.95rem;font-weight:500}.view-tabs{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.tab{cursor:pointer;color:#666;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s}.tab:hover{color:#2196f3;border-color:#2196f3}.tab.active{color:#fff;background:#2196f3;border-color:#2196f3}@media (width<=768px){.doctor-header h1{font-size:1.8rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}}.assessment-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;animation:.3s ease-in fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.assessment-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000d}.assessment-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card-header{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:15px;padding:20px;display:flex}.grade-badge{color:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 4px 12px #0003}.grade-label{text-align:center;margin-top:5px;font-size:.75rem;font-weight:500}.card-info{flex:1}.card-info h3{color:#333;margin:0 0 8px;font-size:1.1rem}.patient-phone{color:#666;margin:0;font-size:.95rem}.card-meta{text-align:right;flex-direction:column;gap:8px;font-size:.85rem;display:flex}.confidence{flex-direction:column;gap:4px;display:flex}.confidence .label,.confidence .value{display:block}.confidence .label{color:#999}.confidence .value{color:#333;font-weight:600}.date{color:#999}.card-details{background:#fafbfc;border-bottom:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:12px;padding:15px 20px;display:grid}.detail{flex-direction:column;gap:4px;display:flex}.detail .label{color:#999;text-transform:uppercase;font-size:.8rem;font-weight:500}.detail .value{color:#333;font-size:.95rem;font-weight:500}.status-badge{color:#666;background:#f0f0f0;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;top:10px;right:10px}.status-badge.completed{color:#2e7d32;background:#e8f5e9}.card-footer{padding:15px 20px}.btn-view{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:.95rem;font-weight:600;transition:all .3s}.btn-view:hover{transform:scale(1.02);box-shadow:0 4px 12px #2196f366}.loading{text-align:center;color:#666;padding:40px;font-size:1.1rem}.error{color:#c62828;background:#ffebee;border-radius:8px;margin:20px 0;padding:20px}.empty-state{text-align:center;color:#999;background:#fff;border-radius:12px;padding:60px 20px;font-size:1.1rem}@media (width<=768px){.assessment-list{grid-template-columns:1fr}.card-header{flex-direction:column}.card-meta{text-align:left}.card-details{grid-template-columns:1fr}}.card-footer{align-items:center;gap:10px;display:flex}.btn-delete-case{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-delete-case:hover{color:#fff;background:#ef4444}.btn-delete-case:disabled{opacity:.6;cursor:default}.assessment-detail{background:#fff;border-radius:12px;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #0000000d}.btn-back{cursor:pointer;color:#666;background:0 0;border:1px solid #e0e0e0;border-radius:8px;margin:20px;padding:10px 20px;font-size:.95rem;transition:all .3s}.btn-back:hover{color:#2196f3;background:#f0f7ff;border-color:#2196f3}.detail-container{grid-template-columns:1fr 1fr;gap:0;min-height:600px;display:grid}.left-panel{background:#fafbfc;border-right:1px solid #e0e0e0;max-height:800px;padding:30px;overflow-y:auto}.left-panel h3{color:#1a365d;margin-top:0;margin-bottom:20px;font-size:1.2rem}.photos-section{margin-bottom:40px}.photos-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.photo-item{position:relative}.photo-item img{object-fit:cover;border:2px solid #ddd;border-radius:8px;width:100%;height:250px}.photo-label{color:#666;text-align:center;margin-top:8px;font-size:.9rem;font-weight:500}.ai-assessment-section{margin-top:40px}.grade-display{margin-bottom:20px}.grade-card{text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 0%);border-top:5px solid #4caf50;border-radius:12px;padding:20px}.grade-header{justify-content:center;align-items:center;gap:15px;margin-bottom:20px;display:flex}.grade-number{font-size:3rem;font-weight:700;line-height:1}.grade-name{color:#4a5568;font-size:1.2rem;font-weight:500}.confidence-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:10px;overflow:hidden}.confidence-fill{border-radius:4px;height:100%;transition:width .3s}.confidence-text{color:#666;font-size:.9rem;font-weight:600}.ai-details{background:#fff;border-radius:8px;margin:20px 0;padding:15px}.ai-details p{margin:10px 0;font-size:.95rem;line-height:1.5}.clinical-notes{background:#fff;border-left:4px solid #2196f3;border-radius:8px;margin-top:20px;padding:15px}.clinical-notes p{color:#333;margin:8px 0;line-height:1.6}.right-panel{max-height:800px;padding:30px;overflow-y:auto}.right-panel h3{color:#1a365d;margin-top:0;font-size:1.2rem}.subtitle{color:#666;margin-bottom:25px;font-size:.95rem}.form-group textarea,.form-group input{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.form-group textarea:focus,.form-group input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.grade-selector{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.grade-btn{cursor:pointer;background:#fff;border:2px solid;border-radius:8px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.grade-btn:hover{transform:scale(1.05)}.grade-btn.active{color:#fff}.grade-description{color:#666;margin:0;font-size:.9rem;font-weight:500}.form-actions{gap:10px;margin-top:30px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;flex:1;padding:15px;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#666;background:#f0f0f0;border:1px solid #ddd}.btn-secondary:hover{background:#e0e0e0}@media (width<=1024px){.detail-container{grid-template-columns:1fr}.left-panel{border-bottom:1px solid #e0e0e0;border-right:none}.photos-grid{grid-template-columns:1fr}.grade-selector{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.left-panel,.right-panel{padding:20px}.form-actions{flex-direction:column}}.draft-bar{align-items:center;gap:10px;margin:4px 0 14px;display:flex}.btn-redraft{color:#5a693c;cursor:pointer;background:#fff;border:1px solid #5a693c;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600}.btn-redraft:hover{color:#fff;background:#5a693c}.btn-redraft:disabled{opacity:.6;cursor:default}.draft-hint{color:#6b7280;font-size:.8rem}.pdf-generator{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #0000000d}.pdf-generator .btn-back{margin:20px}.pdf-container{grid-template-columns:1fr 300px;gap:20px;padding:20px;display:grid}.pdf-preview{background:#fafbfc;border-radius:8px;max-height:800px;padding:20px;overflow-y:auto}.pdf-preview h2{color:#1a365d;margin-top:0;margin-bottom:20px;font-size:1.3rem}.pdf-content{color:#333;background:#fff;border-radius:8px;padding:40px;font-size:.95rem;line-height:1.8;box-shadow:0 1px 3px #0000001a}.report-header{text-align:center;border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.report-header h1{color:#1a365d;margin:0 0 10px;font-size:1.8rem}.doctor-name{color:#2196f3;margin:5px 0;font-size:1.2rem;font-weight:600}.doctor-title{color:#666;margin:5px 0;font-weight:500}.report-date{color:#999;margin:10px 0 0;font-size:.9rem}.section{margin-bottom:25px}.section h2{color:#1a365d;border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding-bottom:8px;font-size:1.2rem}.section p{text-align:justify;margin:10px 0}.section ul{margin:10px 0;padding-left:25px}.section li{margin:8px 0}.grade-summary{background:#f0f7ff;border-radius:8px;margin-bottom:15px;padding:15px}.grade-box{background:#fff;border-left:4px solid #2196f3;border-radius:6px;margin-bottom:10px;padding:15px}.grade-box h3{color:#2196f3;margin:0 0 5px}.grade-box p{color:#666;margin:0}.report-footer{text-align:center;color:#666;border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px;font-size:.9rem}.report-footer hr{border:none;border-top:1px solid #e0e0e0;margin:15px 0}.signature{color:#333;font-weight:600}.pdf-actions{background:#fff;border-radius:8px;flex-direction:column;gap:15px;height:fit-content;padding:20px;display:flex;position:sticky;top:20px}.pdf-actions h3{color:#1a365d;margin:0 0 10px;font-size:1.1rem}.pdf-actions p{color:#666;margin:0;font-size:.9rem}.pdf-actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);border:none;border-radius:8px;width:100%;padding:15px;font-size:.95rem;font-weight:600;transition:all .3s}.pdf-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.pdf-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.note{color:#666;background:#fff9e6;border-left:3px solid #ffc107;border-radius:4px;margin:0;padding:10px;font-size:.85rem}@media (width<=900px){.pdf-container{grid-template-columns:1fr}.pdf-actions{position:static}.pdf-content{padding:30px 20px}}@media (width<=600px){.pdf-content{padding:20px 15px;font-size:.9rem}.report-header h1{font-size:1.5rem}.section h2{font-size:1.1rem}}.deletion-requests{max-width:760px;margin:0 auto}.dr-intro{color:#4b5563;margin:0 0 16px;font-size:.9rem}.dr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px 18px;display:flex}.dr-info{flex-direction:column;gap:2px;display:flex}.dr-phone{color:#1f2937;margin:0;font-weight:600}.dr-date{color:#6b7280;margin:0;font-size:.82rem}.dr-gone{color:#b45309;margin:2px 0 0;font-size:.8rem}.dr-delete-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ef4444;border-radius:8px;padding:9px 16px;font-size:.88rem;font-weight:600}.dr-delete-btn:hover{color:#fff;background:#ef4444}.dr-delete-btn:disabled{opacity:.6;cursor:default}.dr-done{color:#047857;font-size:.88rem;font-weight:600}.doctor-login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:#fff;border-radius:15px;width:100%;max-width:400px;padding:40px;animation:.4s slideUp;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#1a365d;margin:0 0 10px;font-size:2rem}.login-header .subtitle{color:#666;margin:0;font-size:1rem;font-weight:500}.login-form{margin-bottom:20px}.error-message{color:#c62828;background:#ffebee;border-left:4px solid #c62828;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background:#f5f5f5}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.toggle-auth{text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:20px;padding:20px 0}.toggle-auth p{color:#666;margin:0;font-size:.95rem}.toggle-btn{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .3s}.toggle-btn:hover:not(:disabled){color:#764ba2}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.login-info{background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;padding:15px}.login-info p{color:#333;margin:8px 0;font-size:.9rem;line-height:1.5}.login-info p:first-child{margin-top:0}.login-info p:last-child{margin-bottom:0}.back-link{margin-top:20px}.back-link a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.back-link a:hover{color:#f0f0f0;text-decoration:underline}@media (width<=480px){.login-box{padding:25px}.login-header h1{font-size:1.5rem}.login-header .subtitle{font-size:.95rem}}