@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-green:#c6ff40;--primary-green-dark:#a8e030;--dashboard-green:#02df82;--accent-green:#c6ff4066;--success-green:#c6ff40;--error-red:#ff4d4d;--bg-dark:#000;--card-bg:#150e0b;--glass-bg:#150e0be6;--glass-border:#c6ff4026;--font-main:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-primary:#fff;--text-secondary:#94a3b8;--glass-bg-dashboard:#121212cc;--glass-border-dashboard:#ffffff14}*{box-sizing:border-box;cursor:default;margin:0;padding:0}button,a,[role=button],input[type=submit],input[type=button],.cursor-pointer{cursor:pointer!important}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);width:100vw;min-height:100vh;overflow-x:hidden}.app-container{background:#000;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.intro-layout{flex-direction:column;align-items:center;width:100%;max-width:500px;display:flex}.logo-container{justify-content:center;width:100%;margin-bottom:.5rem;display:flex}.logo-img{object-fit:contain;width:180px;height:auto}.tagline{color:#fff;opacity:.9;text-align:center;margin-bottom:2rem;font-size:.85rem;font-weight:400}.phone-container-simple{background:#000;border:1px solid #ffffff0d;border-radius:2rem;justify-content:center;width:100%;max-width:380px;margin-bottom:2rem;display:flex;overflow:hidden}.hero-mockup-image{object-fit:contain;width:100%;height:auto;display:block}.delete-btn{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d33;border-radius:.6rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;cursor:pointer!important}.delete-btn:hover{color:#f33;background:#f003;border-color:#f006;transform:scale(1.05)}.analytics-auth-page{width:100%;min-height:100vh;font-family:var(--font-main);background-color:#000;background-image:radial-gradient(circle,#02df820d 0%,#0000 50%),radial-gradient(circle at 0 0,#02df8208 0%,#0000 30%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:2rem;display:flex}.analytics-auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0de6;border:1px solid #ffffff0d;border-radius:2rem;flex-direction:column;gap:2rem;width:100%;max-width:480px;padding:3rem 2rem;display:flex;box-shadow:0 50px 100px -20px #0009}.analytics-auth-header{text-align:center}.analytics-shield-icon{color:#02df82;background:#02df821a;border:1px solid #02df8233;border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;display:flex}.analytics-auth-title{color:#fff;letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.analytics-auth-subtitle{color:#64748b;font-size:.8rem;line-height:1.5}.cl-rootBox{justify-content:center!important;width:100%!important;display:flex!important}.cl-card{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;padding:0!important}.cl-header,.cl-internal-ph6784{display:none!important}.cl-socialButtonsBlockButton{color:#fff!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:.5rem!important;height:2.5rem!important;font-size:.85rem!important;transition:all .2s!important}.cl-socialButtonsBlockButton:hover{background:#ffffff0f!important;border-color:#02df824d!important}.cl-formButtonPrimary{color:#000!important;text-transform:none!important;background:#02df82!important;border-radius:.5rem!important;height:2.5rem!important;font-size:.85rem!important;font-weight:700!important;box-shadow:0 4px 12px #02df8233!important}.cl-formFieldInput{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:.5rem!important;height:2.5rem!important;font-size:.85rem!important}.cl-formFieldInput:focus{background:#ffffff14!important;border-color:#02df82!important}.cl-formFieldLabel{color:#94a3b8!important;margin-bottom:.25rem!important;font-size:.75rem!important}.cl-footerActionText,.cl-footerActionLink{color:#64748b!important;font-size:.75rem!important}.cl-footerActionLink:hover{color:#02df82!important}.analytics-code-card{text-align:center;width:100%}.analytics-code-header{margin-bottom:2rem}.analytics-code-form{flex-direction:column;gap:1.25rem;display:flex}.analytics-code-input-wrapper{position:relative}.analytics-code-input{color:#fff;letter-spacing:.3em;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.75rem;font-family:monospace;font-size:1.1rem;transition:all .2s}.analytics-code-input:focus{background:#02df820d;border-color:#02df82;outline:none}.analytics-submit-btn{color:#000;cursor:pointer;background:#02df82;border:none;border-radius:.5rem;padding:.65rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #02df8226}.analytics-submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #02df8240}.analytics-signout-link{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;font-size:.9rem;transition:color .2s;display:flex}.analytics-signout-link:hover{color:#fff}.analytics-dashboard-wrapper{background:#000;min-height:100vh}.analytics-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0d0d0dcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.analytics-topbar-info{align-items:center;gap:1rem;display:flex}.analytics-topbar-info span:nth-child(2){color:#fff;font-size:1rem;font-weight:700}.analytics-topbar-user{color:#94a3b8;border-left:1px solid #ffffff1a;margin-left:.5rem;padding-left:1rem;font-size:.85rem;font-weight:400}.analytics-logout-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.analytics-logout-btn:hover{color:#ff4d4d;background:#ff4d4d1a;border-color:#ff4d4d4d}.stat-card.refresh-btn{color:#000!important;background:#02df82!important;border:none!important}.stat-card.refresh-btn span,.stat-card.refresh-btn svg{color:#000!important}.steps-container{gap:1rem;width:100%;margin-bottom:2.5rem;display:flex}.step-card{background:var(--card-bg);text-align:left;border:1px solid #2d2624;border-radius:1.5rem;flex:1;padding:1.25rem;box-shadow:0 10px 20px #0000004d}.step-header{justify-content:space-between;margin-bottom:1rem;display:flex}.step-number{color:#fff;opacity:.8;font-size:.85rem;font-weight:500}.step-icon{width:40px;height:40px;color:var(--primary-green)}.step-description{color:#fff;opacity:.7;font-size:.75rem;line-height:1.5}.start-now-button{background:var(--primary-green);color:#000;cursor:pointer;border:none;border-radius:2rem;width:100%;max-width:240px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 30px #c6ff404d}.start-now-button:hover{transform:scale(1.02);box-shadow:0 12px 40px #c6ff4066}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;border-radius:1.5rem;width:100%;max-width:440px;padding:2.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #000c}.title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.subtitle{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.9rem;font-weight:400;line-height:1.6}.primary-button{background:var(--primary-green);color:#000;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #c6ff4033}.primary-button.secondary{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d}.primary-button.error{color:#fff;background:#ff4d4d}.camera-preview-container{aspect-ratio:4/3;border:2px solid var(--glass-border);background:#000;border-radius:1rem;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.face-guide{aspect-ratio:1/1.3;border:2px dashed var(--primary-green);border-radius:50%;width:55%;box-shadow:0 0 0 1000px #000000a6}.input-field{border:1px solid var(--glass-border);color:#fff;background:#ffffff08;border-radius:.75rem;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.skip-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:1.25rem;font-size:.875rem;font-weight:500}.processing-pulse{background:var(--primary-green);width:100%;height:2px;box-shadow:0 0 15px var(--primary-green);animation:2.5s ease-in-out infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{opacity:0;top:0%}20%{opacity:1}80%{opacity:1}to{opacity:0;top:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.success-tick-container{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex;position:relative}.success-tick-outer{border:1px solid var(--primary-green);opacity:0;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.logo-section{align-items:center;gap:1.25rem;display:flex}.dashboard-logo-img{object-fit:cover;border-radius:12px;width:50px;height:50px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:1.25rem;padding:1.5rem;transition:transform .2s}.stat-card:hover{background:#ffffff0d;transform:translateY(-4px)}.stat-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.requests-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;display:grid}.user-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#150e0bb3;border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden}.card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.status-badge{text-transform:uppercase;border-radius:2rem;padding:.4rem .8rem;font-size:.7rem;font-weight:700}.status-COMPLETED{color:#02df82;background:#02df821a}.status-PENDING{color:#ffc107;background:#ffc1071a}.status-FAILED{color:#ff4d4d;background:#ff4d4d1a}.card-body{flex-grow:1;padding:1.5rem}.info-item{margin-bottom:1.25rem}.info-label{color:var(--text-secondary);text-transform:uppercase;align-items:center;margin-bottom:.35rem;font-size:.7rem;display:flex}.info-value{font-size:.95rem;font-weight:600}.image-gallery{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.gallery-img-container{aspect-ratio:4/3;cursor:pointer;background:#000;border-radius:.75rem;position:relative;overflow:hidden}.gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-img-container:hover .gallery-img{transform:scale(1.05)}.img-label{text-align:center;background:#000000b3;padding:.5rem;font-size:.65rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.card-footer{background:#0003;border-top:1px solid #ffffff0d;padding:1.25rem 1.5rem}.failure-box{background:#ff4d4d0d;border:1px solid #ff4d4d1a;border-radius:.75rem;padding:.75rem}.failure-text{color:#f99;font-size:.75rem;line-height:1.4}.loader-container{justify-content:center;align-items:center;height:400px;display:flex}.empty-state{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:2rem;padding:5rem 2rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}}.shake{animation:.4s ease-in-out shake}