body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.skin-options-container{background:linear-gradient(135deg,#f8e1ec,#f6d1f1);box-sizing:border-box;height:100%;justify-content:center;min-height:0;min-width:0;overflow:auto}.skin-options-card,.skin-options-container{align-items:center;border-radius:2rem;display:flex;width:100%}.skin-options-card{background:#fff0f6;border:1px solid #f3c6e3;box-shadow:0 8px 32px #dc90b426;flex-direction:column;gap:2rem;max-width:350px;padding:2.5rem 2rem}.skin-options-title{color:#d16ba5;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-align:center}.skin-options-buttons{display:flex;flex-direction:column;gap:1.2rem;width:100%}.skin-options-btn{background:linear-gradient(90deg,#d16ba5,#c777b9);border:none;border-radius:1rem;box-shadow:0 2px 8px #d16ba51f;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;padding:.85rem;transition:background .2s,box-shadow .2s;width:100%}.skin-options-btn:hover{background:linear-gradient(90deg,#c777b9,#d16ba5);box-shadow:0 4px 16px #d16ba52e}@media (max-width:1081px){.skin-options-card{border-radius:1.2rem;max-width:95vw;padding:1.5rem 1rem}.skin-options-title{font-size:1.5rem}.ai-skin-analysis-text{font-size:3rem!important}.ai-skin-analysis-by{font-size:18px!important}.login-brand-image{transform:scale(1.5)}}.login-branding-container{margin-bottom:12px}.ai-skin-analysis-text{color:#333;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:2px}.ai-skin-analysis-by{color:#888;font-size:12px;font-weight:300;letter-spacing:.8px}.history-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.history-popup{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 8px 32px #00000026;max-width:400px;padding:2rem;width:90%}.history-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.history-popup-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.history-popup-close{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:background .2s,color .2s}.history-popup-close:hover{background:#f3f4f6;color:#374151}.history-popup-form{display:flex;flex-direction:column;gap:1.25rem}.history-form-group{display:flex;flex-direction:column;gap:.5rem}.history-form-group label{color:#374151;font-size:.875rem;font-weight:500}.history-form-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.history-form-input:focus{border-color:#d16ba5;box-shadow:0 0 0 3px #d16ba51a;outline:none}.history-submit-btn{background:linear-gradient(90deg,#d16ba5,#c777b9);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:background .2s,box-shadow .2s}.history-submit-btn:hover{background:linear-gradient(90deg,#c777b9,#d16ba5);box-shadow:0 4px 16px #d16ba52e}@media (max-width:768px){.history-popup{max-width:95%;padding:1.5rem}.history-popup-header h3{font-size:1.125rem}}*{font-family:Arial,sans-serif}.login-container{align-items:center;background-color:#fff;border-radius:2rem;box-sizing:border-box;display:flex;height:100%;justify-content:center;max-height:100%;overflow-y:auto;padding:16px}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;margin:0 16px;max-width:56rem;padding:32px;width:100%}.login-main-content{align-items:stretch;display:flex;gap:32px}.login-logo-section{align-items:center;display:flex;flex:1 1;justify-content:center}.login-logo-image{height:100%;object-fit:contain;width:100%}.login-form-section{flex:1 1}.login-branding-container{margin-bottom:32px;text-align:center}.login-brand-image{height:auto;max-width:180px;object-fit:contain}.login-title{color:#000;font-family:Segoe UI,Arial,sans-serif;font-size:1.875rem;font-weight:700;margin:0 0 8px}.login-subtitle{color:#6c757d;font-size:1.5rem;margin:0}.login-bio-text{color:#000;font-weight:700}.login-cure-text{color:#6c757d}.login-form-group{margin-bottom:16px}.login-form-group-last{margin-bottom:24px}.login-label{color:#000;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.login-input{background-color:#f8f9fa;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:1rem;outline:none;padding:8px 12px;transition:all .2s;width:100%}.login-input-focus{border-color:#6c757d!important;box-shadow:0 0 0 2px #6c757d33!important}.login-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 16px;transition:opacity .2s;width:100%}.login-btn-hover{opacity:.9}.login-forgot-password{margin-top:16px;text-align:center}.login-forgot-password-link{color:#6c757d;cursor:pointer;font-size:.875rem;text-decoration:none}.login-forgot-password-link-hover{text-decoration:underline}.login-extra-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:16px;margin-top:8px}.login-extra-item{align-items:center;display:flex;flex-shrink:0}.head-image-mobile{display:none}@media (max-width:1024px){.login-container{border-radius:0;height:100%;max-height:100%;overflow-y:auto;padding:8px}.login-card{border-radius:0;box-shadow:none;margin:0;padding:16px}.login-main-content{flex-direction:column;gap:20px}.login-logo-section{display:none}.head-image-mobile{display:block;height:auto;margin:35px 0 50px;max-width:none;width:100%}.login-logo-image{height:200px;width:200px}.login-form-section{order:2}.login-brand-image{max-width:120px}.login-branding-container{margin-bottom:20px}.login-extra-row{align-items:stretch;flex-direction:column;gap:8px}.login-extra-item{align-items:flex-start;flex-direction:column;gap:4px;justify-content:space-between;width:100%}.login-extra-item input[type=number],.login-extra-item select{margin-right:0!important;width:100%!important}.login-extra-item label{margin-bottom:4px!important;margin-right:0!important}.login-label{font-size:.9rem}.login-input{font-size:1rem;padding:10px 12px}.login-btn{font-size:1.1rem;padding:14px 16px}}.history-icon-btn:hover{background:#f8f9fa;border-color:#6c757d}.layout-bg{-ms-overflow-style:none;align-items:stretch;background:#ffdcb2;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;position:relative;scrollbar-width:none;width:100vw}.layout-bg::-webkit-scrollbar{display:none}.layout-close{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #d16ba51f;color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;height:2rem;position:absolute;right:.5rem;top:.5rem;transition:background .2s,color .2s;width:2rem;z-index:2}.layout-close:hover{background:#ffe7c7;color:#ffdcb2}.layout-icon-topleft{left:.5rem;position:absolute;top:.5rem;z-index:10}.layout-icon-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #d16ba51f;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:background .2s;width:2rem}.layout-icon-btn svg{height:1.5rem;width:1.5rem}.layout-help-popup{background:#fff0f6;border:1px solid #f3c6e3;border-radius:1.2rem;bottom:5.5rem;box-shadow:0 8px 32px #dc90b426;left:1.5rem;max-width:320px;padding:1.5rem 1.2rem 1.2rem;position:fixed;z-index:20}.layout-help-content h3{color:#d16ba5;font-family:Playfair Display,serif;font-size:1.2rem;margin:0 0 .5rem}.layout-help-content ul{color:#a85d8f;font-family:Montserrat,sans-serif;font-size:1rem;list-style:disc;margin:0 0 .5rem 1rem;padding:0}.layout-help-close{background:none;border:none;border-radius:50%;color:#ffdcb2;cursor:pointer;font-size:1.5rem;font-weight:700;height:2rem;position:absolute;right:.7rem;top:.7rem;width:2rem}.layout-help-close:hover{background:#ffe7c7;color:#ffdcb2}.layout-contact-popup{background:#ffdcb2;border:1px solid #939597;border-radius:1.2rem;box-shadow:0 8px 32px #93959726;left:.5rem;max-width:320px;padding:1.5rem 1.2rem 1.2rem;position:absolute;top:2.7rem;z-index:20}.layout-contact-content h3{color:#939597;font-family:Playfair Display,serif;font-size:1.2rem;margin:0 0 .5rem}.layout-contact-content p{color:#a85d8f;font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.5;margin-bottom:.5rem}.layout-contact-email{color:#d16ba5;font-family:Montserrat,sans-serif;font-weight:600;text-decoration:underline;word-break:break-all}.layout-options-container{display:flex;flex-direction:column;gap:.5rem}.layout-option-btn{background:#fff;border:1px solid #939597;border-radius:.5rem;color:#939597;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;padding:.7rem 1rem;transition:background .2s,color .2s,border .2s}.layout-option-btn:hover{background:#ffdcb2;border:1px solid #000;color:#000}@media (max-width:500px){.layout-close{font-size:1.2rem;height:1.5rem;right:.7rem;top:.7rem;width:1.5rem}.layout-icon-topleft{left:.7rem;top:.7rem}.layout-icon-btn{height:1.5rem;width:1.5rem}.layout-icon-btn svg{height:1.2rem;width:1.2rem}.layout-help-popup{bottom:4.2rem;left:1rem;max-width:90vw;padding:1rem .7rem .7rem}.layout-help-close{font-size:1.2rem;height:1.5rem;right:.5rem;top:.5rem;width:1.5rem}.layout-contact-popup{left:.7rem;max-width:90vw;padding:1rem .7rem .7rem;top:2.2rem}}.layout-center-popup{align-items:center;background:#ffdcb2;border:1px solid #939597;border-radius:1.2rem;box-shadow:0 8px 32px #93959726;display:flex;justify-content:center;left:50%;max-width:350px;padding:2rem 1.5rem 1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.layout-center-content h3{color:#939597;font-family:Playfair Display,serif;font-size:1.3rem;margin:0 0 .5rem}.layout-center-content h4{color:#939597;font-family:Playfair Display,serif;font-size:1.1rem;margin:1rem 0 .5rem}.layout-center-content ul{list-style:disc;margin:0 0 .5rem 1rem;padding:0}.layout-center-content p,.layout-center-content ul{color:#000;font-family:Montserrat,sans-serif;font-size:1rem}.layout-center-content p{line-height:1.5;margin-bottom:.5rem}.layout-center-content .layout-contact-email{color:#939597;font-family:Montserrat,sans-serif;font-weight:600;text-decoration:underline;word-break:break-all}.layout-center-content .layout-help-close{background:none;border:none;border-radius:50%;color:#939597;cursor:pointer;font-size:1.5rem;font-weight:700;height:2rem;position:absolute;right:1rem;top:1rem;width:2rem}.layout-center-content .layout-help-close:hover{background:#fff;color:#ffdcb2}.main-content-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.main-content-no-scrollbar::-webkit-scrollbar{display:none}.scores-container{-ms-overflow-style:none;align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2rem;box-sizing:border-box;display:flex;height:100%;justify-content:center;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none;width:100%}.scores-container::-webkit-scrollbar{display:none}.scores-dashboard-new{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:2rem;box-shadow:0 20px 60px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;min-height:100%;padding:2rem;width:100%}.scores-header-new{margin-bottom:1rem;text-align:center}.scores-title-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.scores-subtitle-new{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.scores-hero-new{margin:2rem 0}.hero-stats,.scores-hero-new{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.hero-stats{align-items:stretch}.hero-stat-card{align-items:center;background:#fff;border-radius:.75rem;border-top:6px solid #0000;box-shadow:0 8px 24px #0206170f;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;gap:.5rem;min-width:160px;padding:.75rem 1.25rem}.hero-stat-number{color:#111827;font-size:2rem;font-weight:800;line-height:1}.hero-stat-unit{color:#6b7280;font-size:.85rem;font-weight:600}.hero-stat-label{color:#374151;font-size:.95rem;font-weight:700;text-align:center}.hero-badge,.hero-badge-number,.hero-badge-score{display:none}.controls-section{display:flex;justify-content:center;margin:1rem 0}.sort-btn{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:50px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.sort-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.sort-icon{font-size:1.2rem;font-weight:700}.tabs-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tab-btn-new{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #667eea4d;border-radius:25px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tab-btn-new.active,.tab-btn-new:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea66;color:#fff;transform:translateY(-2px)}.content-section{flex:1 1}.category-card-new{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:2rem}.category-header-new{margin-bottom:2rem;text-align:center}.category-title-new{color:#374151;font-size:1.8rem;font-weight:700;margin:0}.all-categories-grid{display:flex;flex-direction:column;gap:3rem}.category-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:2rem}.category-title-simple{color:#374151;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.regions-grid,.regions-grid-simple{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center}.region-circle{align-items:center;border-radius:50%;box-shadow:0 8px 25px #00000026;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.region-circle:hover{box-shadow:0 12px 35px #00000040;transform:scale(1.1)}.region-score{color:#fff;font-size:1.5rem;font-weight:800}.region-name-new{color:#374151;font-size:.9rem;font-weight:600;text-align:center;text-transform:capitalize}.scores-loading-new{align-items:center;display:flex;flex-direction:column;gap:1rem;height:50vh;justify-content:center}.loading-circle{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.category-card{background:#ffffffeb;border:1px solid #0000000a;border-radius:1.25rem;box-shadow:0 8px 30px #0f172a0f;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.category-card-sub{color:#6b7280;font-size:.9rem}.category-circles-grid{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-items:center}.circle-badge{align-items:center;background:#0000;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;max-width:220px;text-align:center;width:100%}.badge-score{height:86px;transition:transform .18s ease,box-shadow .18s ease;width:86px}.badge-score:hover{transform:scale(1.04)}.badge-number{font-size:1.25rem}.badge-label{color:#1f3b3a;font-size:.9rem;font-weight:600;line-height:1.15;padding:0 .5rem;white-space:normal;word-break:break-word}.category-card-header{align-items:center;display:flex;gap:.5rem;justify-content:center}.category-card-title{color:#111827;font-size:1.25rem;font-weight:800;letter-spacing:.6px;margin:0;text-transform:uppercase}.all-badges-grid{grid-gap:1rem 1.25rem;align-items:start;display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center;margin-top:.5rem;padding-bottom:.5rem;width:100%}.badge-score{align-items:center;background:#fff;border-radius:50%;box-shadow:none;box-sizing:border-box;display:flex;height:80px;justify-content:center;padding:0;position:relative;transition:transform .14s ease,box-shadow .14s ease;width:80px}.badge-number{font-size:1.05rem;font-weight:800;line-height:1}.hero-badge{flex-direction:column;gap:.75rem}.hero-badge,.hero-badge-score{align-items:center;display:flex}.hero-badge-score{background:#fff;border-radius:50%;box-shadow:0 10px 30px #0000001f;box-sizing:border-box;cursor:pointer;height:120px;justify-content:center;padding:0;transition:transform .16s ease,box-shadow .16s ease;width:120px}.hero-badge-score:hover{box-shadow:0 16px 44px #00000024;transform:scale(1.04)}.hero-badge-number{font-size:2.2rem;font-weight:800;line-height:1}@media (max-width:480px){.all-badges-grid{gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.badge-score{height:66px;width:66px}.badge-number{font-size:.95rem}.badge-score{height:74px;width:74px}.category-circles-grid{gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.badge-label{font-size:.82rem}}@media (max-width:768px){.scores-dashboard-new{gap:1.5rem;padding:1.5rem}.scores-title-new{font-size:2rem}.scores-hero-new{align-items:center;flex-direction:column;gap:2rem}.circle-score{height:100px;width:100px}.circle-value{font-size:1.8rem}.regions-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.region-circle{height:70px;width:70px}.region-score{font-size:1.2rem}.all-categories-grid{gap:2rem}.category-section{padding:1.5rem}.category-title-simple{font-size:1.5rem;margin-bottom:1rem}.regions-grid-simple{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.all-circles-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.scores-dashboard-new{padding:1rem}.scores-title-new{font-size:1.8rem}.tabs-section{gap:.5rem}.tab-btn-new{font-size:.9rem;padding:.5rem 1rem}.regions-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.all-categories-grid{gap:1.5rem}.category-section{padding:1rem}.category-title-simple{font-size:1.3rem}.all-circles-grid,.regions-grid-simple{gap:1rem;grid-template-columns:repeat(3,1fr)}}.scores-footer{box-sizing:border-box;display:flex;gap:.75rem;justify-content:center;margin-top:2rem;padding:1rem;position:relative;width:100%}.footer-btn.primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;border-radius:999px;box-shadow:0 8px 24px #02061714;color:#fff;cursor:pointer;display:inline-flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;min-width:140px;padding:.6rem 2rem;pointer-events:auto;text-align:center;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;white-space:nowrap}.footer-btn.secondary{background:#fff;border:1px solid #3741511a;border-radius:50px;color:#374151}.footer-btn:hover{box-shadow:0 12px 30px #0206171f;opacity:.98;transform:translateY(-3px)}.footer-btn:active{transform:translateY(0)}@media (max-width:768px){.scores-footer{bottom:15px;gap:.5rem;padding:0 .75rem}.scores-footer .footer-btn{font-size:.8rem;min-width:120px;padding:.5rem .6rem}}@media (max-width:480px){.scores-footer{bottom:10px;flex-direction:column;gap:.5rem;left:50%;padding:0 .5rem;transform:translateX(-50%);width:calc(100vw - 1rem)}.scores-footer .footer-btn{font-size:.85rem;margin:0 auto;max-width:280px;min-width:100%;padding:.6rem 1rem}}@media (max-width:360px){.scores-footer{bottom:8px;padding:0 .25rem}.scores-footer .footer-btn{font-size:.8rem;font-weight:600;padding:.55rem .8rem}}.save-popup-form{background:#fff;border-radius:1.25rem;box-shadow:0 8px 32px #667eea14;gap:1.25rem;margin:0 auto;max-width:400px;padding:2rem 1.5rem;width:100%}.save-form-group,.save-popup-form{display:flex;flex-direction:column}.save-form-group{gap:.5rem;margin-bottom:.5rem}.save-form-group label{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:.2rem}.save-form-input{background:#f8fafc;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;font-size:1rem;font-weight:500;outline:none;padding:.7rem 1rem;transition:border-color .2s}.save-form-input:focus{background:#fff;border-color:#667eea}.save-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 16px #667eea14;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:.8rem 1.5rem;transition:background .18s,box-shadow .18s}.save-submit-btn:disabled{cursor:not-allowed;opacity:.6}.save-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea)}.save-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.7rem 1.2rem;transition:background .18s,color .18s}.save-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.save-cancel-btn:hover:not(:disabled){background:#e0e7ff;color:#4f46e5}.recommendation-container{-ms-overflow-style:none;align-items:center;background:#f8f9fa;border-radius:2rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:flex-start;min-height:0;min-width:0;overflow:auto;padding:1rem;scrollbar-width:none;width:100%}.recommendation-container::-webkit-scrollbar{display:none}.recommendation-card{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:2rem;box-shadow:0 8px 32px #6c757d26;display:flex;flex-direction:column;gap:2rem;max-width:700px;padding:2.5rem 2rem;width:100%}.recommendation-title{color:#000;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;margin-top:0;text-align:center}.recommendation-content{flex-wrap:wrap;gap:2rem}.recommendation-content,.recommendation-image-wrapper{align-items:center;display:flex;justify-content:center}.recommendation-image-wrapper{flex:0 0 360px;height:360px;position:relative;width:360px}.recommendation-image{background:#fff;border:2px solid #d1d5db;border-radius:2.4rem;box-shadow:0 2px 8px #6c757d14;height:320px;object-fit:cover;position:relative;width:320px;z-index:1}.recommendation-image-overlay{border-radius:2.4rem;height:320px;left:50%;object-fit:cover;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:320px;z-index:2}.recommendation-image-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #d1d5db;border-radius:2.4rem;color:#6c757d;display:flex;font-family:Arial,sans-serif;font-size:1rem;height:320px;justify-content:center;width:320px}.recommendation-details{display:flex;flex:1 1 250px;flex-direction:column;gap:1rem}.recommendation-mask{font-size:1.2rem;font-weight:600}.recommendation-mask,.recommendation-text{color:#6c757d;font-family:Arial,sans-serif;margin-bottom:.5rem}.recommendation-text{font-size:1rem}.recommendation-tips{color:#000;font-family:Arial,sans-serif;font-size:.98rem;list-style:disc;margin:.5rem 0 0 1rem;padding:0}.recommendation-back-btn{align-self:flex-start;background:none;border:none;color:#6c757d;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.5rem;transition:color .2s}.recommendation-back-btn:hover{color:#000}.recommendation-link{background:linear-gradient(90deg,#6c757d,#d1d5db);border:none;border-radius:2rem;box-shadow:0 4px 16px #6c757d1f;color:#fff;cursor:pointer;display:inline-block;font-family:Arial,sans-serif;font-size:1.08rem;font-weight:700;margin-bottom:.5rem;margin-top:.5rem;outline:none;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.recommendation-link:focus,.recommendation-link:hover{background:linear-gradient(90deg,#d1d5db,#6c757d);box-shadow:0 8px 24px #6c757d2e;transform:translateY(-2px) scale(1.03)}.recommendation-score-section{margin-bottom:1rem;text-align:center}.recommendation-score-title{color:#6c757d;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.recommendation-score-value{color:#000;font-family:Arial,sans-serif;font-size:2rem;font-weight:800;margin-bottom:.2rem}.recommendation-score-label{color:#6c757d;font-family:Arial,sans-serif;font-size:.9rem}.product-section{margin:0 auto;max-width:1200px;width:100%}.product-section-title{color:#333;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;max-width:320px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.product-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.product-image-placeholder{align-items:center;background:#f3f4f6;border:2px dashed #d1d5db;color:#9ca3af;display:flex;font-family:Arial,sans-serif;font-size:.9rem;justify-content:center}.product-image,.product-image-placeholder{border-radius:1rem;height:200px;margin-bottom:1rem;width:100%}.product-image{object-fit:contain}.product-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.product-name{color:#1f2937;font-size:1.1rem;font-weight:700;line-height:1.3}.product-benefits,.product-name{font-family:Arial,sans-serif;margin:0}.product-benefits{color:#4b5563;flex:1 1;font-size:.95rem;line-height:1.4}.product-barcode{background:#f9fafb;border-radius:.5rem;color:#9ca3af;font-family:Arial,sans-serif;font-size:.85rem;margin-top:.5rem;padding:.5rem .75rem}@media (max-width:900px){.product-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.product-card{max-width:280px;padding:1.25rem}.product-image-placeholder{height:160px}.product-section-title{font-size:1.3rem}}@media (max-width:600px){.product-grid{gap:1rem;grid-template-columns:1fr}.product-card{max-width:100%;padding:1rem}.product-image-placeholder{height:140px}.product-section-title{font-size:1.2rem}.product-name{font-size:1rem}.product-benefits{font-size:.9rem}}.camera-wrapper{-ms-overflow-style:none;align-items:flex-start;background:#fff;border-radius:2rem;box-sizing:border-box;display:flex;justify-content:center;overflow:auto;position:relative;scrollbar-width:none}.camera-module,.camera-wrapper{height:100%;width:100%}.analyze-check-button{align-items:center;background:#ffdcb2;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;position:absolute;right:30px;transition:all .3s ease;width:60px;z-index:1000}.analyze-check-button:hover{background:gray;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.analyze-check-button:active{box-shadow:0 2px 8px #0000004d;transform:translateY(0)}.user-list-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif;min-height:100vh;padding:2rem}.user-list-header{align-items:center;background:#fffffff2;border-radius:1rem;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.user-list-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.header-info{gap:1rem}.header-buttons,.header-info{align-items:center;display:flex}.header-buttons{gap:.75rem}.total-records{color:#666;font-size:1.1rem;font-weight:600}.download-btn,.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.download-btn{background:linear-gradient(135deg,#28a745,#20c997)}.download-btn:hover,.refresh-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.download-btn:hover{box-shadow:0 4px 12px #28a7454d}.error-container,.loading-container,.no-data{background:#fffffff2;border-radius:1rem;box-shadow:0 8px 32px #0000001a;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#dc3545;margin-bottom:1rem}.error-container p{color:#666;margin-bottom:1.5rem}.table-container{background:#fffffff2;border-radius:1rem;box-shadow:0 8px 32px #0000001a;overflow:hidden;overflow-x:auto}.user-table{border-collapse:collapse;font-size:.95rem;width:100%}.user-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-table th{border-bottom:2px solid #dee2e6;font-weight:600;padding:1rem;text-align:left}.user-table td{border-bottom:1px solid #dee2e6;padding:1rem;vertical-align:top}.user-table tbody tr:hover{background-color:#f8f9fa}.user-table tbody tr:last-child td{border-bottom:none}.email-cell{color:#667eea;font-weight:600}.date-cell{color:#666;font-size:.9rem;white-space:nowrap}@media (max-width:768px){.user-list-container{padding:1rem}.user-list-header{flex-direction:column;gap:1rem;text-align:center}.user-list-header h1{font-size:1.5rem}.header-info{flex-direction:column;gap:.75rem}.header-buttons{flex-direction:row;gap:.5rem}.download-btn,.refresh-btn{font-size:.9rem;padding:.6rem 1.2rem}.table-container{overflow-x:auto}.user-table{min-width:500px}.user-table td,.user-table th{font-size:.85rem;padding:.75rem .5rem}}@media (max-width:480px){.header-buttons{flex-direction:column;gap:.5rem;width:100%}.download-btn,.refresh-btn{max-width:200px;width:100%}.user-table td,.user-table th{font-size:.8rem;padding:.5rem .25rem}}
/*# sourceMappingURL=main.b8a884b6.css.map*/