.selfieCapture-container{min-height:100vh;background:linear-gradient(135deg,#fce1ff,#c9e7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Poppins,sans-serif;overflow-x:hidden}.selfieCapture-frameWrapper{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;width:90%;max-width:950px;padding-top:0;padding-bottom:1.5rem;margin:0 auto;overflow:hidden}.selfieCapture-topBar{background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);height:auto;border-radius:20px 20px 0 0;display:flex;justify-content:center;align-items:center;text-align:center;padding:1.2rem 2rem;margin:0;position:relative;width:100%;box-sizing:border-box}.selfieCapture-title{margin:0 auto;color:#4a3f7a;font-size:1.2rem;font-weight:600;line-height:1.4;text-align:center;width:auto;max-width:80%;flex-shrink:0}.selfieCapture-panels{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.selfieCapture-panel.selfieCapture-cartoon{background:#f9f0f9;border:2px solid #e5d4f9;border-radius:24px;width:280px;height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.selfieCapture-sampleImg{width:85%;height:auto;object-fit:contain}.selfieCapture-sampleLabel{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#ff6f91;color:#fff;padding:5px 12px;border-radius:12px;font-size:.9rem;font-weight:600}.selfieCapture-panel.selfieCapture-video{background:#f9f0f9;border:2px solid #e5d4f9;border-radius:24px;width:600px;height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.selfieCapture-videoFeed{width:100%;height:100%;border-radius:24px;object-fit:cover;background:#000;transform:scaleX(-1)}.selfieCapture-cameraBtn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:70px;height:70px;background:#ff6f91;border-radius:50%;display:flex;align-items:center;justify-content:center;border:5px solid #fff;cursor:pointer;transition:transform .2s ease;z-index:5}.selfieCapture-cameraBtn:hover{transform:translate(-50%) scale(1.05)}.selfieCapture-decor{position:absolute;z-index:4;width:70px;height:auto}.selfieCapture-lipstick{top:20px;right:25px;width:50px}.selfieCapture-brush{top:40px;left:20px;width:60px}.selfieCapture-starRight{top:120px;right:50px;width:40px}.selfieCapture-blush{bottom:0;right:0;width:80px}.selfieCapture-girlSticker{position:fixed;bottom:0;left:0;width:clamp(100px,20vw,200px);height:auto;z-index:2}@media (max-width: 1024px){.selfieCapture-panels{flex-direction:column;align-items:center}.selfieCapture-panel.selfieCapture-cartoon{width:70%;height:auto;aspect-ratio:3 / 4}.selfieCapture-panel.selfieCapture-video{width:90%;height:auto;aspect-ratio:4 / 3}}@media (max-width: 600px){.selfieCapture-container{padding:1rem}.selfieCapture-title{font-size:1rem}.selfieCapture-cameraBtn{width:60px;height:60px}.selfieCapture-sampleLabel{font-size:.75rem}}.selfie-title{max-width:750px;font-size:1.2rem;font-weight:600;text-align:center;color:#4a3f7a;margin:0;line-height:1.4}.flower-overlay{position:absolute;bottom:30;left:24%;width:50%;height:auto;max-height:55%;object-fit:contain;pointer-events:none;z-index:12}.stickerPreviewPhoto-wrapper{background:#fff;border-radius:20px;box-shadow:0 6px 18px #0000001a;padding:2rem;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;text-align:center;position:relative;overflow:visible;box-sizing:border-box}.stickerPreviewPhoto-title{color:#4a3f7a;font-weight:700;font-size:1.8rem;margin-bottom:1.5rem}@media (max-width: 768px){.stickerPreviewPhoto-title{font-size:1.4rem;margin-bottom:1rem}}.stickerPreviewPhoto-frame{background:#fcdcf7;border:2px solid #e5d4f9;border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;width:90%;max-width:700px;aspect-ratio:4 / 3;margin:0 auto}.stickerPreviewPhoto-image{width:100%;height:100%;object-fit:cover;border-radius:18px;transform:scaleX(-1)}.stickerPreviewPhoto-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.stickerPreviewPhoto-btnRetake,.stickerPreviewPhoto-btnNext{border-radius:25px;font-weight:600;font-size:1rem;padding:12px 30px;transition:all .2s ease-in-out;cursor:pointer}.stickerPreviewPhoto-btnRetake{background:#fff;color:#a84dbb;border:2px solid #a84dbb}.stickerPreviewPhoto-btnRetake:hover{background:#f5d6fb}.stickerPreviewPhoto-btnNext{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a;border:none}.stickerPreviewPhoto-btnNext:hover{opacity:.9}.stickerPreviewPhoto-decor{position:absolute;z-index:3;opacity:.9}.stickerPreviewPhoto-lipstick{top:20px;right:40px;width:70px}.stickerPreviewPhoto-brush{top:40%;left:15%;width:160px}.stickerPreviewPhoto-starLeft{top:15%;left:60px;width:40px}.stickerPreviewPhoto-starRight{top:40%;right:260px;width:40px}.stickerPreviewPhoto-heart{bottom:0;right:80px;width:90px}.stickerPreviewPhoto-girlPhone{bottom:10px;left:0;width:180px}@media (max-width: 992px){.stickerPreviewPhoto-lipstick,.stickerPreviewPhoto-brush,.stickerPreviewPhoto-starLeft,.stickerPreviewPhoto-starRight,.stickerPreviewPhoto-heart,.stickerPreviewPhoto-girlPhone{display:none}.stickerPreviewPhoto-wrapper{padding:1.5rem;width:95%}.stickerPreviewPhoto-frame{width:100%;aspect-ratio:4 / 3}}@media (max-width: 600px){.stickerPreviewPhoto-actions{flex-direction:column;gap:.8rem}.stickerPreviewPhoto-btnRetake,.stickerPreviewPhoto-btnNext{width:100%;font-size:.95rem}}.stickerPreviewPhoto-wrapper{margin-bottom:0}.foundationList-wrapper{min-height:100vh;background:linear-gradient(135deg,#fef5ff,#f9e8ff,#ffe8f5);padding:20px;display:flex;align-items:center;justify-content:center}.foundationList-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #a86bf026;max-width:1300px;width:64%;overflow:hidden;position:relative;display:flex;flex-direction:column}.foundationList-topbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);border-radius:16px 16px 0 0;padding:10px 20px;min-height:60px;box-shadow:inset 0 -1px #fff6}.foundationList-tabs{display:flex;align-items:center;gap:10px}.foundationList-tabBtn{background:#fff;border:2px solid #d6b7f5;border-radius:999px;display:flex;align-items:center;gap:8px;padding:6px 16px;font-weight:600;font-size:15px;color:#4a3f7a;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #a86bf033}.foundationList-tabBtn--active{background:#fefaff;border-color:#b68df5;box-shadow:0 0 8px #a86bf04d}.foundationList-tabBtn img{width:20px;height:20px}.foundationList-filter{padding:6px 12px;border-radius:10px;border:1px solid #e2c7fa;font-size:14px;font-weight:600;color:#2d2355;background:#fff;cursor:pointer;min-width:100px;text-align:center;box-shadow:0 2px 6px #a86bf026}.foundationList-filter:hover{transform:scale(1.05);border-color:#a86bf0;box-shadow:0 4px 12px #a86bf040}.foundationList-container{display:flex;justify-content:center;align-items:flex-start;gap:40px;padding:24px 40px}.foundationList-previewSection{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;margin-right:40px}.foundationList-previewPanel{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 2px #f0e6f5;background:#f7f3fb}.foundationList-previewImage{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scaleX(-1);z-index:0}.foundationList-loadingOverlay{position:absolute;inset:0;background:#00000080;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.foundationList-progressBar{width:60%;height:6px;margin-top:10px;background:#ffffff4d;border-radius:10px;overflow:hidden}.foundationList-progressBar div{height:100%;background:#a86bf0;transition:width .3s ease}.foundationList-previewButtons{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;gap:20px;margin-top:8px}.foundationList-btn{flex:1;height:55px;border-radius:16px;border:none;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#4a3f7a;box-shadow:0 4px 12px #a86bf040;cursor:pointer;transition:all .25s ease}.foundationList-btn:hover{transform:scale(1.03);background:linear-gradient(135deg,#d892f0,#fcb8ff);box-shadow:0 6px 18px #a86bf059}.foundationList-mainPanel{flex:1.1;display:flex;flex-direction:column;margin-left:40px}.foundationList-tabContent{overflow-y:auto}.foundationList-list{display:flex;flex-direction:column;gap:24px}.foundationList-rowCarousel{display:flex;align-items:stretch;gap:12px;width:100%}.foundationList-carouselLabel{background:linear-gradient(135deg,#f5c4eb,#e8b3e0);color:#4a3f7a;font-weight:700;writing-mode:vertical-lr;text-orientation:mixed;min-width:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:auto}.foundationList-carouselProducts{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;flex:1}@media (max-width: 992px){.foundationList-container{flex-direction:column-reverse;align-items:center}.foundationList-mainPanel,.foundationList-previewSection{width:100%}.foundationList-previewPanel{aspect-ratio:4 / 5}.foundationList-rowCarousel{flex-direction:column;align-items:center}.foundationList-carouselLabel{writing-mode:horizontal-tb;width:100%;height:auto;border-radius:10px;padding:8px 0}}@media (max-width: 768px){.foundationList-previewButtons{position:fixed;bottom:0;left:0;width:100vw;background:linear-gradient(135deg,#fef5ff,#fde6f9);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -4px 16px #a86bf026;z-index:1000}.foundationList-btn{flex:1;height:50px;font-size:1rem;border-radius:14px}}@media (max-width: 600px){.foundationList-previewButtons{flex-direction:column;gap:8px}.foundationList-btn{width:100%}.foundationList-card{padding-bottom:90px}}.undertone-container{min-height:100vh;font-family:sans-serif;background:linear-gradient(135deg,#d9c8ff,#fcd6e8);padding:0;display:flex;justify-content:center;align-items:center;position:relative}.undertone-card{width:100%;max-width:1150px;background:#fff;border-radius:32px;margin:24px;padding:48px 36px;box-shadow:0 8px 32px #78409021;position:relative}.decor.foundation{left:-20px;top:-20px;width:auto;height:100px;transform:scaleX(-1)}.decor.lipstick{right:-20px;top:-20px;width:auto;height:100px}.decor.star-left{left:250px;top:40px;width:40px;height:40px;transform:rotate(-45deg)}.decor.star-right{right:240px;top:160px;width:40px;height:40px;transform:rotate(45deg)}.decor.girl{left:20px;bottom:-235px;width:70px;height:180px}.decor.blush{right:20px;bottom:20px;width:140px;height:140px}.undertone-title{text-align:center;color:#7d50c7;font-weight:700;font-size:27px;margin-bottom:50px;letter-spacing:.03em;position:relative}.undertone-options{display:flex;justify-content:center;gap:52px;margin-bottom:38px;flex-wrap:wrap}.undertone-option{border-radius:24px;min-width:280px;min-height:400px;padding:30px 24px;cursor:pointer;text-align:center;position:relative;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.option-accent{position:absolute;top:24px;left:24px;width:40px;height:40px}.option-hand{margin-bottom:24px;width:110px;height:160px}.option-labels{width:100%}.option-tag{border-radius:20px;padding:8px 16px;margin-bottom:12px;text-align:center;font-size:.9rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000001a;letter-spacing:.02em}.option-content{background:#fff;border-radius:16px;padding:16px;width:100%;box-shadow:0 2px 8px #0000000d;text-align:center}.option-undertone{font-weight:700;font-size:1.1rem;color:#2e212c}.option-label{margin-top:8px;font-size:.9rem;color:#2e212c;font-weight:600;letter-spacing:.01em}.undertone-actions{display:flex;justify-content:center;margin-top:12px;margin-bottom:6px}.btn.next{background:#fcd6e8;color:#6d3887;border:none;border-radius:22px;padding:14px 40px;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 2px 12px #fbd6ff27;transition:all .18s}.btn.next:hover{transform:translateY(-2px);box-shadow:0 4px 16px #fbd6ff40}:root{--bg: #faf7fd;--panel: #ffffff;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 2px 6px rgba(16,24,40,.06);--radius: 14px;--purple: #7B46C5;--purple-100: #F1E8FF;--lavender: #C7A6FF}.dash-root{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:var(--bg);color:#111827}.dash-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:linear-gradient(90deg,var(--purple-100) 0%,#F7F2FF 100%);padding:28px 0}.dash-side-spacer{height:12px}.dash-nav{display:flex;flex-direction:column;gap:12px}.nav-item{display:block;padding:14px 24px;border-radius:12px 0 0 12px;margin-left:12px;color:#2f2b3a;font-weight:500}.nav-item.active{background:var(--purple);color:#fff}.dash-main{padding:20px 28px 40px}.dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dash-title{font-size:32px;font-weight:800}.dash-filter{display:flex;align-items:center;gap:12px}.date-input{height:40px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.to-text{color:var(--muted)}.filter-btn{height:40px;padding:0 18px;background:var(--purple);color:#fff;border:0;border-radius:12px;font-weight:600;box-shadow:var(--shadow)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:18px}.card-title{font-size:18px;font-weight:800;margin:0 0 14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px}.table thead th{color:#111827;font-weight:700}.table tbody tr:not(:last-child) td{border-bottom:1px solid #f3f4f6}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{display:flex;align-items:center;justify-content:space-between}.stat-label{color:var(--muted);font-weight:600}.stat-value{font-size:28px;font-weight:800}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pie-wrap{display:grid;place-items:center;padding:8px}.pie-card{position:relative}.pie-label{font-size:14px;font-weight:800;fill:#111827}.pie-legend{position:absolute;right:10px;bottom:10px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 8px;box-shadow:var(--shadow);display:grid;gap:4px;font-size:14px}.legend-item{display:flex;align-items:center;gap:6px;font-weight:700;color:#111827}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.bars-head{display:flex;align-items:center;justify-content:space-between}.more-btn{padding:10px 18px;border-radius:12px;background:var(--purple);color:#fff;border:0;font-weight:700;box-shadow:var(--shadow)}.more-btn.fixed{position:fixed;right:28px;bottom:28px;z-index:40}.bars-wrap{margin-top:6px;display:grid;grid-template-rows:1fr auto;gap:8px}.xaxis{margin-left:132px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;padding-top:2px;color:var(--muted);font-size:12px}.xaxis span{text-align:left}.xaxis span:last-child{text-align:right}.bars{display:grid;gap:18px}.bars-card .card-title{margin-bottom:28px}.bar-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.bar-label{color:#111827;font-weight:600}.bar-track{height:18px;background:#f3e9ff;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--lavender)}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#00000059;display:grid;place-items:center}.modal-card{width:420px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.modal-title{font-size:18px;font-weight:800;margin:4px 0 14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-btn{height:40px;padding:0 18px;border-radius:12px;font-weight:700}.modal-btn-outline{background:#fff;border:1px solid #e3d3ff;color:#7b46c5}.modal-btn-solid{background:#7b46c5;color:#fff;border:0}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:sans-serif;color:#555}.spinner{border:6px solid #eee;border-top:6px solid #ff6fa5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.dash-root{grid-template-columns:200px 1fr}.dash-title{font-size:26px}.stat-grid,.bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dash-root{grid-template-columns:1fr}.dash-sidebar{position:fixed;top:0;left:0;width:200px;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:60}.dash-sidebar.open{transform:translate(0)}.dash-main{padding:16px}.dash-topbar{flex-direction:column;align-items:flex-start;gap:12px}.dash-title{font-size:22px}.dash-filter{flex-wrap:wrap;gap:8px}.date-input{flex:1 1 100%;width:100%}.filter-btn{width:100%}.stat-grid,.bottom-grid{grid-template-columns:1fr}.modal-card{width:100%;max-width:360px}}.prod-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 14px}.tabs{background:#f3e8ff;padding:6px;border-radius:12px;display:inline-flex;gap:6px}.tab{padding:8px 14px;border-radius:10px;background:transparent;color:#6b5a86;border:0;font-weight:700}.tab.active{background:#fff;color:#7b46c5;box-shadow:0 0 0 2px #e9d9ff inset}.right-controls{display:flex;align-items:center;gap:12px}.select{position:relative;display:inline-block;background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 14px;height:40px}.select select{height:100%;border:0;background:transparent;padding-right:18px;font-weight:600;appearance:none}.select .chev{position:absolute;right:10px;top:9px;color:#6b5a86;pointer-events:none}.prod-table{width:100%;border-collapse:collapse}.prod-table thead th{text-align:left;padding:16px 20px;font-weight:700;color:#111827;border-bottom:1px solid var(--border)}.prod-table tbody td{padding:14px 20px;border-bottom:1px solid #f3f4f6}.prod-table tbody tr.selected td{background:#f1e8ff}.linklike{color:#7b46c5;font-weight:600;cursor:pointer}.prod-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.actions{display:flex;gap:12px}.img-cell{text-align:center}.product-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;box-shadow:0 2px 6px #00000026;cursor:pointer;transition:transform .2s}.product-thumb:hover{transform:scale(1.1)}.image-modal{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out}.image-modal-inner{background:#fff;border-radius:14px;padding:12px;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 20px #00000040}.preview-img{max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:10px;transition:transform .3s ease;cursor:default;background-color:#fff;display:block}.preview-img:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.md-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 14px}.md-tabs{background:#f3e8ff;padding:6px;border-radius:12px;display:inline-flex;gap:6px}.md-tab{padding:8px 14px;border-radius:10px;background:transparent;color:#6b5a86;border:0;font-weight:700}.md-filters{display:flex;align-items:center;gap:14px}.md-select{position:relative;display:inline-block;background:#fff;border:1px solid var(--border);border-radius:12px;height:44px;padding:0 14px}.md-select select{height:100%;border:0;background:transparent;padding-right:20px;font-weight:600;appearance:none}.md-table{width:100%;border-collapse:collapse}.md-table thead th{text-align:left;padding:16px 20px;font-weight:700;color:#111827;border-bottom:1px solid var(--border)}.md-table tbody td{padding:14px 20px;border-bottom:1px solid #f3f4f6}.md-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.pager{display:flex;align-items:center;gap:10px}.md-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 14px;flex-wrap:wrap;gap:12px}.md-tabs{background:#f3e8ff;padding:6px;border-radius:12px;display:inline-flex;gap:6px;flex-wrap:wrap}.md-tab{padding:8px 14px;border-radius:10px;background:transparent;color:#6b5a86;border:0;font-weight:700;cursor:pointer}.md-tab.active{background:#fff;color:#7b46c5;box-shadow:0 0 0 2px #e9d9ff inset}.md-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.md-select{position:relative;display:inline-block;background:#fff;border:1px solid var(--border);border-radius:12px;height:44px;padding:0 14px;flex:1 1 auto;min-width:160px}.md-select select{height:100%;border:0;background:transparent;padding-right:20px;font-weight:600;appearance:none;width:100%}.md-select .chev{position:absolute;right:10px;top:10px;color:#6b5a86;pointer-events:none}.card.no-padding{padding:0}.md-table{width:100%;border-collapse:collapse;font-size:14px}.md-table thead th{text-align:left;padding:16px 20px;font-weight:700;color:#111827;border-bottom:1px solid var(--border);white-space:nowrap}.md-table tbody td{padding:14px 20px;border-bottom:1px solid #f3f4f6;word-break:break-word}.md-table tbody tr.selected td{background:#f1e8ff}.md-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap;gap:12px}.pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#fff;font-weight:900;color:#6b5a86}.page-btn:disabled{opacity:.5}.page-label{color:#6b7280}.btn-solid{height:42px;padding:0 18px;border-radius:12px;background:#7b46c5;color:#fff;border:0;font-weight:700;white-space:nowrap}@media (max-width: 1024px){.md-toolbar{flex-direction:column;align-items:flex-start}.md-filters{width:100%}.md-select{flex:1 1 48%}}@media (max-width: 768px){.md-tabs{width:100%;justify-content:center}.md-filters{flex-direction:column;gap:10px;width:100%}.md-select{width:100%;flex:1 1 100%}.md-table thead{display:none}.md-table tbody td{display:block;padding:10px}.md-table tbody tr{display:block;margin-bottom:10px;border:1px solid var(--border);border-radius:12px;background:#fff}.md-footer{flex-direction:column;align-items:center}}.add-form{max-width:720px;margin:0;padding-left:16px}.dash-title{text-align:left}.fld{display:grid;gap:8px;margin-bottom:18px}.lbl{font-weight:700;color:#111827}.text{height:44px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:#fff}.select.big{position:relative;height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:0 14px;cursor:pointer}.select.big select{width:100%;height:100%;display:block;border:0;background:transparent;padding-right:36px;font-weight:600;appearance:none;cursor:pointer}.select.big .chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#7b46c5;pointer-events:none}.color-picker-wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.color-picker-wrap input[type=color]{width:60px;height:44px;border-radius:8px;border:1px solid var(--border);padding:0;cursor:pointer;flex-shrink:0}.color-picker-wrap .text{flex:1;min-width:150px}.dropzone{border:1px solid var(--border);border-radius:12px;height:auto;min-height:140px;background:#fff;display:grid;place-items:center;cursor:pointer;padding:12px;text-align:center}.dropzone .icon{font-size:28px;color:#7b46c5;opacity:.8}.file-name{color:#6b7280;font-weight:600}.preview-img{max-width:100%;max-height:120px;border-radius:10px;object-fit:contain}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-outline{height:42px;padding:0 18px;border-radius:12px;background:#fff;border:1px solid #e3d3ff;color:#7b46c5;font-weight:700}.btn-solid{height:42px;padding:0 18px;border-radius:12px;background:#7b46c5;color:#fff;border:0;font-weight:700}.err{color:#b91c1c;font-weight:600;margin-top:6px}.hidden{display:none}@media (min-width: 768px){.color-picker-wrap{flex-wrap:nowrap}.dropzone{min-height:180px}.preview-img{max-height:160px}}:root{--purple: #7B46C5;--border: #e5e7eb;--shadow: 0 2px 6px rgba(16,24,40,.08)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#faf7fd}.login-card{width:520px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--border);border-radius:16px;padding:36px 32px 28px;box-shadow:var(--shadow)}.login-title{text-align:center;font-size:32px;font-weight:800;margin:0 0 24px;color:#0f172a}.login-field{display:block;margin-bottom:16px}.login-input{width:100%;height:48px;border:1px solid var(--border);border-radius:14px;padding:0 16px;font-size:16px;outline:none}.login-input:focus{box-shadow:0 0 0 3px #ede4ff;border-color:#dcd2ff}.login-btn{display:block;margin:18px auto 0;min-width:150px;height:44px;border:0;border-radius:12px;background:var(--purple);color:#fff;font-weight:700;box-shadow:var(--shadow)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#b91c1c;font-weight:600;margin-top:4px;text-align:center}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;background:#fff;font-family:Poppins,sans-serif}.previewPhoto-wrapper{background:#fff;border-radius:20px;box-shadow:0 6px 18px #0000001a;padding:2rem;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;text-align:center;position:relative;overflow:visible;box-sizing:border-box}.previewPhoto-title{color:#4a3f7a;font-weight:700;font-size:1.8rem;margin-bottom:1.5rem}@media (max-width: 768px){.previewPhoto-title{font-size:1.4rem;margin-bottom:1rem}}.previewPhoto-frame{background:#fcdcf7;border:2px solid #e5d4f9;border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;width:90%;max-width:700px;aspect-ratio:4 / 3;margin:0 auto}.previewPhoto-image{width:100%;height:100%;object-fit:cover;border-radius:18px;transform:scaleX(-1)}.previewPhoto-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.previewPhoto-btnRetake,.previewPhoto-btnNext{border-radius:25px;font-weight:600;font-size:1rem;padding:12px 30px;transition:all .2s ease-in-out;cursor:pointer}.previewPhoto-btnRetake{background:#fff;color:#a84dbb;border:2px solid #a84dbb}.previewPhoto-btnRetake:hover{background:#f5d6fb}.previewPhoto-btnNext{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a;border:none}.previewPhoto-btnNext:hover{opacity:.9}.previewPhoto-decor{position:absolute;z-index:3;opacity:.9}.previewPhoto-lipstick{top:20px;right:40px;width:70px}.previewPhoto-brush{top:40%;left:15%;width:160px}.previewPhoto-starLeft{top:15%;left:60px;width:40px}.previewPhoto-starRight{top:40%;right:260px;width:40px}.previewPhoto-heart{bottom:0;right:80px;width:90px}.previewPhoto-girlPhone{bottom:10px;left:0;width:180px}@media (max-width: 992px){.previewPhoto-lipstick,.previewPhoto-brush,.previewPhoto-starLeft,.previewPhoto-starRight,.previewPhoto-heart,.previewPhoto-girlPhone{display:none}.previewPhoto-wrapper{padding:1.5rem;width:95%}.previewPhoto-frame{width:100%;aspect-ratio:4 / 3}}@media (max-width: 600px){.previewPhoto-actions{flex-direction:column;gap:.8rem}.previewPhoto-btnRetake,.previewPhoto-btnNext{width:100%;font-size:.95rem}}body{overflow-y:auto;background-color:#fff}.previewPhoto-wrapper{margin-bottom:0}.blushList-wrapper{min-height:100vh;background:linear-gradient(135deg,#fef5ff,#f9e8ff,#ffe8f5);padding:20px;display:flex;align-items:center;justify-content:center}.blushList-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #fc8eb626;max-width:1300px;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.blushList-topbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);border-radius:16px 16px 0 0;padding:10px 20px;min-height:60px;box-shadow:inset 0 -1px #fff6}.blushList-tab{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #ff9ec4;border-radius:999px;padding:6px 16px;font-weight:600;font-size:15px;color:#c74375;box-shadow:0 2px 6px #fc8eb633}.blushList-filter{padding:6px 12px;border-radius:10px;border:1px solid #f7cde2;font-size:14px;font-weight:600;color:#c74375;background:#fff;cursor:pointer;min-width:100px;text-align:center;box-shadow:0 2px 6px #fc8eb626}.blushList-filter:hover{transform:scale(1.05);border-color:#fc8eb6;box-shadow:0 4px 12px #fc8eb640}.blushList-container{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.blushList-previewSection{flex:1 1 350px;display:flex;flex-direction:column;align-items:center;gap:12px}.blushList-previewPanel{position:relative;width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 2px #f0e6f5;background:#f7f3fb}.blushList-previewImage{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scaleX(-1);z-index:0}.blushList-loadingOverlay{position:absolute;inset:0;background:#00000080;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.blushList-progressBar{width:60%;height:6px;margin-top:10px;background:#ffffff4d;border-radius:10px;overflow:hidden}.blushList-progressBar div{height:100%;background:#fc8eb6;transition:width .3s ease}.blushList-previewButtons{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;margin-top:8px}.blushList-btn{flex:1;height:55px;border-radius:16px;border:none;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#4a3f7a;box-shadow:0 4px 12px #a86bf040;cursor:pointer;transition:all .25s ease}.blushList-btn:hover{transform:scale(1.03);background:linear-gradient(135deg,#fc8eb6,#ffbadd);box-shadow:0 6px 18px #fc8eb659}.blushList-mainPanel{flex:2 1 600px;display:flex;flex-direction:column}.blushList-tabContent{overflow-y:auto}.blushList-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px;justify-items:center}.blushList-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0 10px}.blushList-pagination button{background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#4a3f7a;border:none;border-radius:50%;width:48px;height:48px;font-size:1.6rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #a86bf040;transition:all .25s ease}.blushList-pagination button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #a86bf059}.blushList-pagination button:disabled{opacity:.4;cursor:not-allowed}.blushList-productCard{position:relative;width:100%;max-width:180px;min-width:140px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014;border:1px solid #e5dde3;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .2s ease}.blushList-productCard:hover{transform:scale(1.02)}.blushList-productCard.selected{border:2px solid #fc8eb6;box-shadow:0 0 12px #fc8eb699}.blushList-productCard.disabled{opacity:.5;pointer-events:none}@media (max-width: 992px){.blushList-container{flex-direction:column-reverse;align-items:center}.blushList-mainPanel,.blushList-previewSection{width:100%}.blushList-previewPanel{aspect-ratio:4/5}}@media (max-width: 768px){.blushList-previewButtons{position:fixed;bottom:0;left:0;width:100vw;background:linear-gradient(135deg,#fff5fb,#ffe8f7);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -4px 16px #fc8eb626;z-index:1000}.blushList-btn{flex:1;height:50px;font-size:1rem;border-radius:14px}.blushList-card{padding-bottom:90px}}@media (max-width: 600px){.blushList-previewButtons{flex-direction:column;gap:8px}.blushList-btn{width:100%}}.lipstickList-wrapper{min-height:100vh;background:linear-gradient(135deg,#fef5ff,#f9e8ff,#ffe8f5);padding:20px;display:flex;align-items:center;justify-content:center}.lipstickList-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #fc8eb626;max-width:1300px;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.lipstickList-topbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);border-radius:16px 16px 0 0;padding:10px 20px;min-height:60px;box-shadow:inset 0 -1px #fff6}.lipstickList-tab{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #ff9ec4;border-radius:999px;padding:6px 16px;font-weight:600;font-size:15px;color:#c74375;box-shadow:0 2px 6px #fc8eb633}.lipstickList-filter{padding:6px 12px;border-radius:10px;border:1px solid #f7cde2;font-size:14px;font-weight:600;color:#c74375;background:#fff;cursor:pointer;min-width:100px;text-align:center;box-shadow:0 2px 6px #fc8eb626}.lipstickList-filter:hover{transform:scale(1.05);border-color:#fc8eb6;box-shadow:0 4px 12px #fc8eb640}.lipstickList-container{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.lipstickList-previewSection{flex:1 1 350px;display:flex;flex-direction:column;align-items:center;gap:12px}.lipstickList-previewPanel{position:relative;width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 2px #f0e6f5;background:#f7f3fb}.lipstickList-previewImage{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scaleX(-1);z-index:0}.lipstickList-loadingOverlay{position:absolute;inset:0;background:#00000080;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.lipstickList-progressBar{width:60%;height:6px;margin-top:10px;background:#ffffff4d;border-radius:10px;overflow:hidden}.lipstickList-progressBar div{height:100%;background:#fc8eb6;transition:width .3s ease}.lipstickList-previewButtons{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;margin-top:8px}.lipstickList-btn{flex:1;height:55px;border-radius:16px;border:none;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#4a3f7a;box-shadow:0 4px 12px #a86bf040;cursor:pointer;transition:all .25s ease}.lipstickList-btn:hover{transform:scale(1.03);background:linear-gradient(135deg,#fc8eb6,#ffbadd);box-shadow:0 6px 18px #fc8eb659}.lipstickList-mainPanel{flex:2 1 600px;display:flex;flex-direction:column}.lipstickList-tabContent{overflow-y:auto}.lipstickList-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px;justify-items:center}.lipstickList-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0 10px}.lipstickList-pagination button{background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#4a3f7a;border:none;border-radius:50%;width:48px;height:48px;font-size:1.6rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #a86bf040;transition:all .25s ease}.lipstickList-pagination button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #a86bf059}.lipstickList-pagination button:disabled{opacity:.4;cursor:not-allowed}.lipstickList-productCard{position:relative;width:100%;max-width:180px;min-width:140px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014;border:1px solid #e5dde3;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .2s ease}.lipstickList-productCard:hover{transform:scale(1.02)}.lipstickList-productCard.selected{border:2px solid #fc8eb6;box-shadow:0 0 12px #fc8eb699}.lipstickList-productCard.disabled{opacity:.5;pointer-events:none}@media (max-width: 992px){.lipstickList-container{flex-direction:column-reverse;align-items:center}.lipstickList-mainPanel,.lipstickList-previewSection{width:100%}.lipstickList-previewPanel{aspect-ratio:4/5}}@media (max-width: 768px){.lipstickList-previewButtons{position:fixed;bottom:0;left:0;width:100vw;background:linear-gradient(135deg,#fff5fb,#ffe8f7);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -4px 16px #fc8eb626;z-index:1000}.lipstickList-btn{flex:1;height:50px;font-size:1rem;border-radius:14px}.lipstickList-card{padding-bottom:90px}}@media (max-width: 600px){.lipstickList-previewButtons{flex-direction:column;gap:8px}.lipstickList-btn{width:100%}}.preview-frame{position:relative;border:3px solid #e2a4f6;border-radius:24px;box-shadow:0 8px 24px #a86bf026;width:300px;height:480px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .6s ease-in-out}.preview-label{text-align:center;font-weight:700;font-size:1.1rem;color:#fff;background:#e2a4f6;padding:6px 0;border-radius:0 0 12px 12px}.chosen-buttons{display:flex;justify-content:center;gap:12px;padding:12px;border-radius:12px 12px 0 0}.chosen-buttons .btn{padding:8px 18px;border-radius:20px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;background:#ffffffd9;color:#4a3f7a;transition:all .3s ease}.chosen-buttons .btn:hover{transform:scale(1.05)}.chosen-buttons .btn.active{background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#2d2355}.flipped,.flipped .preview-label,.flipped .chosen-buttons{transform:scaleX(-1)}.chosen-container{min-height:100vh;background:linear-gradient(135deg,#fef5ff,#f9e8ff,#ffe8f5);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;position:relative;font-family:Poppins,sans-serif}.chosen-frames-row{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;align-items:flex-start;width:100%;max-width:1300px;height:auto;min-height:unset;background:#fff;border-radius:24px;box-shadow:0 10px 40px #a86bf026;padding:40px;margin-top:0;margin-bottom:0;position:relative}.chosen-right-frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.chosen-girl-wrapper{position:absolute;top:-118px;left:90%;transform:translate(-50%) scaleX(-1);z-index:3}.chosen-girl-wrapper img{width:300px;height:auto;object-fit:contain;transform:scale(2)}.chosen-product-panel{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:24px;padding:30px;width:100%;max-width:850px;box-shadow:0 8px 24px #a86bf026;--card-max: 280px;--col-gap: 24px;margin-bottom:10px}.chosen-products-group{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:850px;justify-items:center}.tab-with-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:260px;gap:12px}.chosen-top-bar{align-self:stretch;margin:-30px -30px 0;background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);border-radius:24px 24px 0 0;padding:12px 0;text-align:center;box-shadow:0 2px 6px #a86bf033}.chosen-title{color:#4a3f7a;font-weight:700;font-size:1.6rem;padding-left:24px}.chosen-tabs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--col-gap);margin:16px 24px;width:100%;max-width:850px;justify-items:center}.chosen-tab{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fff5fb,#ffe8f7);border:2px solid #d9b3ff;border-radius:999px;padding:10px 0;font-weight:600;font-size:15px;color:#4a3f7a;cursor:pointer;box-shadow:0 3px 8px #a86bf033;transition:all .25s ease;width:100%;text-align:center;margin-top:20px}.chosen-tab:hover{transform:none}.chosen-tab img{width:20px;height:20px}.chosen-products-row{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px;width:100%;align-items:stretch;justify-items:center}.chosen-product-card{position:relative;background:#fff;border:2px solid #e2a4f6;border-radius:20px;box-shadow:0 6px 16px #a86bf026;padding:16px;width:100%;max-width:var(--card-max);max-width:320px;text-align:center;transition:transform .2s ease}.chosen-product-card:hover{transform:none}.chosen-product-img{width:90px;height:90px;object-fit:contain;margin:0 auto 10px;display:block}.chosen-product-img{width:90px;height:90px;object-fit:contain;margin-bottom:10px}.chosen-product-name{font-size:13px;font-weight:600;color:#333}.chosen-bottom-buttons{display:flex;justify-content:left;align-items:left;gap:24px;margin-top:0;width:100%;max-width:850px}.chosen-bottom-buttons .btn{height:55px;border-radius:16px;border:none;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#e2a4f6,#fcb8ff);color:#4a3f7a;box-shadow:0 4px 12px #a86bf040;cursor:pointer;transition:all .25s ease}.chosen-bottom-buttons .btn.home{flex:0 0 180px}.chosen-bottom-buttons .btn.next{flex:1;min-width:280px;max-width:380px}.chosen-bottom-buttons .btn:hover{transform:scale(1.03);background:linear-gradient(135deg,#d892f0,#fcb8ff)}.decor{position:absolute;z-index:1;opacity:.85;transition:all .3s ease}.star-left{top:40px;left:40px;width:32px;height:auto;animation:floatStar 4s ease-in-out infinite alternate}.star-right{top:120px;right:80px;width:28px;height:auto;animation:floatStar 5s ease-in-out infinite alternate-reverse}.mascara{bottom:40px;right:50px;width:80px;height:auto;opacity:.9;transform:rotate(15deg)}.mascara-chosen{animation:swingMascara 5s ease-in-out infinite}.chosen-palette{position:absolute;bottom:90px;left:30px;width:90px;height:auto;opacity:.9;transform:rotate(-10deg)}@keyframes floatStar{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes swingMascara{0%{transform:rotate(10deg)}50%{transform:rotate(15deg)}to{transform:rotate(10deg)}}@media (max-width: 992px){.chosen-frames-row{flex-direction:column;align-items:center;padding:30px}.preview-frame{width:80%;max-width:320px;height:400px}.chosen-products-row{grid-template-columns:repeat(2,minmax(200px,1fr))}.chosen-tabs-row,.chosen-products-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chosen-bottom-buttons{flex-direction:row;align-items:center;gap:16px}.chosen-bottom-buttons .btn{width:100%;max-width:320px}.star-left,.star-right{width:24px}}@media (max-width: 600px){.chosen-products-row,.chosen-tabs-row{grid-template-columns:1fr}.chosen-bottom-buttons{flex-direction:column;align-items:center;gap:16px}.chosen-bottom-buttons .btn{width:100%;max-width:320px}}@media (max-width: 768px){.chosen-tabs-row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:0}.chosen-products-row{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:10px}.chosen-tab:nth-child(1){order:1}.chosen-products-row .chosen-product-card:nth-child(1){order:2}.chosen-tab:nth-child(2){order:3}.chosen-products-row .chosen-product-card:nth-child(2){order:4}.chosen-tab:nth-child(3){order:5}.chosen-products-row .chosen-product-card:nth-child(3){order:6}.chosen-tab{max-width:320px;font-size:14px}.chosen-product-card{max-width:320px}.chosen-products-group{grid-template-columns:1fr;gap:32px}.tab-with-card,.chosen-tab,.chosen-product-card{width:100%;max-width:340px}}.makeup-container{min-height:100vh;background:linear-gradient(135deg,#fce1ff,#c9e7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:Poppins,sans-serif;box-sizing:border-box;overflow-x:hidden}.makeup-card{background:#fdf1fa;border:2px solid #e5d4f9;border-radius:30px;padding:30px;width:88%;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;position:relative;margin:0 auto;box-shadow:0 6px 20px #00000014;transition:all .3s ease-in-out;min-height:550px}.makeup-title{font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:700;color:#4a3f7a;background:#ffeb7a;padding:clamp(8px,2vw,10px) clamp(15px,4vw,25px);border-radius:20px;margin-bottom:clamp(20px,3vw,30px);text-align:center;line-height:1.3}.makeup-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:clamp(15px,3vw,40px);margin-bottom:20px;flex-wrap:wrap}@media (max-width: 768px){.makeup-content{flex-direction:column;gap:20px}.makeup-text,.makeup-frame,.makeup-legend{flex:none;width:100%}}@media (min-width: 769px) and (max-width: 1024px){.makeup-content{gap:20px}.makeup-text{flex:.8}.makeup-frame{flex:1.2}.makeup-legend{flex:.8}}@media (min-width: 1025px){.makeup-text,.makeup-frame,.makeup-legend{flex:1}}.makeup-text{font-size:clamp(.9rem,2.2vw,1rem);font-weight:500;color:#4a3f7a;text-align:center;padding:0 10px}.makeup-frame{background:#f9f0f9;border-radius:20px;padding:clamp(10px,2vw,15px);display:flex;align-items:center;justify-content:center;min-height:200px}.makeup-img{width:min(220px,80vw);height:auto;max-width:100%}.makeup-legend{display:flex;flex-direction:column;gap:clamp(10px,2vw,15px);font-size:clamp(.9rem,2.2vw,1rem);color:#4a3f7a;padding:0 10px}.legend-item{display:flex;align-items:center;gap:clamp(8px,2vw,10px);justify-content:flex-start}@media (max-width: 768px){.legend-item{justify-content:center}}.legend-circle{width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);border-radius:50%;display:block;flex-shrink:0}.legend-circle-blush{background-color:#ed6f6f!important}.legend-circle-highlight{background-color:#f5eaa2!important}.legend-circle-contour{background-color:#7f5b1d!important}.legend-circle.blush{background-color:#ed6f6f!important}.legend-circle.highlight{background-color:#f5eaa2!important}.legend-circle.contour{background-color:#7f5b1d!important}.makeup-actions{margin-top:10px;display:flex;justify-content:center;gap:20px}.btn{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a;padding:12px 30px;border-radius:25px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease-in-out,background .2s ease-in-out}@media (max-width: 480px){.btn{width:100%;max-width:200px}}.btn.prev{background:#fff;color:#a84dbb;border:2px solid #a84dbb}.btn.next{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a}.btn:hover{transform:scale(1.05)}.foundation{top:clamp(30px,5vw,50px);left:clamp(20px,4vw,50px);width:clamp(50px,8vw,80px)}.lipstick{top:clamp(30px,5vw,50px);right:clamp(20px,4vw,50px);width:clamp(50px,8vw,80px)}.star-left{left:clamp(80px,12vw,150px);top:clamp(120px,12vw,160px);width:clamp(25px,4vw,40px)}.star-right{right:clamp(80px,12vw,150px);top:clamp(70px,8vw,100px);width:clamp(25px,4vw,40px)}@media (max-width: 480px){.foundation,.lipstick,.star-left,.star-right{display:none}}.girl{position:fixed;bottom:-3px;left:0;width:clamp(150px,25vw,300px);height:auto;transform:scale(clamp(1.5,3vw,3));transform-origin:bottom left;z-index:5}@media (max-width: 768px){.girl{display:none;bottom:-3px}}@media (max-width: 480px){.makeup-card{border-radius:20px;margin:10px auto;width:98%;min-height:70vh;justify-content:center}.makeup-title{border-radius:15px;margin-bottom:15px}.makeup-content{gap:15px;margin:20px 0}.makeup-frame{border-radius:15px;min-height:150px}}@media (min-width: 1400px){.makeup-card{max-width:1200px}.makeup-img{width:250px}.girl{width:80px;transform:scale(3.5);margin-bottom:0;bottom:-3px}}@media (max-height: 600px) and (orientation: landscape){.makeup-card{min-height:40vh;padding:15px;margin:20px auto}.girl{display:none;bottom:-3px}.makeup-content{flex-direction:row;gap:15px}.makeup-text,.makeup-frame,.makeup-legend{flex:1}}.cleansingIntro-container{min-height:100vh;background:linear-gradient(135deg,#fce1ff,#c9e7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:Poppins,sans-serif;box-sizing:border-box;overflow-x:hidden}.cleansingIntro-card{background:#fdf1fa;border:2px solid #e5d4f9;border-radius:30px;padding:30px;width:88%;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;position:relative;margin:0 auto;box-shadow:0 6px 20px #00000014;transition:all .3s ease-in-out;min-height:600px}.cleansingIntro-title{font-size:1.3rem;font-weight:600;text-align:center;color:#4a3f7a;max-width:480px;line-height:1.5;margin:15px 0 0}.cleansingIntro-frame{border-radius:20px;padding:15px;width:340px;height:420px;display:flex;align-items:center;justify-content:center}.cleansingIntro-img{width:78%;height:auto;object-fit:contain}.cleansingIntro-actions{margin-top:8px}.cleansingIntro-btnNext{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a;padding:10px 26px;border-radius:25px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease-in-out,background .2s ease-in-out}.cleansingIntro-btnNext:hover{transform:scale(1.05)}.cleansingIntro-decor{position:absolute;width:70px;height:auto;z-index:3;pointer-events:none}.cleansingIntro-foundation{top:35px;left:50px;width:90px}.cleansingIntro-starLeft{top:160px;left:180px;width:35px}.cleansingIntro-lipstick{top:35px;right:50px;width:65px}.cleansingIntro-starRight{top:140px;right:140px;width:35px}.cleansingIntro-blush{position:absolute;right:40px;bottom:0%;width:90px;height:auto}.cleansingIntro-blush2{position:absolute;bottom:8%;left:5%;width:130px;height:auto}@media (min-width: 1200px){.cleansingIntro-title{font-size:1.45rem}.cleansingIntro-frame{width:360px;height:440px}}@media (max-width: 1199px) and (min-width: 768px){.cleansingIntro-card{width:85%;padding:25px;min-height:520px}.cleansingIntro-title{font-size:1.15rem}.cleansingIntro-frame{width:300px;height:380px}.cleansingIntro-foundation,.cleansingIntro-lipstick,.cleansingIntro-starLeft,.cleansingIntro-starRight,.cleansingIntro-blush{opacity:.7;transform:scale(.85)}.cleansingIntro-blush2{bottom:20%;left:20px;width:110px}}@media (max-width: 767px){.cleansingIntro-container{padding:20px 10px}.cleansingIntro-card{width:95%;padding:20px;border-radius:20px;box-shadow:0 4px 10px #0000000d;min-height:480px}.cleansingIntro-title{font-size:1rem;line-height:1.5;max-width:90%}.cleansingIntro-frame{width:240px;height:300px;padding:8px}.cleansingIntro-btnNext{width:100%;padding:10px 0;font-size:.9rem}.cleansingIntro-foundation,.cleansingIntro-lipstick,.cleansingIntro-starLeft,.cleansingIntro-starRight,.cleansingIntro-blush,.cleansingIntro-blush2{display:none}}@media (max-height: 600px) and (orientation: landscape){.cleansingIntro-card{flex-direction:row;justify-content:space-around;padding:20px;gap:10px;min-height:360px}.cleansingIntro-frame{width:220px;height:220px}.cleansingIntro-title{font-size:.95rem;max-width:220px}.cleansingIntro-actions{margin-top:0}}.thankyou-container{min-height:100vh;background:linear-gradient(135deg,#fce1ff,#c9e7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:Poppins,sans-serif;box-sizing:border-box;overflow-x:hidden}.thankyou-card{background:#fdf1fa;border:2px solid #e5d4f9;border-radius:30px;padding:30px;width:88%;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;position:relative;margin:0 auto;box-shadow:0 6px 20px #00000014;transition:all .3s ease-in-out;min-height:550px}.thankyou-title{font-size:1.4rem;font-weight:700;text-align:center;color:#4a3f7a;max-width:500px;line-height:1.6;margin:20px 0 0}.thankyou-frame{border-radius:20px;padding:15px;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.thankyou-img{width:70%;height:auto;object-fit:contain;animation:logoPop .9s ease-out .3s both,float 4s ease-in-out infinite 1.2s}.thankyou-img{animation:popIn 1s ease-out .8s both}.thankyou-actions{margin-top:10px}.thankyou-btnHome{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a;padding:12px 30px;border-radius:25px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease-in-out,background .2s ease-in-out}.thankyou-btnHome:hover{transform:scale(1.05)}.thankyou-btnHome{animation:popIn 1s ease-out .8s both}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.thankyou-decor{position:absolute;width:70px;height:auto;z-index:3;pointer-events:none}.thankyou-foundation{top:35px;left:50px;width:90px}.thankyou-starLeft{top:160px;left:180px;width:35px}.thankyou-lipstick{top:35px;right:50px;width:65px}.thankyou-starRight{top:140px;right:140px;width:35px}.thankyou-blush2{position:absolute;bottom:8%;left:5%;width:130px;height:auto}@media (min-width: 1200px){.thankyou-title{font-size:1.5rem}.thankyou-frame{width:340px;height:340px}}@media (max-width: 1199px) and (min-width: 768px){.thankyou-card{width:85%;padding:25px;min-height:480px}.thankyou-title{font-size:1.2rem}.thankyou-frame{width:260px;height:260px}.thankyou-foundation,.thankyou-lipstick,.thankyou-starLeft,.thankyou-starRight{opacity:.7;transform:scale(.9)}.thankyou-blush2{bottom:18%;left:80px;width:110px}}@media (max-width: 767px){.thankyou-container{padding:20px 10px}.thankyou-card{width:95%;padding:20px;border-radius:20px;box-shadow:0 4px 10px #0000000d;min-height:420px}.thankyou-title{font-size:1rem;line-height:1.5;max-width:90%}.thankyou-frame{width:220px;height:220px}.thankyou-btnHome{width:100%;padding:10px 0;font-size:.9rem}.thankyou-foundation,.thankyou-lipstick,.thankyou-starLeft,.thankyou-starRight,.thankyou-blush2{display:none}}@media (max-height: 600px) and (orientation: landscape){.thankyou-card{flex-direction:row;justify-content:space-around;align-items:center;padding:20px;gap:10px;min-height:360px}.thankyou-frame{width:200px;height:200px}.thankyou-title{font-size:.95rem;max-width:220px}.thankyou-actions{margin-top:0}}.thankyou-card{animation:fadeInUp 1s ease-out,softPulse 5s ease-in-out infinite}.thankyou-img{animation:float 4s ease-in-out infinite}.thankyou-starLeft{animation:twinkle 2.5s ease-in-out infinite alternate}.thankyou-starRight{animation:twinkle 3s ease-in-out infinite alternate-reverse}.thankyou-foundation,.thankyou-lipstick{transform-origin:center center;animation:swing 4s ease-in-out infinite alternate}.thankyou-blush2{animation:float 5s ease-in-out infinite;opacity:.95}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{box-shadow:0 6px 20px #ffb6ff40}50%{box-shadow:0 10px 28px #ffc8ff66}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes swing{0%{transform:rotate(0)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.foundation-container{display:flex;flex-direction:row-reverse;height:100vh;font-family:sans-serif}.preview-panel{margin-top:8em;width:700px;height:450px;overflow:hidden;border-radius:30px;background:#fcefff;display:flex;justify-content:center;align-items:center;margin-left:-10em;margin-right:36px;padding:10px 0}.preview-panel{flex:0 0 380px;height:460px;border-radius:28px;background:#fcefff;border:6px solid #f5d9fa;display:flex;flex-direction:column;align-items:center;padding:20px;justify-content:space-between;margin-top:3em;margin-right:2em}.preview-img{width:100%;height:100%;object-fit:cover;border-radius:20px;margin-bottom:16px}.preview-buttons{display:flex;justify-content:center;gap:16px;margin-top:12px}.btn{padding:12px 26px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;min-width:120px;border:none;background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a}.btn.home,.btn.blush{min-width:120px;justify-content:center;background:linear-gradient(90deg,#e2a4f6,#fcb8ff);border:none;color:#4a3f7a}.main-panel{flex:2;display:flex;flex-direction:column;min-width:75%;margin-right:0;overflow-y:hidden}.tabs{display:flex;justify-content:flex-start;gap:16px;margin:6px 16px;background:transparent!important;border:none;box-shadow:none}.tab-btn{background:transparent;border:none;border-radius:999px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#4a3f7a;cursor:default;margin-top:16px}.tab-btn.active{background:#fff;border:2px solid #d6b7f5;box-shadow:none}.tab-btn img{width:20px;height:20px}.tab-content{padding:30px 36px;flex:1;overflow-y:hidden}.foundation-list{display:flex;flex-direction:column;gap:24px}.row-carousel{display:flex;justify-content:flex-start;margin-bottom:16px;padding-left:8px}.carousel-track{display:flex;align-items:center;max-width:75%;overflow-x:auto;scroll-snap-type:x mandatory}.carousel-label{background:#f5c4eb;color:#4a3f7a;height:200px;width:48px;min-width:48px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:6px;border-radius:64px;font-size:14px;writing-mode:vertical-lr;text-orientation:mixed;flex-shrink:0;margin-left:8px}.carousel-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px}.carousel-placeholder{width:180px;height:198px;background:#fff;border:1px solid #eee;border-radius:12px}.carousel-controls{display:flex;flex-direction:column;justify-content:center;margin-left:12px}.nav-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#7a3e65}.nav-btn:disabled{cursor:default;color:#ccc}.product-card{width:60%;max-width:180px;min-width:160px;border-radius:16px;background:#fdf9fc;box-shadow:0 4px 12px #00000014;border:1px solid #e5dde3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;transition:transform .2s ease;max-height:240px}.product-card:hover{transform:translateY(-3px)}.product-id{align-self:flex-start;font-size:15px;font-weight:bolder;color:#9a6b8e}.product-img{width:160px;height:50px}.product-name{margin-top:5px;font-size:-2px;color:#333;text-align:center;padding:0 -3px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.decor{position:absolute;z-index:5}.star{width:40px;top:100px;left:-20px}.brush{width:60px;right:40px;top:180px}.bow{width:70px;bottom:40px;right:40px}.palette{width:90px;bottom:30px;left:-20px}.foundation-card{position:relative}.bottom-buttons{display:flex;justify-content:space-around;gap:16px;margin-top:25em;padding-top:12px}.bottom-buttons .btn.blush{margin-left:-100em;margin-right:150px}.top-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);border-radius:20px 20px 0 0;padding:12px 20px}.filter{margin-right:32px;font-weight:600;color:#4a3f7a;cursor:pointer}.filter-dropdown{padding:6px 12px;border-radius:8px;border:1px solid #d6b7f5;font-size:14px;font-weight:600;color:#4a3f7a;background:#fff;cursor:pointer;margin-right:16px;margin-top:16px}.product-card.disabled{opacity:.4;pointer-events:none}.product-card.selected{border:2px solid #a86bf0;box-shadow:0 0 10px #a86bf099}.product-card{position:relative;padding-bottom:30px}.status{position:absolute;bottom:-1em;left:50%;transform:translate(-50%);color:#9c3153;font-weight:700;font-size:.8rem;padding:2px 8px;border-radius:10px;white-space:nowrap}.status.wear{background:#fdeef9;color:#9c3153}.status.no-wear{background:#eee;color:#555}.progress-overlay{position:absolute;bottom:10px;width:80%;left:50%;transform:translate(-50%);text-align:center}.progress-bar{height:10px;background:#444;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f9a,#f36);transition:width .3s ease}.progress-text{margin-top:5px;font-size:12px;color:#fff}.btn.apply{position:relative;overflow:hidden;transition:background .3s ease,border .3s ease}.btn.apply.loading{background:#444;color:#fff;font-weight:700}.chosen-container{min-height:100vh;background:linear-gradient(135deg,#fce1ff,#c9e7ff);display:flex;justify-content:center;align-items:flex-start;gap:2rem;font-family:Poppins,sans-serif;padding:120px 40px 40px;position:relative}.frame{background:#fff;border:2px solid #e5d4f9;border-radius:30px;padding:30px;box-shadow:0 6px 18px #00000014}.user-frame{width:380px;height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.user-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.palette{position:absolute;bottom:-20px;left:-20px;width:120px}.right-frame{flex:0 0 700px;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px}.girl-wrapper{position:absolute;top:-120px;right:20px;width:180px;transform:scaleX(-1);z-index:10}.girl-wrapper img{width:100%;height:auto;display:block}.chosen-title{font-size:1.8rem;font-weight:700;color:#4a3f7a;margin-bottom:0;text-align:left;width:100%;flex:1}.category-tabs{display:flex;gap:20px;margin-bottom:24px}.product-grid{display:flex;gap:20px;margin-bottom:30px}.tab-card-grid{display:grid;grid-template-columns:repeat(3,auto);gap:20px;justify-content:center;margin-bottom:30px;text-align:center}.tab{background:#fdeef9;border:2px solid #d6b7f5;border-radius:999px;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:#4a3f7a;font-size:1rem;width:250px;min-width:200px;box-sizing:border-box;cursor:default;transition:transform .2s}.tab img{width:22px;height:22px}.product-row{display:contents}.chosen.product-card{background:#fdeef9;border-radius:20px;padding:16px 12px;text-align:center;width:300px;min-width:250px;height:200px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center}.product-code{font-weight:700;margin-bottom:8px;color:#4a3f7a}.product-img{width:100px;height:100px;object-fit:contain;margin:0 auto 10px;display:block}.product-name{font-size:.9rem;color:#4a3f7a}.button-row{display:flex;gap:20px}.btn{padding:10px 24px;border-radius:25px;font-weight:600;cursor:pointer}.btn.home.chosen{color:#4a3f7a;margin-right:-10px}.btn.next{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);color:#4a3f7a;border:none;margin-right:-10px}.decor{position:absolute}.chosen-container .star-left{top:40px;left:40px;width:40px}.chosen-container .star-right{top:140px;right:570px;width:40px}.mascara{bottom:30px;right:60px;width:80px}.frames-row{display:flex;justify-content:center;align-items:flex-start;gap:2rem;width:100%}.bottom-button{position:absolute!important;bottom:170px!important;right:34%!important;display:flex!important;gap:20px!important}.foundation-wrapper{min-height:100vh;background:linear-gradient(135deg,#fce1ff,#c9e7ff);display:flex;justify-content:center;align-items:flex-start;padding:40px}.foundation-card{width:100%;max-width:1200px;background:#fff;border-radius:24px;box-shadow:0 6px 18px #00000014;overflow:hidden;display:flex;flex-direction:column}.top-bar{background:linear-gradient(90deg,#e2a4f6,#fcb8ff);padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.top-bar .tabs{display:flex;gap:16px}.top-bar .tab-btn{background:#fdeef9;border:2px solid #d6b7f5;border-radius:999px;padding:8px 20px;font-weight:600;color:#4a3f7a;cursor:pointer}.top-bar .tab-btn.active{background:#fff;border:none;color:#4a3f7a}.top-bar.full-width{background:linear-gradient(90deg,#e2a4f6,#fcb8ff,#fbc6eb);border-radius:20px 20px 0 0;padding:16px 24px;width:900px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.filter{font-weight:600;font-size:16px;color:#4a3f7a;cursor:pointer}.foundation-container{display:flex;flex-direction:row-reverse;gap:24px;padding:24px}