:root{--rossmann-red: #E2001A;--text-primary: #111111;--text-secondary: #666666;--bg-white: #FFFFFF;--bg-light: #F8F8F8;--border-color: #E5E5E5;--benefit-orange-bg: #FFF4E6;--benefit-orange-text: #E85D04;--benefit-blue-bg: #E6F0FF;--benefit-blue-text: #0066CC;--benefit-green-bg: #E6F9F0;--benefit-green-text: #00994D;--benefit-pink-bg: #FFE6F2;--benefit-pink-text: #CC0066;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--container-width: 420px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:#f0f0f0;color:var(--text-primary);display:flex;justify-content:center;min-height:100vh}#root{width:100%;display:flex;justify-content:center}.app-container{width:100%;max-width:var(--container-width);background:#fff;min-height:100vh;position:relative;box-shadow:0 0 20px #0000000d}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);background:#fff;position:sticky;top:0;z-index:100}.brand-section{display:flex;align-items:center;gap:8px}.verrte-logo{height:64px;width:auto;display:block;object-fit:contain}.brand-divider{border-left:1px solid #ccc;height:20px}.app-title{color:#333;font-size:14px;font-weight:500}.login-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #ddd;padding:4px 8px;border-radius:4px;font-size:12px;color:#555;cursor:pointer}.landing-content{padding:20px 16px 100px}.hero-title{font-size:24px;font-weight:800;line-height:1.2;margin-bottom:12px;color:#111}.hero-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.info-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.info-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;justify-content:center}.pill{font-size:13px;padding:8px 16px;border-radius:50px;background:#fff;border:1px solid #e5e5e5;color:#555;display:inline-flex;align-items:center;white-space:nowrap}.text-red{color:var(--rossmann-red);font-weight:600;margin-right:4px}.camera-visual{display:flex;justify-content:center;margin-bottom:24px;position:relative}.face-frame{width:180px;height:130px;background:linear-gradient(180deg,#c8d3e6,#e8dfe6 40%,#ffd8c2);border:4px solid white;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #00000014;overflow:hidden}.face-svg{opacity:.9;transform:translateY(4px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.bracket{position:absolute;width:28px;height:28px;border-color:#fff;border-style:solid;opacity:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15));stroke-linecap:round}.tl{top:14px;left:14px;border-width:4px 0 0 4px;border-radius:6px 0 0}.tr{top:14px;right:14px;border-width:4px 4px 0 0;border-radius:0 6px 0 0}.bl{bottom:14px;left:14px;border-width:0 0 4px 4px;border-radius:0 0 0 6px}.br{bottom:14px;right:14px;border-width:0 4px 4px 0;border-radius:0 0 6px}.btn-primary{display:block;width:100%;background-color:var(--rossmann-red);color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:700;margin-bottom:10px;cursor:pointer;box-shadow:0 2px 4px #e2001a33}.btn-secondary{display:block;width:100%;background-color:#fff;color:#333;border:1px solid #ddd;padding:12px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px}.camera-permission-text{text-align:center;font-size:11px;color:#999;margin-bottom:24px}.section-divider{height:1px;background:#eee;border:none;margin:0 0 24px}.section-title{font-size:14px;font-weight:700;margin-bottom:16px;color:#111}.tips-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:24px}.tip-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;text-align:center;display:flex;flex-direction:column}.tip-illustration{height:60px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.illustration-svg{width:100%;height:100%;object-fit:cover}.sun-bg{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.neutral-bg{background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.blue-bg{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.tip-content{padding:8px 4px 12px}.tip-title{font-size:11px;font-weight:700;color:#111;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:4px}.tip-desc{font-size:10px;color:#666;line-height:1.2}.show-examples{display:block;text-align:center;color:var(--rossmann-red);font-size:14px;font-weight:600;margin-bottom:24px;cursor:pointer}.show-examples{display:block;text-align:center;color:var(--rossmann-red);font-size:12px;font-weight:600;margin-bottom:24px;cursor:pointer}.benefits-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.benefit-card{background:#fdfdfd;border:1px solid #f0f0f0;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;min-height:60px}.benefit-icon{width:40px;height:40px;flex-shrink:0}.benefit-svg{width:100%;height:100%}.benefit-label{font-size:13px;font-weight:600;color:#333;line-height:1.25;text-align:left}.consent-section{background:#fcfcfc;padding:16px 16px 30px;border-top:1px solid #eee;margin:0 -16px -20px}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.consent-checkbox{margin-top:3px;accent-color:var(--rossmann-red)}.consent-text{font-size:11px;color:#666;line-height:1.4}.consent-link{color:var(--rossmann-red);text-decoration:none}.btn-submit{width:100%;padding:14px;border-radius:6px;border:none;font-weight:700;font-size:16px;cursor:pointer}.btn-submit.active{background-color:var(--rossmann-red);color:#fff}.btn-submit.disabled{background-color:#ddd;color:#999;cursor:not-allowed}.disclaimer{text-align:center;font-size:10px;color:#aaa;margin-top:12px}.hidden{display:none}.results-container{padding-bottom:40px}.results-header{padding:16px;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.results-title{font-size:18px;font-weight:700;color:#111}.retake-btn{color:var(--rossmann-red);background:none;border:none;font-weight:600;font-size:14px}.results-content{padding:20px 16px}.score-section{display:flex;gap:16px;margin-bottom:24px;background:#fff;padding:12px;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #00000008}.user-photo{width:90px;height:90px;border-radius:8px;object-fit:cover;border:1px solid #eee}.score-info{display:flex;flex-direction:column;justify-content:center}.score-label{font-size:12px;color:#777;margin-bottom:4px}.score-value{font-size:32px;font-weight:800;color:#111;line-height:1;margin-bottom:4px}.score-max{font-size:16px;font-weight:400;color:#aaa}.score-status{font-size:12px;font-weight:600;color:#00994d}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.metric-card{padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.metric-card.blue{background:var(--benefit-blue-bg);color:var(--benefit-blue-text)}.metric-card.pink{background:var(--benefit-pink-bg);color:var(--benefit-pink-text)}.metric-icon{margin-bottom:8px;opacity:.9}.metric-title{font-size:11px;color:#555;margin-bottom:4px}.metric-value{font-size:16px;font-weight:700}.section-heading{font-size:15px;font-weight:700;margin-bottom:12px;color:#222}.issues-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.issue-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.issue-name{font-size:14px;font-weight:500;color:#333}.issue-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.issue-low{background:#fff4e6;color:#e85d04}.issue-mid{background:#e6f0ff;color:#06c}.issue-none{background:#e6f9f0;color:#00994d}.routine-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008}.routine-header{padding:12px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.routine-header.am{background:#fff9e6;color:#997b00;border-bottom:1px solid #FFEBB0}.routine-header.pm{background:#f0f4ff;color:#35a;border-bottom:1px solid #D6E0FF;border-top:1px solid #eee}.icon-rotate{transform:rotate(180deg)}.routine-list{list-style:none;padding:12px 16px}.routine-step{font-size:13px;color:#444;margin-bottom:8px;display:flex;gap:6px}.routine-step:last-child{margin-bottom:0}.step-num{color:#aaa;font-weight:500}.camera-overlay-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.overlay-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;justify-content:space-between}.camera-top-bar{padding:24px;display:flex;justify-content:flex-end}.close-btn{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn:active{background:#ffffff4d}.instruction-text{position:absolute;top:18%;left:0;width:100%;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);font-weight:600;font-size:18px;letter-spacing:.5px;pointer-events:none;animation:fadeIn .5s ease-out}.camera-bottom-bar{padding-bottom:60px;display:flex;justify-content:center}.shutter-btn{width:80px;height:80px;border-radius:50%;background:#fff3;border:4px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s cubic-bezier(.4,0,.2,1)}.shutter-inner{width:60px;height:60px;background:var(--rossmann-red);border-radius:50%;transition:transform .15s;box-shadow:inset 0 2px 4px #0000001a}.shutter-btn:active{transform:scale(.95)}.shutter-btn:active .shutter-inner{transform:scale(.9)}.scan-line{position:absolute;top:15%;left:50%;transform:translate(-50%);width:260px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);box-shadow:0 0 10px #ffffff80;z-index:15;animation:scanMove 3s infinite ease-in-out;opacity:.7}@keyframes scanMove{0%{top:15%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:75%;opacity:0}}.overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1000;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .3s ease-out}.overlay-drawer{background:#fff;width:100%;max-width:var(--container-width);margin:0 auto;border-radius:24px 24px 0 0;padding:32px 24px 48px;animation:slideUp .4s cubic-bezier(.19,1,.22,1);max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 -4px 20px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.overlay-icon-badge{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.overlay-close-btn{background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#4b5563;cursor:pointer;transition:background .2s}.overlay-close-btn:hover{background:#e5e7eb}.overlay-content{text-align:center}.overlay-title{font-size:26px;font-weight:800;margin-bottom:36px;color:#111;letter-spacing:-.5px}.overlay-score-container{display:flex;justify-content:center;margin-bottom:40px}.circular-chart{position:relative;width:180px;height:180px}.circular-svg{transform:rotate(-90deg);width:100%;height:100%}.circle-bg{fill:none;stroke:#f3f4f6;stroke-width:3}.circle{fill:none;stroke:var(--color, #3B82F6);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1.5s ease-out}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.percentage-text .value{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.5px}.percentage-text .label{margin-top:8px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#9ca3af}.overlay-description{background:#f8fafc;padding:20px;border-radius:16px;margin-bottom:32px;font-size:15px;line-height:1.6;color:#334155;text-align:left;border:1px solid #e2e8f0}.overlay-tips{text-align:left;margin-bottom:32px}.tips-title{font-size:18px;font-weight:700;margin-bottom:16px;color:#0f172a}.tips-list{list-style:none}.tip-item{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start;font-size:15px;color:#475569;line-height:1.5;background:#fff}.products-header{background:#fef3c7;color:#92400e}.product-step{display:flex;flex-wrap:wrap;align-items:center}.detail-pill{display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:700;padding:8px 16px;border-radius:20px;transition:all .2s;margin-top:8px}.detail-pill .arrow{font-size:14px;transition:transform .2s}.score-section.clickable:hover .detail-pill{background:#fecaca;transform:translateY(-1px)}.score-section.clickable:hover .arrow{transform:translate(3px)}.tip-card,.benefit-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.tip-card:hover,.benefit-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tip-card:active,.benefit-card:active{transform:scale(.98)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;width:90%;max-width:400px;border-radius:20px;padding:24px;position:relative;box-shadow:0 10px 25px #0000001a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.modal-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:12px;padding-right:24px}.modal-body{font-size:15px;line-height:1.6;color:#4b5563}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.analyzing-screen{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff5f5,#fff,#f0f9ff)}.analyzing-photo-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(60px) brightness(1.2);opacity:.15;z-index:0}.analyzing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px 20px}.scan-circle-container{position:relative;width:200px;height:200px}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #E85D04;border-radius:50%;opacity:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-ring-1{animation-delay:0s}.pulse-ring-2{animation-delay:.7s}.pulse-ring-3{animation-delay:1.4s}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.scan-circle{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000d}.scan-circle-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) blur(3px);opacity:.5}.scan-circle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,rgba(232,93,4,.2) 100%)}.scan-progress{position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid transparent;border-top-color:#e85d04;border-radius:50%;animation:spin 1.5s linear infinite}.analyzing-title{font-size:28px;font-weight:700;color:#1f2937;text-align:center;margin:0}.analyzing-steps{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px}.analysis-step{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s;opacity:.5}.analysis-step.active{opacity:1;box-shadow:0 4px 16px #e85d0426;border:2px solid #FEE2E2}.step-icon{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.analysis-step.active .step-icon{background:#fee2e2;color:#e85d04}.analysis-step span{font-size:15px;color:#4b5563;font-weight:500}.analysis-step.active span{color:#1f2937;font-weight:600}.spinner{width:16px;height:16px;border:2px solid #FCA5A5;border-top-color:#e85d04;border-radius:50%;animation:spin .8s linear infinite}.analyzing-subtitle{font-size:14px;color:#6b7280;text-align:center;margin:0;font-style:italic}*{transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.landing-content{position:relative;background:linear-gradient(135deg,#fff5f5,#fff 40%,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pill{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(229,229,229,.5);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.pill:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #e2001a1f;border-color:#e2001a33}.face-frame{animation:pulseGlow 3s ease-in-out infinite;box-shadow:0 8px 24px #00000014,0 0 40px #e2001a1a}@keyframes pulseGlow{0%,to{box-shadow:0 8px 24px #00000014,0 0 40px #e2001a1a}50%{box-shadow:0 12px 32px #0000001f,0 0 60px #e2001a33}}.tip-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fff,#fafafa)}.tip-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001a,0 0 20px #e2001a14;border-color:#e2001a33}.benefit-card{opacity:0;animation:fadeInUp .6s ease forwards;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.benefit-card:nth-child(1){animation-delay:.1s}.benefit-card:nth-child(2){animation-delay:.2s}.benefit-card:nth-child(3){animation-delay:.3s}.benefit-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.benefit-card:hover{transform:translate(4px);box-shadow:0 6px 16px #00000014;border-color:#e2001a26}.btn-primary{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e2001a4d}.btn-primary:active{transform:translateY(0)}.btn-secondary:hover{background:linear-gradient(145deg,#fff,#f8f8f8);box-shadow:0 4px 12px #00000014;border-color:#ccc}.section-title{position:relative;padding-left:12px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,var(--rossmann-red),#FF6B6B);border-radius:2px}.hero-title{background:linear-gradient(135deg,#111,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.modal-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-visual{cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.camera-visual:hover .face-frame{transform:scale(1.05);box-shadow:0 12px 32px #0000001f,0 0 60px #e2001a40}.camera-visual:active .face-frame{transform:scale(.98)}.status-pills{position:absolute;top:68px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:30;flex-wrap:wrap;justify-content:center;max-width:90%}.status-pill{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid;animation:pillSlideIn .3s ease-out;white-space:nowrap}.pill-ok{background:#10b98133;color:#6ee7b7;border-color:#10b98159}.pill-error{background:#ef444433;color:#fca5a5;border-color:#ef444459}.pill-warning{background:#fbbf2433;color:#fde68a;border-color:#fbbf2459;animation:pillPulse 1.5s ease-in-out infinite}@keyframes pillSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pillPulse{0%,to{opacity:1}50%{opacity:.6}}.scan-ring{position:absolute;top:50%;left:50%;width:64%;max-width:280px;transform:translate(-50%,-54%);z-index:15;pointer-events:none;transition:color .5s ease}.scan-ring svg{width:100%;height:auto}.scan-ring-border{transition:stroke-dashoffset .5s ease}.scan-ring-searching{color:#ffffff59}.scan-ring-adjusting{color:#fb923c;animation:ringPulseOrange 2s ease-in-out infinite}.scan-ring-ready{color:#10b981;animation:ringPulseGreen 1.5s ease-in-out infinite}.scan-ring-capturing{color:#60a5fa;animation:ringRotate 2s linear infinite}.scan-ring-warning{color:#f59e0b;animation:ringShake .4s ease-in-out infinite}@keyframes ringPulseGreen{0%,to{opacity:.7;filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}50%{opacity:1;filter:drop-shadow(0 0 16px rgba(16,185,129,.6))}}@keyframes ringPulseOrange{0%,to{opacity:.6}50%{opacity:1}}@keyframes ringRotate{to{filter:drop-shadow(0 0 20px rgba(96,165,250,.6)) hue-rotate(360deg)}}@keyframes ringShake{0%,to{transform:translate(-50%,-54%) rotate(0)}25%{transform:translate(-50%,-54%) rotate(-1deg)}75%{transform:translate(-50%,-54%) rotate(1deg)}}.step-progress-v2{display:flex;align-items:center;gap:0}.step-dot-v2{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all .3s ease;position:relative}.step-future{background:#ffffff1f;color:#fff6}.step-current{background:#e2001acc;color:#fff;box-shadow:0 0 12px #e2001a80}.step-done{background:#10b981cc;color:#fff}.step-line{width:20px;height:2px;background:#ffffff26;transition:background .3s}.step-line-active{background:#10b981b3}.pose-instruction-v2{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:25;pointer-events:none}.pose-icon-v2{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.pose-emoji{font-size:32px;animation:poseBreath 2.5s ease-in-out infinite}@keyframes poseBreath{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.pose-chevron-anim-r{color:#fff;animation:chevSlideR 1.2s ease-in-out infinite}.pose-chevron-anim-l{color:#fff;animation:chevSlideL 1.2s ease-in-out infinite}@keyframes chevSlideR{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(10px);opacity:1}}@keyframes chevSlideL{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(-10px);opacity:1}}.pose-label-v2{color:#fff;font-size:15px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.7);text-align:center}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:none}.countdown-ring{width:100px;height:100px;border-radius:50%;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);animation:countdownPop .7s ease-out}.countdown-number{font-size:48px;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}@keyframes countdownPop{0%{transform:scale(1.5);opacity:0}60%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.capture-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:45;animation:flashFade .2s ease-out forwards;pointer-events:none}@keyframes flashFade{0%{opacity:.9}to{opacity:0}}.orientation-warning{position:absolute;bottom:200px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px;background:#fbbf2433;border:1px solid rgba(251,191,36,.5);color:#fde68a;font-size:13px;font-weight:600;z-index:30;max-width:85%;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:warningBounce .5s ease}@keyframes warningBounce{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.makeup-warning{position:absolute;bottom:200px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:#fb923c33;border:1px solid rgba(251,146,60,.4);color:#fdba74;font-size:12px;font-weight:500;z-index:30;max-width:85%;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:warningBounce .4s ease}.captured-thumbnails-v2{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.thumb-v2{position:relative;width:44px;height:44px;border-radius:10px;overflow:hidden;border:2px solid #10b981;box-shadow:0 2px 8px #0000004d}.thumb-v2 img{width:100%;height:100%;object-fit:cover}.thumb-check{position:absolute;bottom:2px;right:2px;color:#10b981;background:#0009;border-radius:50%}.instruction-card{padding:14px 20px;border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid;text-align:center;transition:all .4s ease}.instruction-searching{background:#ffffff14;border-color:#ffffff26}.instruction-adjusting{background:#fb923c1a;border-color:#fb923c4d}.instruction-ready{background:#10b9811a;border-color:#10b9814d}.instruction-capturing{background:#60a5fa1a;border-color:#60a5fa4d}.instruction-warning{background:#fbbf241a;border-color:#fbbf244d}.instruction-card-text{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.instruction-card-step{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffff80;font-size:12px;font-weight:500}.ready-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:readyDotPulse 1s ease-in-out infinite}@keyframes readyDotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.retake-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s}.retake-btn:hover{background:#ffffff40}.shutter-btn.shutter-disabled{opacity:.5;cursor:not-allowed}.score-section{background:linear-gradient(135deg,#fff,#fef7f7);border:2px solid #ffe6e6;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.score-section:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(226,0,26,.08) 0%,transparent 70%);pointer-events:none}.score-section.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e2001a26;border-color:var(--rossmann-red)}.score-value{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.metrics-grid .metric-card{animation:fadeInUp .5s ease forwards;opacity:0}.metrics-grid .metric-card:nth-child(1){animation-delay:.1s}.metrics-grid .metric-card:nth-child(2){animation-delay:.2s}.metric-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0000001f}.metric-tap-hint{display:flex;align-items:center;justify-content:center;gap:2px;font-size:8px;color:var(--rossmann-red);opacity:0;animation:hintFadeIn .5s ease-out 2s forwards;margin-top:2px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.metric-tap-hint svg{animation:chevronBounce 1.5s ease-in-out infinite}@keyframes hintFadeIn{to{opacity:.7}}@keyframes chevronBounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.issue-chevron{color:#ccc;flex-shrink:0;margin-left:4px;transition:color .2s,transform .2s}.issue-item:hover .issue-chevron,.issue-item:active .issue-chevron{color:var(--rossmann-red);transform:translate(2px)}.issue-item{cursor:pointer}.products-grid{display:grid;gap:12px;margin-bottom:24px}.products-grid .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.product-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #f0f0f0;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards;opacity:0}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:nth-child(4){animation-delay:.4s}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.product-card:hover:before{left:100%}.product-card:hover{transform:translate(4px);border-color:var(--rossmann-red);box-shadow:0 4px 12px #e2001a1f,0 0 0 1px #e2001a1a}.product-icon{width:48px;height:48px;min-width:48px;background:linear-gradient(145deg,#ffe6e6,#fff0f0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--rossmann-red);transition:transform .3s ease}.product-card:hover .product-icon{transform:scale(1.1) rotate(5deg)}.product-info{flex:1;min-width:0}.product-name{font-size:14px;font-weight:600;color:#111;margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-type{font-size:12px;color:#777;margin:0;background:#f5f5f5;display:inline-block;padding:2px 8px;border-radius:4px}.product-action{display:flex;align-items:center;gap:6px;color:var(--rossmann-red);font-size:13px;font-weight:600;white-space:nowrap}.action-arrow{transition:transform .3s ease;font-size:18px}.product-card:hover .action-arrow{transform:translate(4px)}.no-products{text-align:center;padding:40px 20px;color:#999;font-size:14px}.section-heading{position:relative;padding-bottom:8px;margin-bottom:16px}.section-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--rossmann-red),transparent);border-radius:2px}.routine-card{transition:all .3s ease;animation:fadeInUp .5s ease forwards}.routine-card:hover{box-shadow:0 4px 16px #00000014}.issue-item{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.issue-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:#ddd}.overlay-causes{margin-top:16px;padding:12px;background-color:#fff9f9;border-left:3px solid var(--rossmann-red);border-radius:0 8px 8px 0}.section-subtitle{font-size:14px;font-weight:600;color:#444;margin-bottom:8px;display:flex;align-items:center;gap:6px}.causes-list{list-style:none;padding:0;margin:0}.cause-item{display:flex;gap:8px;font-size:13px;color:#666;margin-bottom:4px}.bullet{color:var(--rossmann-red);font-weight:700}.issue-right{display:flex;align-items:center;gap:8px}.makeup-disclaimer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#fb923c1a;border:1px solid rgba(251,146,60,.25);color:#d97706;font-size:12px;font-weight:500;margin-bottom:12px}.heatmap-container{margin-bottom:20px}.heatmap-diagram{position:relative;background:linear-gradient(135deg,#fdf8f4,#f8f0ea,#fdf8f4);border-radius:16px;border:1px solid rgba(0,0,0,.06);padding:16px 8px 12px;margin-bottom:12px}.face-svg{width:100%;max-width:340px;margin:0 auto;display:block}.zone-path{cursor:pointer;transition:all .3s ease}.zone-path:hover{filter:brightness(1.1)}.heatmap-tooltip{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:10px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;animation:tooltipIn .25s ease-out;z-index:5}.heatmap-tooltip.severity-low{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#92400e}.heatmap-tooltip.severity-medium{background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:#9a3412}.heatmap-tooltip.severity-high{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#991b1b}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.heatmap-tooltip strong{font-weight:700;font-size:13px}.heatmap-tooltip span{font-size:11px;opacity:.85}.heatmap-legend{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#555;padding:4px 6px;border-radius:8px;cursor:pointer;transition:background .2s ease}.legend-item:hover,.legend-item.legend-active{background:#0000000a}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-zone{font-weight:600;min-width:90px}.legend-sep{color:#ccc}.legend-problem{color:#888}.reveal-item{animation:revealUp .6s cubic-bezier(.22,1,.36,1) both}.reveal-item:nth-child(1){animation-delay:.05s}.reveal-item:nth-child(2){animation-delay:.12s}.reveal-item:nth-child(3){animation-delay:.19s}.reveal-item:nth-child(4){animation-delay:.26s}.reveal-item:nth-child(5){animation-delay:.33s}.reveal-item:nth-child(6){animation-delay:.4s}.reveal-item:nth-child(7){animation-delay:.47s}.reveal-item:nth-child(8){animation-delay:.54s}.reveal-item:nth-child(9){animation-delay:.61s}.reveal-item:nth-child(10){animation-delay:.68s}.reveal-item:nth-child(11){animation-delay:.75s}.reveal-item:nth-child(12){animation-delay:.82s}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fun-facts-section{margin-bottom:20px}.fun-facts-section .section-heading{display:flex;align-items:center;gap:8px}.fun-facts-list{display:flex;flex-direction:column;gap:10px}.fun-fact-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fff9f0,#fff5f5);border:1px solid rgba(226,0,26,.1);border-radius:12px;transition:transform .2s ease}.fun-fact-card:hover{transform:translate(4px)}.fact-emoji{font-size:20px;flex-shrink:0;margin-top:1px}.fun-fact-card p{margin:0;font-size:13px;line-height:1.5;color:#444}.share-section{padding:8px 0 24px}.share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.share-btn:active{transform:translateY(0)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 20px 40px #00000014;width:100%;max-width:400px;text-align:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-logo{font-size:28px;font-weight:900;letter-spacing:-1px;margin-bottom:12px}.ross-text{color:#e30613}.mann-text{color:#333}.login-header h2{font-size:24px;color:#1a1a1a;margin-bottom:8px;font-weight:700}.login-header p{color:#666;font-size:15px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group input{width:100%;padding:16px 20px;border-radius:12px;border:2px solid #eee;font-size:16px;transition:all .3s ease;outline:none;box-sizing:border-box}.input-group input:focus{border-color:#e30613;box-shadow:0 0 0 4px #e306131a}.error-message{color:#e30613;font-size:14px;background:#e306130d;padding:10px;border-radius:8px;margin-top:-10px}.login-button{background:#e30613;color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover{background:#c20510;transform:translateY(-2px);box-shadow:0 8px 15px #e3061333}.login-button:active{transform:translateY(0)}.login-footer{margin-top:40px;font-size:13px;color:#999}@media (prefers-color-scheme: dark){.login-container{background:linear-gradient(135deg,#121212,#1e1e1e)}.login-card{background:#252525;box-shadow:0 20px 40px #0000004d}.mann-text{color:#eee}.login-header h2{color:#fff}.login-header p{color:#aaa}.input-group input{background:#333;border-color:#444;color:#fff}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);padding:20px}.admin-login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;max-width:380px;width:100%;text-align:center}.admin-login-icon{color:#e2001a;margin-bottom:16px}.admin-login-card h2{color:#fff;margin:0 0 8px;font-size:22px}.admin-login-card p{color:#ffffff80;margin:0 0 24px;font-size:14px}.admin-login-card input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff14;color:#fff;font-size:16px;outline:none;transition:border-color .3s;box-sizing:border-box;margin-bottom:12px}.admin-login-card input:focus{border-color:#e2001a}.admin-login-card button{width:100%;padding:12px;background:#e2001a;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s}.admin-login-card button:hover{background:#c40017}.admin-error{color:#ef4444;font-size:13px;margin-bottom:12px}.admin-container{max-width:800px;margin:0 auto;padding:16px 20px;min-height:100vh;background:#fafafa}.admin-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-header h1{font-size:22px;margin:0;flex:1}.admin-header-actions{display:flex;align-items:center;gap:10px}.admin-count{font-size:13px;color:#888;background:#f0f0f0;padding:4px 10px;border-radius:12px}.admin-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}.admin-back-btn:hover{background:#f5f5f5;border-color:#ccc}.admin-refresh-btn{display:flex;align-items:center;padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;color:#888;transition:all .2s}.admin-refresh-btn:hover{background:#f5f5f5}.admin-refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#888}.admin-spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:#e2001a;border-radius:50%;animation:spin .8s linear infinite}.admin-empty{text-align:center;padding:80px 20px;color:#aaa}.admin-empty p{font-size:16px;margin:0 0 4px;color:#888}.admin-empty span{font-size:13px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid #eee;border-radius:14px;cursor:pointer;transition:all .2s}.admin-card:hover{border-color:#e2001a;box-shadow:0 2px 12px #e2001a14;transform:translateY(-1px)}.admin-card-photo{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f0f0f0}.admin-card-photo img{width:100%;height:100%;object-fit:cover}.admin-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc}.admin-card-info{flex:1;min-width:0}.admin-card-date{display:flex;align-items:center;gap:5px;font-size:11px;color:#999;margin-bottom:4px}.admin-card-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-metric{display:flex;align-items:center;gap:4px;font-size:14px;color:#555}.admin-metric strong{color:#e2001a;font-size:16px}.admin-badge{font-size:11px;padding:2px 8px;background:#f5f0ff;color:#7c3aed;border-radius:10px;font-weight:500}.admin-badge-sm{font-size:14px;opacity:.6}.admin-card-chevron{color:#ccc;flex-shrink:0}.admin-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:sticky;top:0;background:#fafafa;padding:12px 0;z-index:10}.admin-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:13px;color:#dc2626;cursor:pointer;transition:all .2s}.admin-delete-btn:hover{background:#fee2e2;border-color:#f87171}.admin-detail{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.admin-detail-photo-section{text-align:center}.admin-detail-photo{max-width:300px;max-height:400px;border-radius:16px;object-fit:cover;box-shadow:0 4px 20px #0000001a}.admin-detail-extra-photos{display:flex;gap:8px;justify-content:center;margin-top:8px}.admin-detail-extra{width:80px;height:80px;border-radius:10px;object-fit:cover;border:2px solid #eee}.admin-detail-summary{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px}.admin-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:14px}.admin-detail-row:last-child{border-bottom:none}.admin-detail-row span{color:#888}.score-highlight{color:#e2001a;font-size:18px}.admin-detail-section{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px}.admin-detail-section h3{font-size:16px;margin:0 0 12px;color:#333}.admin-detail-section h4{font-size:14px;margin:12px 0 6px;color:#666}.admin-detail-text{font-size:14px;line-height:1.6;color:#555;margin:0}.admin-detail-section ul,.admin-detail-section ol{margin:0;padding-left:20px;font-size:13px;color:#555}.admin-detail-section li{margin-bottom:4px;line-height:1.5}.admin-param{padding:12px 0;border-bottom:1px solid #f5f5f5}.admin-param:last-child{border-bottom:none}.admin-param-header{display:flex;justify-content:space-between;margin-bottom:4px}.admin-param-name{font-weight:600;font-size:14px;color:#333}.admin-param-value{font-weight:700;font-size:14px;color:#e2001a}.admin-param-desc{font-size:13px;color:#666;line-height:1.5;margin:4px 0 8px}.admin-param-tips{padding-left:16px;margin:0}.admin-param-tips li{font-size:12px;color:#888}.admin-zones{display:flex;flex-direction:column;gap:8px}.admin-zone{padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5}.admin-zone.severity-low{background:#fbbf2414;border-left:3px solid #f59e0b}.admin-zone.severity-medium{background:#fb923c14;border-left:3px solid #f97316}.admin-zone.severity-high{background:#ef444414;border-left:3px solid #ef4444}.admin-zone strong{text-transform:capitalize}.admin-zone small{color:#888;font-size:12px}.admin-raw-json{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px}.admin-raw-json summary{cursor:pointer;font-size:14px;font-weight:600;color:#666}.admin-raw-json pre{margin:12px 0 0;padding:16px;background:#1a1a2e;color:#a5f3c4;border-radius:10px;font-size:11px;overflow-x:auto;max-height:400px;overflow-y:auto;line-height:1.5}