@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-card:#ffffff;--bg-card-hover:#ffffff;--bg-glass:rgba(255,255,255,0.8);--bg-glass-hover:rgba(255,255,255,0.95);--text-primary:#111111;--text-secondary:#555555;--text-muted:#999999;--accent-primary:#111111;--accent-secondary:#333333;--accent-gradient:linear-gradient(135deg,#111111,#333333);--accent-gradient-hover:linear-gradient(135deg,#000000,#1a1a1a);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-glow:0 4px 14px 0 rgba(79,70,229,0.39);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Outfit",var(--font-sans);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);line-height:1.6;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.page{flex-direction:column}.page,.page-center{min-height:100vh;display:flex}.page-center{align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-lg{padding:2.5rem;border-radius:var(--radius-xl)}.glass{background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover)}.btn-secondary{background:#ffffff;color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover)}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 20px rgba(16,185,129,.3)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-sans);font-size:1rem;color:var(--text-primary);background:#ffffff;border:1px solid var(--border);border-radius:var(--radius-md);outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.03);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(17,17,17,.15)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{min-height:100px;resize:vertical}.form-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--accent-primary);cursor:pointer}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:rgba(74,222,128,.15);color:var(--success)}.badge-warning{background:rgba(251,191,36,.15);color:var(--warning)}.badge-danger,.badge-error{background:rgba(248,113,113,.15);color:var(--error)}.badge-info{background:rgba(96,165,250,.15);color:var(--info)}.badge-primary{background:rgba(17,17,17,.15);color:var(--accent-primary)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}.photo-grid-item{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#090d16,#111827);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.photo-grid-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px rgba(0,0,0,.55);border-color:rgba(167,139,250,.45)}.photo-grid-item.square-mode{aspect-ratio:1}.photo-grid-item img{width:100%;height:100%;object-fit:contain!important;transition:transform var(--transition-slow)}.photo-grid-item.square-mode img{object-fit:cover!important}.photo-grid-item:hover img{transform:scale(1.04)}.photo-grid-item .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:flex-end;padding:.75rem}.photo-grid-item:hover .overlay{opacity:1}.photo-grade-btn:hover{background:rgba(109,40,217,1)!important;box-shadow:0 0 16px rgba(139,92,246,.7)!important;transform:scale(1.08)}.camera-container{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;border:3px solid var(--accent-primary);box-shadow:0 0 40px rgba(17,17,17,.2)}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-guide{width:200px;height:260px;border:3px dashed rgba(17,17,17,.5);border-radius:50%;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:rgba(17,17,17,.3);transform:scale(1)}50%{border-color:rgba(17,17,17,.8);transform:scale(1.02)}}@keyframes scan-vertical{0%{top:15%;opacity:.2}50%{opacity:.9}to{top:85%;opacity:.2}}.shutter-button:hover{transform:scale(1.06)}.shutter-button:active{transform:scale(.94)}.capture-btn{width:72px;height:72px;border-radius:50%;background:var(--accent-gradient);border:4px solid rgba(255,255,255,.3);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px rgba(17,17,17,.4)}.capture-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(17,17,17,.6)}.capture-btn:active{transform:scale(.95)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-normal)}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent-primary);background:rgba(17,17,17,.05)}.upload-zone .icon{font-size:3rem;margin-bottom:1rem}.progress-bar{width:100%;height:6px;background:var(--bg-glass);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width var(--transition-normal)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{text-align:center;padding:1.5rem}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}td,th{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-slide-down{animation:slideDown .5s ease-out}.animate-scale-in{animation:scaleIn .5s ease-out}.stagger>*{opacity:0;animation:slideUp .5s ease-out forwards}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);animation:scaleIn .3s ease-out}.lightbox-close{position:absolute;top:1rem;right:1rem;background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;z-index:1001;transition:all var(--transition-fast)}.lightbox-close:hover{background:var(--bg-glass-hover)}.admin-layout{display:flex;min-height:100vh;width:100%;max-width:100vw;box-sizing:border-box}.admin-sidebar{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;height:100vh;overflow-y:auto;z-index:100;flex-shrink:0}.admin-main{flex:1;min-width:0;max-width:calc(100vw - 250px);width:calc(100% - 250px);margin-left:250px;padding:1.5rem 2rem;min-height:100vh;box-sizing:border-box}.admin-header{justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.admin-header,.nav-item{display:flex;align-items:center}.nav-item{gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.9375rem;transition:all var(--transition-fast);margin-bottom:.25rem;cursor:pointer;text-decoration:none}.nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{background:rgba(17,17,17,.15);color:var(--accent-primary)}@media (max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem}.card-lg{padding:1.5rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-sidebar{display:none}.admin-main{margin-left:0;padding:1rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.p-6{padding:1.5rem}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:var(--radius-full)}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.pointer-events-none{pointer-events:none}.select-none{user-select:none}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.h-full{height:100%}.color-lab-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:1.25rem;align-items:start}@media (max-width:1024px){.color-lab-layout{grid-template-columns:1fr}}.color-lab-canvas-box{position:relative;width:100%;height:520px;background:#09090b;border:1px solid #27272a;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;user-select:none}@media (max-width:640px){.color-lab-canvas-box{height:380px}}.color-lab-preview-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:auto;pointer-events:none;user-select:none}.color-lab-presets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:480px;overflow-y:auto;padding-right:.25rem}@media (max-width:500px){.color-lab-presets-grid{grid-template-columns:1fr}}.color-lab-preset-btn{display:flex;flex-direction:column;justify-content:space-between;padding:.65rem .75rem;background:#ffffff;border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.color-lab-preset-btn:hover{border-color:#818cf8;background:#faf5ff;transform:translateY(-1px)}.color-lab-preset-btn.active{background:#f5f3ff;border:1.5px solid #6366f1;box-shadow:0 2px 8px rgba(99,102,241,.18)}.color-lab-tab-nav{display:flex;gap:.3rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:.25rem;margin-bottom:1rem;overflow-x:auto;scrollbar-width:none}.color-lab-tab-nav::-webkit-scrollbar{display:none}.color-lab-tab-btn{flex:1;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .65rem;border-radius:6px;font-size:.74rem;font-weight:600;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.color-lab-tab-btn:hover{color:#0f172a;background:rgba(255,255,255,.6)}.color-lab-tab-btn.active{background:#ffffff;color:#4f46e5;border-color:#e0e7ff;font-weight:700;box-shadow:0 1px 3px rgba(79,70,229,.08)}.color-lab-slider-group{display:flex;flex-direction:column;gap:.85rem}.color-lab-slider-item{display:flex;flex-direction:column;gap:.25rem}.color-lab-slider-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.color-lab-slider-label{font-weight:600;color:var(--text-secondary)}.color-lab-slider-val{font-family:monospace;font-weight:700;color:#7c3aed}.color-lab-filmstrip{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0}.color-lab-filmstrip-item{flex-shrink:0;width:58px;height:58px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.color-lab-filmstrip-item:hover{border-color:#a855f7}.color-lab-filmstrip-item.active{border:2px solid #7c3aed;transform:scale(1.05);box-shadow:0 2px 8px rgba(124,58,237,.35)}.wa-phone-preview{font-family:monospace;font-size:.7rem;color:#10b981;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.wa-chat-bubble{background:#005c4b;border-radius:12px 12px 12px 0;padding:.75rem 1rem;color:#e2f7e1;font-size:.78rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-width:90%;box-shadow:0 1px 3px rgba(0,0,0,.25)}.wa-diagnostics{font-family:Courier New,Courier,monospace;font-size:.7rem;border-radius:.75rem;padding:1rem;border-width:1px;border-style:solid}.wa-diagnostics.success{background:rgba(5,46,22,.5);border-color:rgba(34,197,94,.35);color:#bbf7d0}.wa-diagnostics.error{background:rgba(69,10,10,.5);border-color:rgba(239,68,68,.35);color:#fecaca}.wa-step-badge{width:22px;height:22px;min-width:22px;border-radius:50%;background:#4f46e5;color:white;font-size:.65rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideIn .25s ease-out both}.fade-in{animation:fadeSlideIn .2s ease-out both}.guru-photo-card{position:relative!important;aspect-ratio:4/5!important;overflow:hidden!important;border-radius:10px}.guru-photo-image{object-fit:cover!important}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{overflow-x:hidden;width:100%}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom,16px))}.safe-area-top{padding-top:max(.5rem,env(safe-area-inset-top,8px))}.mobile-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(10,10,15,.88);border-top:1px solid rgba(255,255,255,.12);padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom,16px))}@media (max-width:640px){.photo-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.btn{display:inline-flex;align-items:center;justify-content:center}.btn,.input{min-height:44px}.input{font-size:16px!important}}