:root{--color-gold:#c5a059;--color-gold-hover:#b08d4a;--color-black:#111;--color-dark-gray:#2c2c2e;--color-gray:#e5e5ea;--color-light-gray:#f5f5f7;--bg-main:#f5f5f7;--bg-card:#fff;--text-main:#1d1d1f;--text-muted:#86868b;--radius-sm:10px;--radius-md:18px;--radius-lg:24px;--shadow-sm:0 4px 14px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.login-overlay{-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:10000;background-color:#f5f5f7cc;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-box{text-align:center;background:#fff;border:1px solid #00000005;border-radius:24px;width:90%;max-width:420px;padding:48px;box-shadow:0 16px 40px #0000001f}.login-box h2{font-family:var(--font-family,-apple-system, sans-serif);letter-spacing:-.02em;color:var(--text-main,#1d1d1f);margin-bottom:.5rem;font-size:28px;font-weight:700}.login-box p{color:#666;margin-bottom:2rem;font-size:.95rem}.login-box form{flex-direction:column;gap:1rem;display:flex}.login-box input{color:var(--text-main,#1d1d1f);background-color:#0000000a;border:none;border-radius:16px;outline:none;padding:14px 16px;font-size:1rem;transition:all .2s}.login-box input:focus{background-color:#0000000f;box-shadow:0 0 0 4px #c5a05926}.login-box button{background-color:var(--color-black,#111);color:#fff;cursor:pointer;border:none;border-radius:16px;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.login-box button:hover{background-color:var(--color-gold,#c5a059);transform:translateY(-2px);box-shadow:0 4px 14px #c5a0594d}.login-error{color:#e74c3c;text-align:left;margin:-.5rem 0 0;font-size:.9rem}.brand-selector-page{background-color:var(--bg-main);flex-direction:column;align-items:center;width:100%;max-width:1200px;min-height:calc(100vh - 170px);margin:0 auto;padding:20px;display:flex;position:relative}.brand-selector-header-bar{justify-content:flex-start;width:100%;margin-bottom:20px;display:flex}.brand-selector-back-btn{cursor:pointer;color:var(--text-main);background:0 0;border:1px solid #0000001a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.brand-selector-back-btn:hover{background-color:#0000000a;transform:translate(-2px)}.brand-selector-container{background:var(--bg-card);box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;width:100%;max-width:900px;padding:48px}.brand-selector-container h2{color:var(--text-main);letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:800}.brand-selector-container p{color:var(--text-muted);margin-bottom:40px;font-size:16px}.brand-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.brand-card{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000000d;padding:32px 20px;font-size:20px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.brand-card:hover{border-color:var(--color-gold);color:var(--color-gold);box-shadow:var(--shadow-md);transform:translateY(-6px)scale(1.02)}.brand-card:active{transform:scale(.98)}.all-brands-card{color:#c0853c;background:#fdf6ec;border:1px solid #faebd7}.all-brands-card:hover{color:#c0853c;background:#fbf0e3;border-color:#c0853c}.no-brands{color:#999;font-style:italic}.sephora-home{color:var(--text-main);background-color:var(--bg-card);padding-top:20px;padding-bottom:60px}.sephora-story-container{scrollbar-width:none;padding:15px;overflow-x:auto}.sephora-story-container::-webkit-scrollbar{display:none}.sephora-story-bubbles{gap:20px;min-width:max-content;display:flex}.story-bubble-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:8px;width:75px;display:flex}.story-bubble{background-clip:content-box;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding:2px;transition:transform .2s;display:flex;box-shadow:0 0 0 2px #fff,0 0 0 3px #e5e5e5}.story-bubble:hover{transform:scale(1.05)}.story-bubble-text{color:#fff;text-transform:uppercase;font-size:32px;font-weight:800}.story-bubble-label{text-align:center;font-size:11px;font-weight:600;line-height:1.2}.sephora-hero-slider{border-radius:var(--radius-md);width:calc(100% - 40px);height:600px;margin:0 20px 20px;position:relative;overflow:hidden}.sephora-hero-slide{opacity:0;visibility:hidden;z-index:1;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;width:100%;height:100%;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;display:flex;position:absolute;top:0;left:0}.sephora-hero-slide.active{opacity:1;visibility:visible;z-index:2}.slider-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.slider-dots .dot{cursor:pointer;background-color:#ffffff80;border:1px solid #0003;border-radius:50%;width:10px;height:10px;transition:all .3s}.slider-dots .dot.active{background-color:#000;transform:scale(1.2)}.sephora-hero-content{width:100%;padding:15px}.sephora-hero-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;width:100%;padding:20px}.sephora-hero-title{margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.2}.sephora-hero-discount{align-items:center;gap:10px;margin-bottom:15px;display:flex}.discount-badge{border-radius:var(--radius-md);background:#f5f5f5;padding:8px 12px;font-size:16px;font-weight:800}.discount-text{margin:0;font-size:13px;font-weight:600;line-height:1.3}.sephora-btn-primary{background:var(--bg-card);width:100%;color:var(--color-black);border:2px solid var(--color-black);border-radius:var(--radius-md);cursor:pointer;margin-bottom:10px;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.sephora-btn-primary:hover{background:var(--color-black);color:var(--bg-card)}.sephora-terms{color:#666;margin:0;font-size:10px}.treatment-guide-banner{background:var(--color-black);color:var(--bg-card);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;margin:0 20px 20px;padding:30px 20px;transition:transform .2s;display:flex}.treatment-guide-banner:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.treatment-guide-title{text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:22px;font-weight:800}.treatment-guide-desc{margin:0 0 20px;font-size:14px}.treatment-guide-btn{background:var(--bg-card);color:var(--color-black);border:none;width:auto;min-width:200px;margin-bottom:0}.treatment-guide-btn:hover{background:var(--color-light-gray);color:var(--color-black)}.sephora-category-chips{scrollbar-width:none;background:#ff1053;gap:10px;padding:10px 15px 20px;display:flex;overflow-x:auto}.sephora-category-chips::-webkit-scrollbar{display:none}.sephora-chip{border-radius:var(--radius-lg);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #000;padding:8px 16px;font-size:13px;font-weight:800;transition:background .2s}.sephora-chip:hover{background:#f5f5f5}.sephora-section{margin-top:32px;padding:20px 0}.sephora-section-header{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 20px 15px;display:flex}.sephora-section-title{margin:0;font-size:18px;font-weight:600}.sephora-btn-small{border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #ccc;padding:6px 12px;font-size:12px;font-weight:700}.sephora-carousel{scrollbar-width:none;scroll-snap-type:x mandatory;gap:15px;max-width:1400px;margin:0 auto;padding:0 20px 20px;display:flex;overflow-x:auto}.brand-custom-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;max-width:1400px;margin:0 auto;padding:0 20px 20px;display:grid}.sephora-carousel::-webkit-scrollbar{display:none}.sephora-product-card{border-radius:var(--radius-md);scroll-snap-align:start;cursor:pointer;background:#fff;border:1px solid #eee;flex-direction:column;width:180px;min-width:180px;padding:12px;display:flex;position:relative}.sephora-product-card-top{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex;position:relative}.sephora-badge-black{color:#fff;border-radius:var(--radius-md);text-transform:uppercase;background:#000;padding:4px 6px;font-size:9px;font-weight:800}.sephora-heart-icon{color:#000;cursor:pointer}.sephora-product-image{justify-content:center;align-items:center;width:100%;height:150px;margin-bottom:15px;display:flex}.sephora-product-image img{object-fit:contain;max-width:80%;max-height:80%}.sephora-product-info{flex-direction:column;flex-grow:1;display:flex}.sephora-product-brand{margin-bottom:4px;font-size:13px;font-weight:800}.sephora-product-title{color:#333;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.sephora-product-price{margin-bottom:8px;font-size:15px;font-weight:800}.sephora-product-rating{color:#000;margin-bottom:6px;font-size:12px}.rating-count{color:#666;font-size:11px}.sephora-product-availability{color:#666;margin-bottom:12px;font-size:11px}.sephora-btn-outline{color:#000;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #000;width:100%;margin-top:auto;padding:8px;font-size:13px;font-weight:800}.sephora-btn-outline:hover{background:#f5f5f5}.secondary-banners-container{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.sephora-secondary-banner{position:relative}.sephora-banner-img{object-fit:cover;width:100%;height:400px}.sephora-secondary-banner .sephora-hero-card{z-index:10;width:calc(100% - 30px);margin:-60px 15px 0;position:relative}@media (width>=768px){.sephora-home{max-width:1400px;margin:0 auto}.sephora-hero-slider{border-radius:var(--radius-md);height:500px}.sephora-hero-slide{flex-direction:row;justify-content:flex-end;align-items:center}.sephora-hero-content{width:450px;padding-right:50px}.sephora-hero-card{padding:30px}.sephora-hero-title{margin-bottom:15px;font-size:24px}.sephora-category-chips-desktop{gap:10px;margin-top:20px;display:flex}.sephora-chip-small{border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #000;padding:6px 12px;font-size:12px;font-weight:800;transition:background .2s}.sephora-chip-small:hover{background:#f5f5f5}.secondary-banners-container{flex-direction:row;padding:0 15px}.sephora-secondary-banner{border-radius:var(--radius-md);background:#fff;border:1px solid #eee;flex:1;display:flex;overflow:hidden}.sephora-secondary-banner .sephora-banner-img{object-fit:cover;width:40%;height:auto}.sephora-secondary-banner .sephora-hero-card{width:60%;box-shadow:none;flex-direction:column;justify-content:center;margin:0;display:flex}.sephora-carousel{gap:20px}.sephora-product-card{width:200px;min-width:200px}.treatment-guide-banner{text-align:left;flex-direction:row;justify-content:space-between;margin:0 20px 20px;padding:30px 40px}.treatment-guide-content{flex:1}.treatment-guide-desc{margin:0}.treatment-guide-btn{margin:0 0 0 30px}}.brand-custom-card{color:#fff;border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:150px;margin:0;padding:30px 20px;transition:transform .2s;display:flex}.brand-custom-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.brand-custom-title{text-transform:uppercase;letter-spacing:1px;margin:0 0 15px;font-size:20px;font-weight:800}.brand-custom-btn{color:#000;border-radius:var(--radius-md);background:#fff;border:none;width:auto;min-width:120px;padding:10px 20px;font-size:14px;font-weight:800;transition:background .2s}.brand-custom-btn:hover{background:#f5f5f5}.inline-editor-wrapper{background:#fff;min-height:100vh;padding-bottom:80px;position:relative}.editable-section-wrapper{border:2px solid #0000;margin-bottom:10px;transition:all .2s;position:relative}.editable-section-wrapper:hover{border-color:#007aff}.section-toolbar{color:#fff;z-index:100;opacity:0;pointer-events:none;background:#007aff;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;transition:all .2s;display:flex;position:absolute;top:-15px;right:20px;transform:translateY(10px);box-shadow:0 4px 12px #0003}.editable-section-wrapper:hover .section-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.section-label{text-transform:uppercase;border-right:1px solid #ffffff4d;padding:0 8px;font-size:12px;font-weight:800}.toolbar-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.toolbar-btn:hover{background:#fff3}.toolbar-btn.danger:hover{background:#ff3b30}.editable-image-container{cursor:pointer;position:relative}.image-upload-overlay{color:#fff;opacity:0;z-index:10;background:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.editable-image-container:hover .image-upload-overlay{opacity:1}.image-upload-overlay svg{margin-bottom:8px}.image-upload-overlay span{text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}[contenteditable=true]{outline:none;transition:background .2s;position:relative}[contenteditable=true]:hover{cursor:text;background:#fff3;border-radius:16px;box-shadow:0 0 0 4px #fff3}[contenteditable=true]:focus{color:#000;background:#ffffffe6;border-radius:16px;box-shadow:0 0 0 4px #ffffffe6}.slide-controls,.card-controls{z-index:20;gap:5px;display:flex;position:absolute;top:10px;left:10px}.control-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #fff3;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.control-btn:hover{background:#000;border-color:#fff}.control-btn.danger:hover{background:#ff3b30;border-color:#ff3b30}.editor-bottom-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-top:1px solid #ddd;justify-content:space-between;align-items:center;width:100%;padding:15px 30px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000001a}.bottom-bar-left,.bottom-bar-right{align-items:center;gap:15px;display:flex}.save-status{color:#86868b;align-items:center;gap:8px;font-size:14px;display:flex}.save-status.unsaved{color:#ff9500;font-weight:600}.add-block-wrapper{position:relative}.add-block-menu{background:#fff;border:1px solid #eee;border-radius:16px;min-width:200px;margin-bottom:10px;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.add-block-option{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eee;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.add-block-option:hover{color:#007aff;background:#f5f5f7}.add-block-option:last-child{border-bottom:none}.backoffice-container{background:#f9f9f9;max-width:1400px;min-height:100vh;margin:0 auto;padding:30px}.backoffice-header{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.backoffice-title{align-items:center;gap:15px;margin:0;font-size:28px;font-weight:800;display:flex}.backoffice-brands-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.backoffice-brand-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;padding:30px;transition:all .2s;box-shadow:0 4px 12px #0000000d}.backoffice-brand-card:hover{border-color:#000;transform:translateY(-5px)}.backoffice-brand-card h2{text-transform:uppercase;margin-bottom:20px;font-size:24px;font-weight:800}.editor-layout{align-items:flex-start;gap:30px;display:flex}.editor-sidebar{background:#fff;border-radius:16px;width:400px;max-height:90vh;padding:20px;position:sticky;top:20px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.editor-preview{background:#fff;border:1px solid #ddd;border-radius:16px;flex:1;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.editor-preview-header{color:#fff;text-align:center;letter-spacing:1px;background:#000;padding:10px 20px;font-size:14px;font-weight:800}.editor-section-card{background:#fdfdfd;border:1px solid #eee;border-left:4px solid #000;border-radius:16px;margin-bottom:15px;padding:15px}.editor-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.editor-section-title{margin:0;font-size:16px;font-weight:800}.editor-actions{gap:5px;display:flex}.editor-btn-icon{cursor:pointer;background:#eee;border:none;border-radius:16px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.editor-btn-icon:hover{background:#ddd}.editor-btn-icon.danger{color:red}.editor-btn-icon.danger:hover{background:#ffe5e5}.editor-input{border:1px solid #ccc;border-radius:16px;width:100%;margin-bottom:10px;padding:10px;font-family:inherit}.editor-select{background:#fff;border:1px solid #ccc;border-radius:16px;width:100%;margin-bottom:10px;padding:10px;font-family:inherit}.editor-add-buttons{border-bottom:2px solid #eee;grid-template-columns:1fr;gap:10px;margin-bottom:20px;padding-bottom:20px;display:grid}.editor-save-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#10a37f;border:none;border-radius:16px;width:100%;margin-top:20px;padding:15px;font-size:16px;font-weight:800}.editor-save-btn:hover{background:#0d8c6d}.editor-subcard{background:#fff;border:1px dashed #ccc;border-radius:16px;margin-top:10px;padding:10px}.backoffice-tabs{border-bottom:2px solid #eee;gap:0;margin-bottom:25px;display:flex}.backoffice-tab{color:#86868b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.backoffice-tab.active{color:#1d1d1f;border-bottom-color:#1d1d1f}.backoffice-tab:hover{color:#1d1d1f}.backoffice-settings{max-width:600px}.settings-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 12px #0000000d}.settings-card h3{align-items:center;gap:10px;margin:0 0 8px;font-size:18px;display:flex}.settings-desc{color:#86868b;margin-bottom:20px;font-size:14px;line-height:1.5}.settings-field{margin-bottom:20px}.settings-field label{color:#1d1d1f;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.settings-input{box-sizing:border-box;border:1px solid #d1d1d6;border-radius:16px;width:100%;padding:12px;font-family:inherit;font-size:15px}.settings-save-btn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:16px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:background .2s;display:flex}.settings-save-btn:hover{background:#0d8c6d}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.backoffice-hub-container{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.hub-welcome{text-align:center;margin-bottom:50px}.hub-welcome h2{color:#1d1d1f;margin-bottom:10px;font-size:36px;font-weight:800}.hub-welcome p{color:#86868b;font-size:18px}.hub-cards-grid{gap:30px;width:100%;max-width:900px;display:flex}.hub-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:24px;flex-direction:column;flex:1;align-items:center;padding:40px 30px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 10px 30px #0000000d}.hub-card:hover{border-color:#1d1d1f;transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.hub-card-icon{color:#1d1d1f;background:#f5f5f7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;transition:all .3s;display:flex}.hub-card:hover .hub-card-icon{color:#fff;background:#1d1d1f}.hub-card h3{color:#1d1d1f;margin-bottom:12px;font-size:24px;font-weight:800}.hub-card p{color:#86868b;margin:0;font-size:15px;line-height:1.5}.blog-bo-container{font-family:var(--font-family);color:var(--text-main);padding:10px 0}.blog-bo-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:16px;padding:20px;display:flex}.stat-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-details{flex-direction:column;display:flex}.stat-card-title{color:var(--text-muted);font-size:13px}.stat-card-value{color:var(--color-black);margin-top:4px;font-size:24px;font-weight:600}.blog-bo-header-row{border-bottom:1px solid var(--color-gray);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.blog-bo-header-row h2{color:var(--color-black);margin:0;font-size:22px;font-weight:500}.blog-bo-create-btn{background-color:var(--color-gold);color:#fff;font-family:var(--font-family);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.blog-bo-create-btn:hover{background-color:var(--color-gold-hover)}.blog-bo-error-bar{color:#c05050;background-color:#c050501a;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.blog-bo-table-wrapper{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background-color:#fff;overflow:hidden}.blog-bo-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.blog-bo-table th{background-color:var(--color-light-gray);color:var(--text-main);border-bottom:1px solid var(--color-gray);padding:16px 20px;font-weight:600}.blog-bo-table td{border-bottom:1px solid var(--color-light-gray);vertical-align:middle;padding:16px 20px}.blog-bo-table tbody tr:hover{background-color:#fafafa}.empty-row{text-align:center;color:var(--text-muted);font-style:italic;padding:48px!important}.post-table-title-cell{align-items:center;gap:12px;display:flex}.post-table-thumbnail{object-fit:cover;background-color:var(--color-light-gray);border-radius:4px;width:48px;height:32px}.post-table-title{color:var(--color-black);font-weight:500}.post-table-category{color:var(--text-muted)}.status-badge-toggle{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);border:none;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:inline-flex}.status-badge-toggle.published{color:#248a3d;background-color:#34c7591a}.status-badge-toggle.published:hover{color:#c05050;background-color:#c050501a}.status-badge-toggle.published:hover span:after{content:"Alterar"}.status-badge-toggle.draft{background-color:var(--color-light-gray);color:var(--text-muted)}.status-badge-toggle.draft:hover{color:#248a3d;background-color:#34c75926}.post-table-actions{gap:8px;display:flex}.action-icon-btn{border:1px solid var(--color-gray);cursor:pointer;width:32px;height:32px;color:var(--text-main);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover{background-color:var(--color-light-gray)}.action-icon-btn.edit:hover{color:var(--color-gold);border-color:var(--color-gold)}.action-icon-btn.delete:hover{color:#c05050;border-color:#c05050}.blog-editor-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.blog-editor-modal{background-color:#fff;flex-direction:column;width:100%;max-width:960px;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-8px 0 32px #00000026}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.editor-modal-header{border-bottom:1px solid var(--color-gray);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.editor-modal-header h3{color:var(--color-black);margin:0;font-size:20px;font-weight:500}.close-editor-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-editor-btn:hover{background-color:var(--color-light-gray);color:var(--text-main)}.editor-tabs{background-color:var(--color-light-gray);border-bottom:1px solid var(--color-gray);gap:16px;padding:6px 32px 0;display:flex}.editor-tab-btn{font-family:var(--font-family);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.editor-tab-btn:hover{color:var(--text-main)}.editor-tab-btn.active{border-bottom-color:var(--color-gold);color:var(--color-gold);font-weight:600}.editor-modal-form{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.editor-form-grid{flex-grow:1;grid-template-columns:1.6fr 1fr;gap:32px;padding:32px;display:grid;overflow-y:auto}.editor-preview-pane{background-color:#fafafa;flex-grow:1;padding:32px 64px;overflow-y:auto}.form-left-col,.form-right-col{flex-direction:column;gap:20px;display:flex}.form-group .field-hint{color:var(--text-muted);margin-top:-4px;font-size:11px;display:block}.image-url-input-wrapper{gap:8px;display:flex}.image-url-input-wrapper input{flex-grow:1}.upload-file-btn{background-color:var(--color-light-gray);border:1px solid var(--color-gray);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;transition:all .2s;display:flex}.upload-file-btn:hover{background-color:var(--color-gray)}.uploading-indicator{color:var(--color-gold);margin-top:4px;font-size:12px}.image-preview-box{border:1px solid var(--color-gray);aspect-ratio:16/9;border-radius:8px;margin-top:12px;overflow:hidden}.image-preview-box img{object-fit:cover;width:100%;height:100%}.editor-form-grid select{border:1px solid var(--color-gray);width:100%;font-family:var(--font-family);background-color:#fff;border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.editor-modal-footer{border-top:1px solid var(--color-gray);background-color:#fff;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.blog-save-submit-btn{background-color:var(--color-gold);color:#fff;font-family:var(--font-family);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.blog-save-submit-btn:hover{background-color:var(--color-gold-hover)}.cancel-btn{border-radius:20px;padding:10px 24px}@media (width<=900px){.editor-form-grid{grid-template-columns:1fr;gap:20px;padding:20px}.editor-modal-header{padding:16px 20px}.editor-tabs{padding:0 20px}.editor-preview-pane{padding:20px}}.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:#0000;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid #0000;border-bottom:5px solid #0000;transform:translateY(-5px)}.rc-slider-handle{z-index:1;cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-track-draggable{border:0;border-left:5px solid #0000;border-right:5px solid #0000;transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{z-index:1;touch-action:pan-y;margin-top:0;margin-left:-5px;position:absolute}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:#0000;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}.advanced-filter-wrapper{margin-right:15px;display:inline-block;position:relative}.advanced-filter-btn{background-color:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-main);cursor:pointer;border:1px solid #e5e5ea;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.advanced-filter-btn:hover{background-color:#f9f9f9;border-color:#d1d1d6}.advanced-filter-btn.active{background-color:var(--color-black);color:#fff;border-color:var(--color-black)}.advanced-filter-popover{background:var(--bg-card);border-radius:var(--radius-md);z-index:1000;border:1px solid #efefef;width:320px;padding:20px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000a}.popover-header{color:var(--text-main);border-bottom:1px solid #f2f2f7;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;font-size:16px;font-weight:600;display:flex}.popover-header button{color:var(--color-black);cursor:pointer;background:0 0;border:none;font-size:13px}.filter-section{margin-bottom:20px}.filter-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.char-grid{flex-wrap:wrap;gap:8px;max-height:200px;padding-bottom:10px;display:flex;overflow-y:auto}.char-check-btn{border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;background:#f2f2f7;border:1px solid #0000;padding:6px 12px;font-size:12px;transition:all .2s}.char-check-btn.selected{border-color:var(--color-black);color:var(--color-black);background:#e5f0ff;font-weight:500}.age-display{color:#3a3a3c;justify-content:space-between;margin-top:10px;font-size:14px;font-weight:500;display:flex}.rc-slider-track{background-color:var(--color-black)!important}.rc-slider-handle{background-color:#fff!important;border:none!important;width:20px!important;height:20px!important;margin-top:-8px!important;box-shadow:0 1px 4px #0000004d!important}.rc-slider-handle:active{box-shadow:0 1px 6px #0006!important}.rc-slider-rail{background-color:#e5e5ea!important}.document-browser{background-color:#fff;max-width:1200px;min-height:500px;margin:0 auto;padding:20px}.doc-header{border-bottom:1px solid #eee;flex-direction:column;gap:15px;margin-bottom:30px;padding-bottom:20px;display:flex}.doc-back-btn{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}.doc-back-btn:hover{text-decoration:underline}.doc-breadcrumb{color:#666;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.doc-crumb-link{cursor:pointer;transition:color .2s}.doc-crumb-link:hover{color:#000;text-decoration:underline}.doc-crumb-link.active{color:#000;cursor:default;font-weight:700}.doc-crumb-link.active:hover{text-decoration:none}.doc-crumb-separator{color:#ccc}.doc-loading,.doc-error,.doc-empty{text-align:center;color:#666;padding:50px;font-size:16px}.doc-error{color:#d32f2f}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;display:grid}.doc-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;flex-direction:column;align-items:center;padding:20px;transition:all .2s;display:flex;position:relative}.doc-card:hover{border-color:#ddd;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.doc-card-icon{justify-content:center;align-items:center;height:60px;margin-bottom:15px;display:flex}.doc-icon{stroke-width:1.5px}.file-pdf{color:#e53935}.file-img{color:#1e88e5}.file-excel{color:#43a047}.file-generic{color:#757575}.doc-card-info{width:100%}.doc-name{color:#333;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.doc-size{color:#999;margin-top:5px;font-size:11px;display:block}.doc-card-actions{opacity:0;transition:opacity .2s;position:absolute;top:10px;right:10px}.doc-card:hover .doc-card-actions{opacity:1}.doc-action-btn{color:#333;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.doc-action-btn:hover{background:#e0e0e0}.blog-section-container{max-width:1200px;font-family:var(--font-family);color:var(--text-main);background-color:#0000;margin:0 auto;padding:40px 20px}.reading-progress-bar{background-color:var(--color-gold);z-index:9999;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.blog-listing-header{text-align:center;margin-bottom:60px}.blog-subtitle{letter-spacing:3px;text-transform:uppercase;color:var(--color-gold);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.blog-title{color:var(--color-black);margin:0 0 16px;font-size:42px;font-weight:500}.blog-description{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}.blog-controls-row{border-bottom:1px solid var(--color-gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:20px;display:flex}.category-tabs-container{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.category-tab-btn{font-size:14px;font-family:var(--font-family);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;padding:8px 16px;transition:all .2s}.category-tab-btn:hover{color:var(--text-main);background-color:#00000008}.category-tab-btn.active{background-color:var(--color-black);color:#fff;font-weight:500}.blog-search-wrapper{min-width:280px;position:relative}.blog-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-search-input{border:1px solid var(--color-gray);width:100%;font-family:var(--font-family);background-color:#fff;border-radius:24px;outline:none;padding:10px 16px 10px 42px;font-size:14px;transition:all .2s}.blog-search-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c5a0591a}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;display:grid}.blog-post-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;background-color:#fff;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.blog-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.post-card-image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.post-card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-post-card:hover .post-card-image{transform:scale(1.04)}.post-card-category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);text-transform:uppercase;letter-spacing:1px;background-color:#ffffffe6;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #0000000d}.post-card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.post-card-meta{color:var(--text-muted);gap:16px;margin-bottom:12px;font-size:12px;display:flex}.post-card-meta span{align-items:center;gap:4px;display:flex}.post-card-title{color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:20px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-footer{border-top:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.post-card-author{color:var(--text-main);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.author-micro-avatar,.author-micro-placeholder{object-fit:cover;border-radius:50%;width:28px;height:28px}.author-micro-placeholder{background-color:var(--color-light-gray);color:var(--color-gold);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.post-card-stats{color:var(--text-muted);gap:12px;font-size:12px;display:flex}.post-card-stats span{align-items:center;gap:3px;display:flex}.detail-navigation{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.blog-back-btn{border:1px solid var(--color-gray);font-family:var(--font-family);color:var(--text-main);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.blog-back-btn:hover{background-color:var(--color-light-gray);border-color:var(--text-muted)}.detail-breadcrumbs{color:var(--text-muted);font-size:13px}.detail-breadcrumbs span:last-child{color:var(--color-gold);font-weight:500}.blog-article-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:40px;padding:48px}.article-header{text-align:center;max-width:800px;margin:0 auto 40px}.article-category-tag{color:var(--color-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.article-title{color:var(--color-black);margin:0 0 24px;font-size:38px;font-weight:500;line-height:1.3}.article-meta{border-top:1px solid var(--color-light-gray);border-bottom:1px solid var(--color-light-gray);justify-content:center;align-items:center;gap:32px;padding:16px 0;display:flex}.author-info{text-align:left;align-items:center;gap:12px;display:flex}.author-img,.author-placeholder{object-fit:cover;border-radius:50%;width:40px;height:40px}.author-placeholder{background-color:var(--color-light-gray);color:var(--color-gold);justify-content:center;align-items:center;display:flex}.author-name{color:var(--text-main);font-size:14px;font-weight:500;display:block}.article-pub-date{color:var(--text-muted);font-size:12px;display:block}.meta-stats{color:var(--text-muted);gap:20px;font-size:13px;display:flex}.meta-stats span{align-items:center;gap:6px;display:flex}.article-cover-wrapper{height:480px;margin:0 -48px 48px;overflow:hidden}.article-cover{object-fit:cover;width:100%;height:100%}.article-body{color:#333;max-width:740px;margin:0 auto;font-size:17px;line-height:1.8}.article-body p{margin-bottom:24px}.article-body h2{color:var(--color-black);margin:40px 0 20px;font-size:26px;font-weight:500}.article-body h3{color:var(--color-black);margin:32px 0 16px;font-size:20px;font-weight:500}.article-body ul,.article-body ol{margin:0 0 24px 24px}.article-body li{margin-bottom:8px}.article-footer{border-top:1px solid var(--color-light-gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:740px;margin:48px auto 0;padding-top:24px;display:flex}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{color:var(--text-muted);background-color:var(--color-light-gray);border-radius:12px;padding:4px 10px;font-size:13px}.article-interactions-bar{gap:16px;display:flex}.interaction-btn{border:1px solid var(--color-gray);font-family:var(--font-family);color:var(--text-main);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.interaction-btn:hover{background-color:var(--color-light-gray);border-color:var(--text-muted)}.like-btn.liked{border-color:var(--color-gold);color:var(--color-gold);background-color:#c5a0590d}.like-btn svg{transition:transform .2s}.like-btn:hover svg{transform:scale(1.15)}.blog-comments-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:48px}.comments-header{border-bottom:1px solid var(--color-light-gray);color:var(--color-black);align-items:center;gap:10px;margin-bottom:32px;padding-bottom:16px;display:flex}.comments-header h2{margin:0;font-size:20px;font-weight:500}.comment-form{background-color:var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:40px;padding:32px}.comment-form h3{color:var(--color-black);margin:0 0 8px;font-size:18px;font-weight:500}.comment-form-note{color:var(--text-muted);margin:0 0 24px;font-size:13px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--color-gray);width:100%;font-family:var(--font-family);background-color:#fff;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-gold)}.comment-submit-btn{background-color:var(--color-gold);color:#fff;font-family:var(--font-family);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.comment-submit-btn:hover{background-color:var(--color-gold-hover)}.comment-success-message{color:#248a3d;background-color:#34c7591a;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:500}.comments-list{flex-direction:column;gap:24px;display:flex}.no-comments{text-align:center;color:var(--text-muted);padding:32px;font-style:italic}.comment-card{border-bottom:1px solid var(--color-light-gray);gap:16px;padding-bottom:24px;display:flex}.comment-card:last-child{border-bottom:none;padding-bottom:0}.comment-avatar{background-color:var(--color-gold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.comment-details{flex-grow:1}.comment-author-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comment-author{color:var(--color-black);font-size:15px;font-weight:600}.comment-date{color:var(--text-muted);font-size:12px}.comment-text{color:#444;margin:0;font-size:14px;line-height:1.6}.blog-loading{text-align:center;padding:80px 20px}.loading-spinner{border:3px solid var(--color-gray);border-top-color:var(--color-gold);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}.blog-error{text-align:center;color:#c05050;padding:60px 20px}.blog-error p{margin-bottom:16px}.blog-empty-state{text-align:center;color:var(--text-muted);padding:80px 20px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.blog-controls-row{flex-direction:column;align-items:stretch}.blog-search-wrapper{min-width:100%}.blog-title{font-size:32px}.blog-article-content{padding:24px}.article-cover-wrapper{height:280px;margin:0 -24px 24px}.article-title{font-size:28px}.article-meta{flex-direction:column;align-items:flex-start;gap:16px}.blog-comments-section{padding:24px}.comment-form{padding:20px}}:root{--tg-orange:#e28437;--tg-green:#589b67;--tg-purple:#8a68a0;--tg-gray:#c7c6c6;--glass-bg:#fffffff2;--glass-bg-hover:#fff;--glass-bg-subtle:#ffffffd9;--glass-border:#ffffffe6;--glass-highlight:#fffffff2;--glass-shadow:0 8px 32px #00000026;--glass-inner-shadow:inset 0 1px 1px #ffffffe6, inset 0 -1px 1px #0000000d;--glass-blur:blur(30px) saturate(180%);--tg-text-primary:#1d1d1f;--tg-text-secondary:#86868b;--tg-text-muted:#a1a1a6;--tg-radius:20px;--tg-radius-sm:14px;--tg-radius-lg:32px;--tg-font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tg-transition:cubic-bezier(.25, 1, .5, 1)}.tg-container{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);font-family:var(--tg-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tg-header{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:relative}.tg-back-btn,.tg-close-btn{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);width:44px;height:44px;color:var(--tg-text-primary);cursor:pointer;box-shadow:var(--glass-shadow), var(--glass-inner-shadow);-webkit-backdrop-filter:blur(10px);transition:all .3s var(--tg-transition);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.tg-back-btn:active,.tg-close-btn:active{background:var(--glass-bg-hover);transform:scale(.9)}.tg-step-indicator{color:var(--tg-text-secondary);letter-spacing:.8px;text-transform:uppercase;background:#ffffff80;border:1px solid #ffffff4d;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #fffc}.tg-progress-bar{background:#0000000a;border-radius:4px;flex-shrink:0;height:4px;margin:0 24px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.tg-progress-fill{background:linear-gradient(90deg, var(--tg-orange), var(--tg-purple));height:100%;transition:width .6s var(--tg-transition);border-radius:4px;box-shadow:0 0 10px #e2843766}.tg-slide-viewport{flex:1;position:relative;overflow:hidden}.tg-slide-track{height:100%;transition:transform .6s var(--tg-transition);will-change:transform;display:flex}.tg-slide{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;min-width:100%;height:100%;padding:32px 24px 20px;display:flex;overflow-y:auto}.tg-question-icon{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:16px;font-size:42px}.tg-question-title{color:var(--tg-text-primary);letter-spacing:-.8px;margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.15}.tg-question-subtitle{color:var(--tg-text-secondary);margin:0 0 32px;font-size:17px;font-weight:400;line-height:1.5}.tg-options-grid{flex-direction:column;flex:1;justify-content:flex-start;gap:16px;display:flex}.tg-option-card{border:1px solid var(--glass-border);border-radius:var(--tg-radius);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000008, var(--glass-inner-shadow);cursor:pointer;transition:all .3s var(--tg-transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fff6;align-items:center;gap:16px;padding:20px;display:flex}.tg-option-card:hover{box-shadow:0 8px 24px #0000000f, var(--glass-inner-shadow);background:#fff9;transform:translateY(-2px)}.tg-option-card:active{transform:scale(.97)translateY(0)}.tg-option-card.selected{background:linear-gradient(135deg,#fffc,#ffffff80);border-color:#e2843766;box-shadow:0 0 0 2px #e284374d,0 8px 24px #e2843726,inset 0 1px 1px #fff}.tg-option-icon{background:#fff9;border:1px solid #fffc;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:all .3s;display:flex;box-shadow:inset 0 2px 4px #fff,0 4px 8px #0000000d}.tg-option-card.selected .tg-option-icon{background:#e2843726;border-color:#e284374d}.tg-option-text{flex:1;min-width:0}.tg-option-label{color:var(--tg-text-primary);letter-spacing:-.3px;margin:0 0 4px;font-size:17px;font-weight:700}.tg-option-desc{color:var(--tg-text-secondary);margin:0;font-size:14px;line-height:1.4}.tg-option-check{width:28px;height:28px;transition:all .3s var(--tg-transition);background:#ffffff80;border:2px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 3px #0000000d}.tg-option-card.selected .tg-option-check{border-color:var(--tg-orange);background:var(--tg-orange);box-shadow:0 0 12px #e2843766,inset 0 1px 1px #fff6}.tg-option-check-inner{background:0 0;border-radius:50%;width:10px;height:10px;transition:background .3s}.tg-option-card.selected .tg-option-check-inner{background:#fff;box-shadow:0 1px 2px #0003}.tg-footer{z-index:10;flex-shrink:0;padding:16px 24px 32px;position:relative}.tg-continue-btn{border-radius:var(--tg-radius);width:100%;height:60px;font-family:var(--tg-font);letter-spacing:-.3px;cursor:pointer;transition:all .3s var(--tg-transition);-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);border:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.tg-continue-btn.active{color:#fff;background:#e28437d9;border:1px solid #ffffff4d;box-shadow:0 8px 24px #e284374d,inset 0 1px 1px #fff6}.tg-continue-btn.active:hover{background:#e28437;transform:translateY(-2px);box-shadow:0 12px 32px #e2843766,inset 0 1px 1px #ffffff80}.tg-continue-btn.active:active{transform:scale(.96)translateY(0)}.tg-continue-btn.inactive{color:var(--tg-text-muted);cursor:default;pointer-events:none;background:#0000000a;border:1px solid #fff3;box-shadow:inset 0 1px 1px #ffffff80}.tg-continue-arrow{transition:transform .3s var(--tg-transition);margin-left:8px;font-size:20px}.tg-continue-btn.active:hover .tg-continue-arrow{transform:translate(4px)}.tg-processing{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.tg-processing-spinner{width:64px;height:64px;margin-bottom:40px;position:relative}.tg-spinner-ring{filter:drop-shadow(0 2px 4px #0000001a);border:3px solid #0000;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite tg-spin;position:absolute;inset:0}.tg-spinner-ring:first-child{border-top-color:var(--tg-orange);animation-delay:0s}.tg-spinner-ring:nth-child(2){border-right-color:var(--tg-green);animation-direction:reverse;animation-delay:.15s;inset:8px}.tg-spinner-ring:nth-child(3){border-bottom-color:var(--tg-purple);animation-delay:.3s;inset:16px}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-processing-title{color:var(--tg-text-primary);text-align:center;letter-spacing:-.5px;margin:0 0 12px;font-size:22px;font-weight:800}.tg-processing-subtitle{color:var(--tg-text-secondary);text-align:center;margin:0;font-size:16px}.tg-processing-dots:after{content:"";animation:1.5s steps(4,end) infinite tg-dots}@keyframes tg-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.tg-results{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.tg-results-header{text-align:center;flex-shrink:0;padding:24px 24px 0}.tg-results-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--tg-green);letter-spacing:1px;text-transform:uppercase;background:#fff9;border:1px solid #fffc;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #0000000d,inset 0 1px 1px #fff}.tg-results-badge-dot{background:var(--tg-green);width:8px;height:8px;box-shadow:0 0 8px var(--tg-green);border-radius:50%}.tg-results-title{color:var(--tg-text-primary);letter-spacing:-1px;background:linear-gradient(135deg,#1d1d1f 0%,#434345 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 12px;font-size:34px;font-weight:800;line-height:1.15}.tg-results-subtitle{color:var(--tg-text-secondary);max-width:340px;margin:0 auto 32px;font-size:16px;line-height:1.5}.tg-products-list{flex-direction:column;gap:20px;padding:0 24px 24px;display:flex}.tg-product-card{border-radius:var(--tg-radius);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);transition:all .3s var(--tg-transition);background:#ffffff73;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000a,inset 0 1px 1px #fffc}.tg-product-card:hover{background:#fff9;transform:translateY(-2px);box-shadow:0 12px 32px #00000014,inset 0 1px 1px #ffffffe6}.tg-product-accent{opacity:.8;width:100%;height:6px}.tg-product-content{padding:24px}.tg-product-step-badge{letter-spacing:1px;text-transform:uppercase;background:#ffffff80;border:1px solid #fff9;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px 4px 4px;font-size:12px;font-weight:800;display:inline-flex}.tg-product-step-number{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 4px #0000001a}.tg-product-name{color:var(--tg-text-primary);letter-spacing:-.5px;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.3}.tg-product-code{color:var(--tg-text-muted);letter-spacing:.5px;margin:0 0 16px;font-family:monospace;font-size:13px;font-weight:600}.tg-product-description{color:var(--tg-text-secondary);margin:0 0 20px;font-size:15px;line-height:1.6}.tg-product-usage{border-radius:var(--tg-radius-sm);background:#ffffff80;border:1px solid #ffffffb3;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:inset 0 1px 2px #fffc}.tg-product-usage-icon{filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;margin-top:2px;font-size:18px}.tg-product-usage-label{color:var(--tg-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px;font-weight:800}.tg-product-usage-text{color:var(--tg-text-secondary);margin:0;font-size:14px;line-height:1.5}.tg-results-footer{background:linear-gradient(#fff0 0%,#fffc 100%);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 24px 32px;display:flex}.tg-restart-btn{border-radius:var(--tg-radius);color:#fff;width:100%;height:60px;font-family:var(--tg-font);cursor:pointer;transition:all .3s var(--tg-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;background:#589b67d9;border:1px solid #ffffff4d;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;box-shadow:0 8px 24px #589b674d,inset 0 1px 1px #fff6}.tg-restart-btn:hover{background:#589b67;transform:translateY(-2px);box-shadow:0 12px 32px #589b6766,inset 0 1px 1px #ffffff80}.tg-restart-btn:active{transform:scale(.96)}.tg-close-guide-btn{border-radius:var(--tg-radius-sm);width:100%;height:50px;color:var(--tg-text-secondary);font-family:var(--tg-font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .2s;display:flex}.tg-close-guide-btn:active{background:#0000000d;transform:scale(.98)}.tg-fade-in{animation:.8s cubic-bezier(.2,.8,.2,1) forwards tg-fade-in}@keyframes tg-fade-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tg-result-card-enter{animation:tg-card-enter .7s var(--tg-transition) forwards;opacity:0}@keyframes tg-card-enter{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tg-welcome{text-align:center;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;padding:40px 32px;display:flex;overflow-y:auto}.tg-welcome:before,.tg-welcome:after{content:"";margin:auto}.tg-welcome-icon-group{gap:12px;margin-bottom:32px;display:flex}.tg-welcome-icon-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fffc;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;animation:4s ease-in-out infinite tg-bubble-float;display:flex;box-shadow:0 8px 24px #0000000f,inset 0 2px 4px #fff}.tg-welcome-icon-bubble:first-child{animation-delay:0s}.tg-welcome-icon-bubble:nth-child(2){animation-delay:.4s}.tg-welcome-icon-bubble:nth-child(3){animation-delay:.8s}@keyframes tg-bubble-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}.tg-welcome-title{color:var(--tg-text-primary);letter-spacing:-1px;background:linear-gradient(135deg,#1d1d1f 0%,#434345 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 16px;font-size:36px;font-weight:800;line-height:1.1}.tg-welcome-desc{color:var(--tg-text-secondary);max-width:320px;margin:0 0 40px;font-size:17px;font-weight:400;line-height:1.5}.tg-welcome-features{flex-direction:column;gap:16px;width:100%;max-width:340px;margin-bottom:48px;display:flex}.tg-welcome-feature{border-radius:var(--tg-radius-sm);text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #fff9;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 4px 12px #00000005,inset 0 1px 1px #fffc}.tg-welcome-feature-icon{filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;font-size:22px}.tg-welcome-feature-text{color:var(--tg-text-primary);letter-spacing:-.2px;font-size:15px;font-weight:600}.tg-start-btn{border-radius:var(--tg-radius);color:#fff;width:100%;max-width:340px;height:60px;font-family:var(--tg-font);cursor:pointer;transition:all .3s var(--tg-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;background:#e28437d9;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex;box-shadow:0 8px 24px #e284374d,inset 0 1px 1px #fff6}.tg-start-btn:hover{background:#e28437;transform:translateY(-2px);box-shadow:0 12px 32px #e2843766,inset 0 1px 1px #ffffff80}.tg-start-btn:active{transform:scale(.96)}@media (width>=600px){.tg-container{border-radius:var(--tg-radius-lg);border:1px solid #fff6;width:600px;height:90vh;max-height:820px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 100px #00000026,inset 0 0 0 1px #ffffff80}}.tg-overlay{z-index:999;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0003;animation:.4s cubic-bezier(.2,.8,.2,1) forwards tg-overlay-in;position:fixed;inset:0}@keyframes tg-overlay-in{0%{opacity:0}to{opacity:1}}@supports (padding-top:env(safe-area-inset-top)){.tg-header{padding-top:calc(20px + env(safe-area-inset-top))}}@media (width<=600px){.tg-welcome{padding:10px 20px}.tg-welcome-icon-group{margin-bottom:16px}.tg-welcome-icon-bubble{width:48px;height:48px;font-size:24px}.tg-welcome-title{margin-bottom:12px;font-size:28px}.tg-welcome-desc{margin-bottom:24px;font-size:15px}.tg-welcome-features{gap:12px;margin-bottom:30px}.tg-welcome-feature{gap:12px;padding:12px}.tg-welcome-feature-text{font-size:14px}.tg-start-btn{height:52px;font-size:16px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.tg-footer,.tg-results-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}.tg-checkbox-indicator{border:2px solid #0003;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;transition:all .2s;display:flex}.tg-checkbox-indicator.active{background:var(--tg-orange);border-color:var(--tg-orange)}.tg-ranked-badge{color:#fff;border:2px dashed #0003;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:14px;font-weight:700;transition:all .2s;display:flex}.tg-ranked-badge.active{background:var(--tg-orange);border:2px solid var(--tg-orange)}.tg-results-tabs{background:#0000000d;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.tg-tab{color:var(--tg-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-weight:700;transition:all .2s}.tg-tab.active{color:var(--tg-text-primary);background:#fff;box-shadow:0 2px 4px #0000001a}.tg-prof-view{flex-direction:column;display:flex}.tg-prof-summary{background:#fffc;border:1px solid #0000000d;border-radius:12px;padding:20px}.tg-mobile-scroll-indicator{text-align:center;color:var(--tg-text-secondary);pointer-events:none;z-index:5;background:linear-gradient(#fff0 0%,#ffffffe6 100%);padding:10px 0;font-size:12px;display:none;position:absolute;bottom:80px;left:0;right:0}.tg-bounce-arrow{margin-right:4px;animation:1.5s infinite bounce;display:inline-block}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (width<=600px){.tg-mobile-scroll-indicator{display:block}}.chat-widget-container{z-index:1000;font-family:var(--font-body,system-ui, sans-serif);flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:30px;right:30px}.chat-widget-fab{background-color:var(--color-gold,#c5a059);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,background-color .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000026}.chat-widget-fab:hover{background-color:var(--color-gold-hover,#b08d4a);transform:scale(1.05)}.chat-badge{color:#fff;background-color:#ff2d55;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.chat-widget-window{background-color:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;width:350px;height:500px;animation:.3s ease-out forwards slideUp;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000026}@keyframes slideUp{to{transform:translateY(0)}}.chat-header{background-color:var(--color-gold,#c5a059);color:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-header-info h3{margin:0;font-size:16px;font-weight:600}.status-indicator{color:#fff;opacity:.9;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.status-indicator:before{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;display:inline-block}.chat-close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s}.chat-close-btn:hover{opacity:1}.chat-messages{background-color:#f9f9f9;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-empty-state{text-align:center;color:#999;margin-top:auto;margin-bottom:auto;padding:20px;font-size:14px}.chat-bubble{flex-direction:column;max-width:80%;display:flex}.chat-bubble.client{align-self:flex-end}.chat-bubble.vendor{align-self:flex-start}.chat-bubble-content{word-break:break-word;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.4}.chat-bubble.client .chat-bubble-content{background-color:var(--color-gold,#c5a059);color:#fff;border-bottom-right-radius:4px}.chat-bubble.vendor .chat-bubble-content{color:#000;background-color:#e5e5ea;border-bottom-left-radius:4px}.chat-bubble-time{color:#999;margin-top:4px;margin-bottom:2px;font-size:10px}.chat-bubble.client .chat-bubble-time{align-self:flex-end}.chat-bubble.vendor .chat-bubble-time{align-self:flex-start}.chat-input-area{background-color:#fff;border-top:1px solid #eee;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-attach-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.chat-attach-btn:hover{color:#000;background-color:#f0f0f0}.chat-input-area input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s}.chat-input-area input:focus{border-color:#000}.chat-send-btn{background-color:var(--color-gold,#c5a059);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.chat-send-btn:hover:not(:disabled){background-color:var(--color-gold-hover,#b08d4a)}.chat-send-btn:disabled{cursor:not-allowed;background-color:#ccc}@media (width<=480px){.chat-widget-container{bottom:20px;right:20px}.chat-widget-window{width:calc(100vw - 40px);height:60vh}}.cart-overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-panel{background:#fffffffa;flex-direction:column;width:100%;max-width:480px;height:100%;animation:.3s ease-out forwards slideInRight;display:flex;box-shadow:-5px 0 30px #0000001a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-header h2{color:var(--text-main);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.cart-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.cart-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.cart-empty,.cart-success{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.cart-success h3{color:var(--text-main);margin:15px 0 5px}.cart-success button{background:var(--color-black);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:20px;padding:10px 20px}.cart-draft-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#4f46e5;border:none;align-items:center;gap:8px;margin-top:15px;padding:10px 20px;font-weight:600;transition:background .2s;display:flex}.cart-draft-btn:hover{background:#4338ca}.cart-items{flex-direction:column;flex:1;gap:12px;padding:15px;display:flex}.cart-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid #0000000d;padding:15px;box-shadow:0 2px 10px #00000005}.cart-item-row{align-items:flex-start;gap:12px;display:flex}.cart-item-thumb{object-fit:cover;border-radius:var(--radius-md);border:1px solid #eee;flex-shrink:0;width:60px;height:60px}.cart-item-thumb-placeholder{border-radius:var(--radius-md);background:#f9f9f9;border:1px dashed #ddd;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.cart-item-info{flex:1;min-width:0}.cart-item-info h4{color:var(--text-main);margin:0 0 3px;font-size:14px;line-height:1.3}.cart-item-code{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.cart-item-price{font-size:13px}.cart-item-price .old-price{color:var(--text-muted);margin-right:6px;text-decoration:line-through}.cart-item-price .new-price{color:#34c759;font-weight:600}.cart-item-actions{border-top:1px solid #f5f5f7;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.quantity-controls{background:var(--bg-main);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.quantity-controls button{cursor:pointer;color:var(--text-main);background:0 0;border:none;padding:5px 12px;font-size:16px}.quantity-controls span{padding:0 10px;font-size:14px;font-weight:500}.cart-item-line-total{color:var(--text-main);font-size:15px;font-weight:700}.remove-btn{color:#ff3b30;cursor:pointer;background:0 0;border:none;padding:5px}.cart-notes{padding:0 15px 10px}.cart-notes label{color:var(--text-main);align-items:center;gap:5px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.cart-notes textarea{border-radius:var(--radius-md);resize:vertical;box-sizing:border-box;border:1px solid #d1d1d6;width:100%;padding:10px;font-family:inherit;font-size:13px}.cart-footer{background:#f5f5f7cc;border-top:1px solid #0000000d;padding:15px}.cart-summary{margin-bottom:15px}.cart-summary-row{color:#555;justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.cart-summary-row.discount{color:#34c759}.cart-summary-row.total{color:var(--text-main);border-top:1px solid #ddd;margin-top:8px;padding-top:10px;font-size:18px}.cart-actions-row{gap:10px;display:flex}.draft-btn{background:var(--bg-card);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;border:1px solid #d1d1d6;flex:none;align-items:center;gap:6px;padding:13px 16px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.draft-btn:hover{background:var(--bg-main)}.checkout-btn{background:var(--color-black);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:13px;font-size:16px;font-weight:600;transition:opacity .2s}.checkout-btn:disabled,.draft-btn:disabled{opacity:.6;cursor:not-allowed}.cart-error{color:#ff3b30;text-align:center;margin-bottom:10px;font-size:13px}.cart-progress-messages{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.progress-msg{border-radius:var(--radius-md);text-align:center;padding:10px 12px;font-size:13px}.progress-msg.shipping{color:#e65100;background:#fff3e0;border:1px solid #ffe0b2}.progress-msg.discount{color:#1565c0;background:#e3f2fd;border:1px solid #bbdefb}.progress-msg strong{font-weight:700}.cart-summary-row.shipping span:last-child{color:var(--text-main);font-weight:600}.cart-summary-row.discount.global{color:#007aff}.campaign-badge{color:#5856d6;white-space:nowrap;background:linear-gradient(135deg,#007aff22,#5856d622);border-radius:4px;align-items:center;gap:3px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.cart-gifts{background:linear-gradient(135deg,#34c75908,#34c75915);border:1px solid #34c75930;border-radius:10px;margin:0 16px;padding:12px}.cart-gifts h4{color:#34c759;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.cart-gift-item{color:var(--text-main);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.cart-gift-item .gift-name{flex:1;font-weight:500}.cart-gift-item .gift-qty{color:#34c759;font-weight:600}.cart-gift-item .gift-campaign{color:#8e8e93;font-size:10px;font-style:italic}.profile-overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.profile-panel{background:#f5f5f7;flex-direction:column;width:100%;max-width:600px;height:100%;animation:.3s ease-out forwards slideInRight;display:flex;box-shadow:-5px 0 30px #0000001a}.profile-header{background:#fff;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.profile-header-title{align-items:center;gap:10px;display:flex}.profile-header h2{color:#1d1d1f;margin:0;font-size:22px;font-weight:600}.profile-close{cursor:pointer;color:#86868b;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.profile-tabs{background:#fff;border-bottom:1px solid #0000000d;padding:0 30px;display:flex}.tab-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px 0;font-size:15px;font-weight:500;transition:all .2s;display:flex}.tab-btn.active{color:#1d1d1f;border-bottom-color:#1d1d1f}.profile-content{flex:1;padding:30px;overflow-y:auto}.profile-loading,.profile-error{text-align:center;color:#86868b;padding:40px}.profile-error{color:#ff3b30}.profile-warning{color:#856404;background:#fff3cd;border-radius:16px;margin-bottom:20px;padding:15px;font-size:14px}.data-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.data-header h3{color:#1d1d1f;margin:0;font-size:18px}.section-title{color:#1d1d1f;border-bottom:1px solid #d1d1d6;align-items:center;gap:8px;margin:30px 0 15px;padding-bottom:10px;font-size:16px;display:flex}.edit-btn{color:#1d1d1f;cursor:pointer;background:#e5e5ea;border:none;border-radius:16px;align-items:center;gap:5px;padding:8px 15px;font-weight:500;display:flex}.edit-actions{gap:10px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:5px;padding:8px 15px;font-weight:500;display:flex}.cancel-btn{color:#1d1d1f;background:#e5e5ea}.save-btn{color:#fff;background:#34c759}.data-grid{background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;gap:15px;padding:20px;display:grid;box-shadow:0 2px 10px #00000005}.data-group{flex-direction:column;gap:5px;display:flex}.data-group.full-width{grid-column:1/-1}.data-group label{color:#86868b;align-items:center;gap:5px;font-size:13px;display:flex}.data-group input{color:#1d1d1f;background:#fff;border:1px solid #d1d1d6;border-radius:16px;padding:10px 12px;font-size:14px}.data-group input:disabled{color:#86868b;background:#f5f5f7}.profile-orders{flex-direction:column;gap:15px;display:flex}.empty-orders{text-align:center;color:#86868b;padding:60px 20px}.order-card{background:#fff;border:1px solid #0000000a;border-radius:14px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000008}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.order-header{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.order-header:hover{background:#fdfdfd}.order-info-main{flex-direction:column;gap:5px;display:flex}.order-date{color:#86868b;font-size:14px}.order-info-side{align-items:center;gap:15px;display:flex}.status-badge{color:#1d1d1f;background:#e5e5ea;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.pending{color:#856404;background:#fff3cd}.status-badge.completed{color:#155724;background:#d4edda}.status-badge.cancelled{color:#721c24;background:#f8d7da}.order-items{background:#fafafa;border-top:1px solid #f5f5f7;flex-direction:column;gap:15px;padding:20px;display:flex}.order-item{align-items:center;gap:15px;display:flex}.order-item-img{object-fit:cover;background:#fff;border:1px solid #eaeaea;border-radius:16px;width:50px;height:50px}.order-item-details{flex-direction:column;flex:1;display:flex}.order-item-name{font-size:14px;font-weight:500}.order-item-qty{color:#86868b;font-size:13px}.order-item-total{font-size:14px;font-weight:600}.stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:linear-gradient(145deg,#fff,#fdfdfd);border:1px solid #0000000a;border-radius:16px;align-items:center;gap:18px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008,0 1px 3px #0000000d}.stat-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.stat-card:hover{border-color:#00000014;transform:translateY(-5px);box-shadow:0 12px 25px #00000014,0 4px 10px #0000000a}.stat-card:hover:before{left:100%}.stat-icon{z-index:2;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s;display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff80}.stat-card:hover .stat-icon{transform:scale(1.05)rotate(3deg)}.stat-info{z-index:2;flex-direction:column;flex:1;gap:6px;display:flex;position:relative;overflow:hidden}.stat-label{color:#86868b;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.stat-value{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.5px;font-size:20px;font-weight:800;overflow:hidden}.top-product-text{white-space:normal;-webkit-line-clamp:2;letter-spacing:-.2px;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box}.order-item-img-placeholder{background:#f5f5f7;border:1px dashed #d1d1d6;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.source-badge{white-space:nowrap;border-radius:16px;padding:2px 8px;font-size:10px;font-weight:700}.source-comercial{color:#4f46e5;background:#eef2ff}.source-loja{color:#15803d;background:#e5f9e7}.order-item-code{color:#86868b;font-size:11px;display:block}.sephora-header{z-index:100;background:#fff;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.sephora-header-top{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:60px;margin:0 auto;padding:10px 20px;display:flex;position:relative}.sephora-icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex;position:relative}.hamburger-icon{flex-direction:column;gap:5px;width:24px;display:flex}.hamburger-icon span{background-color:#000;border-radius:16px;width:100%;height:2px;display:block}.sephora-logo{cursor:pointer;align-items:center;margin:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sephora-header-actions{align-items:center;gap:15px;display:flex}.cart-badge{background:var(--color-gold,#c5a059);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;display:flex;position:absolute;top:0;right:0}.sephora-search-bar{padding:0 15px 10px}.sephora-search-input-container{align-items:center;width:100%;display:flex;position:relative}.sephora-search-icon{color:#000;position:absolute;left:15px}.sephora-search-input{color:#333;background-color:#f5f5f5;border:1px solid #e5e5ea;border-radius:25px;outline:none;width:100%;padding:12px 15px 12px 45px;font-size:16px}.sephora-search-input::placeholder{color:#666}.sephora-login-strip{cursor:pointer;background:#fff;border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.strip-left{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.strip-right{color:#666;font-weight:700}.desktop-only{display:none!important}.sephora-text-btn{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sephora-desktop-nav{box-sizing:border-box;background:#fff;border-top:1px solid #eee;justify-content:center;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:10px 20px;display:none}.sephora-desktop-nav button{cursor:pointer;color:#000;background:0 0;border:none;font-size:13px;font-weight:400}.sephora-desktop-nav button:hover{text-decoration:underline}.desktop-search{display:none}@media (width>=1024px){.mobile-only{display:none!important}.desktop-only,.sephora-desktop-nav{display:flex!important}.desktop-search{flex-grow:1;max-width:600px;padding:0 40px;display:block}.sephora-header-top{height:80px;padding:0 20px}.sephora-header-left{align-items:center;display:flex}.sephora-logo{position:static;transform:none}.sephora-logo img{height:51px!important}}.app-container{background-color:#fff;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;display:flex;position:relative}.main-scroll-content{width:100%;min-height:100vh;padding-top:110px;padding-bottom:60px}@media (width>=768px){.main-scroll-content{padding-top:120px}}.category-list{justify-content:center;gap:10px;padding:10px 20px 15px;display:flex;overflow-x:auto}.category-chip{color:var(--text-muted);white-space:nowrap;background-color:#0000;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .25s}.category-chip:hover{color:var(--text-main);background-color:#0000000a}.category-chip.active{background-color:var(--color-black);color:#fff;box-shadow:var(--shadow-sm)}.theme-section{padding-top:30px;padding-bottom:20px}.section-title{color:var(--text-main);max-width:1200px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0 20px;font-size:28px;font-weight:800}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}@media (width>=768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px}}.product-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #00000005;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card:active{transform:scale(.99)}.product-image-wrapper{aspect-ratio:1;background-color:#0000;justify-content:center;align-items:center;display:flex;overflow:hidden}.product-image-wrapper img{object-fit:contain;width:80%;height:80%}.product-image-placeholder{color:var(--color-gray);font-size:12px}.product-info{flex-direction:column;flex-grow:1;padding:16px;display:flex}.product-name{color:var(--text-main);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.product-code{color:var(--text-muted);margin-bottom:8px;font-size:12px}.product-price{color:var(--color-gold);margin-top:auto;font-size:16px;font-weight:700}.product-image-wrapper{position:relative}.product-discount-badge{color:#fff;z-index:2;background:#34c759;border-radius:16px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.product-audience-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 4px #00000026}.product-audience-badge.domicilio{background:var(--color-gold,#cba153)}.product-audience-badge.profissional{background:#1a1a1a}.product-brand-badge{color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);background:#00000080;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:500;position:absolute;top:10px;right:10px}.btn-gold-pill{cursor:pointer;text-transform:none;justify-content:center;align-items:center;gap:6px;display:flex;background:var(--color-gold,#cba153)!important;color:#fff!important;text-shadow:none!important;border:none!important;border-radius:500px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important;box-shadow:0 2px 4px #0000000d!important}.btn-gold-pill:hover{transform:translateY(-1px);background:#b58d44!important;box-shadow:0 4px 8px #0000001a!important}.product-quick-add{color:#fff;cursor:pointer;z-index:2;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background .2s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000040}.product-quick-add:hover{background:#333;transform:scale(1.15)}.product-quick-counter{z-index:2;background:#1a1a1a;border-radius:20px;align-items:center;display:flex;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 2px 8px #00000040}.quick-counter-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.quick-counter-btn:hover{background:#ffffff26}.quick-counter-value{color:#fff;text-align:center;min-width:20px;font-size:14px;font-weight:700}.product-price-row{align-items:baseline;gap:8px;margin-top:auto;display:flex}.product-price-old{color:var(--text-muted);opacity:.6;font-size:13px;text-decoration:line-through}.product-price-final{color:var(--text-main);font-size:16px;font-weight:600}.product-price-container{flex-direction:column;gap:6px;width:100%;margin-top:auto;display:flex}.product-price-box{background:var(--color-bg-secondary,#f5f5f7bf);border:1px solid var(--border-color,#0000000f);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-top:auto;padding:10px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.product-card:hover .product-price-box{background:var(--color-bg-tertiary,#f0f0f3f2);border-color:#0000001a}.price-row-prof{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.price-type-label{color:var(--text-muted,#86868b);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.price-values-group{align-items:baseline;gap:5px;display:flex}.price-old{color:var(--text-muted,#86868b);opacity:.6;font-size:12px;text-decoration:line-through}.price-final{color:var(--text-main,#1d1d1f);letter-spacing:-.3px;font-size:17px;font-weight:700}.tax-badge{letter-spacing:.3px;font-size:9px;font-weight:600}.prof-tax{color:var(--text-muted,#86868b);margin-left:2px}.price-row-pvp-container{align-items:center;padding-top:2px;display:flex}.pvp-pill-badge{color:#fff;letter-spacing:.2px;background-color:#7f7f7f;border-radius:14px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #00000014}.pvp-pill-label{opacity:.9;font-weight:500}.pvp-pill-val{font-weight:700}.pvp-pill-tax{opacity:.85;font-size:9px;font-weight:400}.campaign-tag-inline{color:#ff2d55;background:#ff2d551a;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.price-size-compact{border-radius:8px;gap:4px;padding:6px 10px}.price-size-compact .price-final{font-size:14px}.price-size-compact .pvp-pill-badge{padding:2px 7px;font-size:10px}.price-size-large{border-radius:16px;gap:10px;padding:12px 16px}.price-size-large .price-final{font-size:22px}.price-size-large .pvp-pill-badge{padding:5px 12px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;background-color:#00000040;justify-content:center;align-items:flex-end;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{to{opacity:1}}.modal-content{background:var(--bg-card);width:100%;max-width:600px;height:90vh;box-shadow:var(--shadow-lg);border-radius:24px 24px 0 0;flex-direction:column;padding:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative;transform:translateY(100%)}@media (width>=768px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--radius-lg);height:85vh}}.modal-header{z-index:10;position:absolute;top:15px;right:15px}.close-button{-webkit-backdrop-filter:blur(4px);width:36px;height:36px;color:var(--text-main);box-shadow:var(--shadow-sm);background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-body{flex-grow:1;overflow-y:auto}.modal-image{object-fit:contain;background-color:#fff;width:100%;max-height:35vh}.modal-details{padding:24px}.modal-title{margin-bottom:8px;font-size:22px;font-weight:700}.modal-meta{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-price{color:var(--color-gold);font-size:20px;font-weight:700}.modal-code{color:var(--text-main);background:var(--color-gray);border-radius:16px;padding:4px 8px;font-size:14px}.modal-description{color:var(--text-muted);font-size:15px;line-height:1.6}.modal-description p{margin-bottom:15px}.modal-extra-info{color:var(--text-muted);margin-top:15px;font-size:14px;line-height:1.6}.modal-extra-info h4{color:var(--text-main);text-transform:uppercase;margin-bottom:5px;font-size:13px;font-weight:600}.loading,.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:16px}.brand-filter-banner{background-color:var(--bg-card);border-radius:var(--radius-md);width:calc(100% - 40px);max-width:1360px;color:var(--text-main);box-shadow:var(--shadow-sm);border:1px solid #00000014;justify-content:space-between;align-items:center;margin:0 auto;padding:14px 24px;font-size:14px;animation:.3s fadeIn;display:flex}.brand-filter-banner strong{color:var(--color-gold)}.clear-brand-btn{background:var(--color-black);color:#fff;text-transform:uppercase;cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s}.clear-brand-btn:hover{opacity:.85;transform:translateY(-1px)}.sephora-mobile-menu{z-index:150;background:#fff;border-top:1px solid #eee;flex-direction:column;gap:8px;width:100%;max-height:80vh;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDownMobile;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 20px #00000014}@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sephora-mobile-menu button{text-align:left;cursor:pointer;color:#000;text-transform:uppercase;background:0 0;border:none;border-bottom:1px solid #f5f5f5;border-radius:16px;padding:12px 8px;font-size:14px;font-weight:700;transition:background-color .2s}.sephora-mobile-menu button:hover{background-color:#00000005}.sephora-mobile-menu button:last-child{border-bottom:none}.mobile-menu-divider{color:#999;text-transform:uppercase;letter-spacing:1.5px;margin-top:15px;margin-bottom:5px;padding-left:8px;font-size:11px;font-weight:800}.active-nav{color:var(--color-gold)!important;text-decoration:underline!important}.sephora-nav-dropdown{display:inline-block;position:relative}.nav-dropdown-trigger{cursor:pointer;text-transform:uppercase;color:#000;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.nav-dropdown-trigger:after{content:"▼";color:#666;margin-left:2px;font-size:8px;transition:transform .2s}.sephora-nav-dropdown:hover .nav-dropdown-trigger:after{transform:rotate(180deg)}.nav-dropdown-menu{z-index:200;background-color:#fff;border:1px solid #eee;border-radius:16px;min-width:180px;padding:8px 0;animation:.2s fadeInDropdown;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #0000001a}@keyframes fadeInDropdown{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sephora-nav-dropdown:hover .nav-dropdown-menu{display:block}.dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f9f9f9;width:100%;transition:background-color .2s,color .2s;display:block;color:#333!important;text-transform:uppercase!important;padding:10px 16px!important;font-size:12px!important;font-weight:600!important}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f5f5f5;color:var(--color-gold)!important;text-decoration:none!important}.casmara-submenu-wrapper{position:relative}.casmara-dropdown-item-l2{width:100%;justify-content:space-between!important;align-items:center!important;display:flex!important}.casmara-submenu-arrow{color:#999;margin-left:8px;font-size:8px;transition:transform .2s}.casmara-submenu-wrapper:hover .casmara-submenu-arrow{color:var(--color-gold);transform:translate(2px)}.casmara-dropdown-l3{z-index:210;background-color:#fff;border:1px solid #eee;border-radius:16px;min-width:180px;margin-left:2px;padding:8px 0;animation:.2s fadeInDropdownL3;display:none;position:absolute;top:-8px;left:100%;box-shadow:0 8px 16px #0000001a}@keyframes fadeInDropdownL3{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.casmara-submenu-wrapper:hover .casmara-dropdown-l3{display:block}.search-autocomplete-dropdown{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 16px 16px;width:100%;max-height:400px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.search-autocomplete-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:10px 15px;transition:background .2s;display:flex}.search-autocomplete-item:last-child{border-bottom:none}.search-autocomplete-item:hover{background:#f9f9f9}.search-autocomplete-img{object-fit:contain;background:#fff;border:1px solid #eee;border-radius:16px;width:40px;height:40px;margin-right:15px}.search-autocomplete-info{flex-direction:column;flex:1;display:flex}.search-autocomplete-brand{text-transform:uppercase;color:#666;font-size:11px;font-weight:700}.search-autocomplete-title{color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:13px;overflow:hidden}.search-autocomplete-code{color:#999;margin-top:2px;font-size:11px}.search-autocomplete-price{margin-left:10px;font-size:14px;font-weight:700}.mobile-menu-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:flex-start;width:100vw;height:100vh;animation:.3s forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}}.mobile-menu-content{background:#fff;flex-direction:column;width:85%;max-width:400px;height:100%;padding:0;animation:.3s cubic-bezier(.25,.8,.25,1) forwards slideInLeft;display:flex;overflow:hidden auto;box-shadow:2px 0 20px #00000026}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.mobile-menu-logo{letter-spacing:.1em;color:#1d1d1f;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.mobile-close-btn{cursor:pointer;color:#1d1d1f;background:#f5f5f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s;display:flex}.mobile-close-btn:hover{background:#e5e5ea}.mobile-menu-body{flex-direction:column;gap:32px;padding:24px;display:flex}.mobile-menu-item-promo{background:var(--color-gold,#c5a059);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;font-size:1rem;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 4px 15px #c5a0594d}.mobile-menu-item-promo:active{transform:scale(.98)}.mobile-menu-section{flex-direction:column;gap:16px;display:flex}.mobile-menu-section-title{text-transform:uppercase;letter-spacing:.05em;color:#86868b;margin:0;font-size:.85rem;font-weight:600}.mobile-menu-grid{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-menu-grid::-webkit-scrollbar{display:none}.mobile-menu-grid-item{color:#1d1d1f;white-space:nowrap;cursor:pointer;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:20px;padding:8px 16px;font-size:.95rem;transition:all .2s}.mobile-menu-grid-item:active{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.mobile-menu-list{background:#fff;border:1px solid #e5e5ea;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.mobile-menu-item{text-align:left;color:#1d1d1f;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:16px;font-size:1.05rem;transition:background .2s;display:flex}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:#f5f5f7}.mobile-menu-item-icon{color:#86868b}.mobile-menu-item-group{border-bottom:1px solid #e5e5ea;flex-direction:column;display:flex}.mobile-menu-item-group:last-child{border-bottom:none}.mobile-menu-item-row{justify-content:space-between;align-items:stretch;display:flex}.mobile-menu-item-link{text-align:left;color:#1d1d1f;cursor:pointer;background:0 0;border:none;flex-grow:1;padding:16px;font-size:1.05rem;transition:background .2s}.mobile-menu-item-link:active{background:#f5f5f7}.mobile-menu-item-toggle{color:#86868b;cursor:pointer;background:0 0;border:none;border-left:1px solid #f0f0f0;justify-content:center;align-items:center;padding:0 20px;font-size:1.1rem;transition:background .2s;display:flex}.mobile-menu-item-toggle:active{background:#f5f5f7}.mobile-submenu-list{background:#fbfbfc;border-top:1px solid #f0f0f0;flex-direction:column;display:flex}.l2-row .mobile-menu-item-link{color:#444;padding-left:32px;font-size:.95rem}.l3-row .mobile-menu-item-link{color:#666;padding-left:48px;font-size:.85rem}.l3-list{background:#f5f5f7}.notifications-dropdown{z-index:1000;background:#fff;border:1px solid #eee;border-radius:16px;width:320px;margin-top:10px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 30px #00000026}.notifications-header{background:#fafafa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px;display:flex}.notifications-header h3{margin:0;font-size:16px;font-weight:700}.mark-all-read-btn{color:var(--color-gold,#c5a059);cursor:pointer;background:0 0;border:none;font-size:12px}.mark-all-read-btn:hover{text-decoration:underline}.notifications-list{max-height:400px;overflow-y:auto}.notifications-empty{text-align:center;color:#888;padding:30px 15px;font-size:14px}.notification-item{cursor:pointer;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:flex-start;padding:15px;transition:background .2s;display:flex}.notification-item:hover{background:#fafafa}.notification-item.unread{background:#f0f8ff}.notification-item-content{flex:1}.notification-item-content h4{color:#333;margin:0 0 5px;font-size:14px;font-weight:600}.notification-item-content p{color:#666;margin:0 0 8px;font-size:13px;line-height:1.4}.notification-date{color:#999;font-size:11px}.notification-unread-dot{background:var(--color-gold,#c5a059);border-radius:50%;width:8px;height:8px;margin-top:5px}.notification-image{border-radius:16px;flex-shrink:0;width:50px;height:50px;margin-right:15px;overflow:hidden}.notification-image img{object-fit:cover;width:100%;height:100%}.notification-cta{color:#fff;cursor:pointer;text-transform:uppercase;background:#000;border:none;border-radius:16px;margin-bottom:8px;padding:6px 12px;font-size:11px;font-weight:600;transition:background .2s;display:inline-block}.notification-cta:hover{background:#333}.campaign-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.campaign-popup-content{background:#fff;border-radius:20px;flex-direction:column;width:90vw;max-width:600px;height:90vh;max-height:600px;padding:8px;animation:.4s cubic-bezier(.16,1,.3,1) popIn;display:flex;position:relative;box-shadow:0 10px 30px #0003,0 1px 8px #0000000d}.campaign-popup-image{background-color:#f5f5f7;background-position:50%;background-size:cover;border-radius:12px;flex-grow:1;position:relative;overflow:hidden}.campaign-popup-close{cursor:pointer;z-index:10;color:#333;background:#fff;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #00000026}.campaign-popup-close:hover{transform:scale(1.1)}.campaign-popup-actions{margin-top:8px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn-step-by-step{background-color:var(--color-gold);border:1px solid var(--color-gold);color:#fff;cursor:pointer;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:15px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #c5a05940}.btn-step-by-step:hover{background-color:var(--color-gold-hover);border-color:var(--color-gold-hover);color:#fff;box-shadow:0 6px 16px #c5a05959}.btn-step-by-step svg{transition:transform .3s}.btn-step-by-step:hover svg{transform:scale(1.1)}.step-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2200;opacity:0;background-color:#0006;justify-content:center;align-items:flex-end;animation:.3s cubic-bezier(.16,1,.3,1) forwards stepFadeIn;display:flex;position:fixed;inset:0}@keyframes stepFadeIn{to{opacity:1}}.step-modal-content{background:var(--bg-card);width:100%;max-width:600px;height:92vh;box-shadow:var(--shadow-lg);box-sizing:border-box;border-radius:24px 24px 0 0;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) forwards stepSlideUp;display:flex;position:relative;overflow:hidden;transform:translateY(100%)}@keyframes stepSlideUp{to{transform:translateY(0)}}@media (width>=768px){.step-modal-overlay{align-items:center}.step-modal-content{border-radius:var(--radius-lg);height:85vh}}.step-modal-header{background:#fff;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.step-modal-header-info{flex-direction:column;gap:2px;max-width:80%;display:flex}.step-modal-title{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:800}.step-modal-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;overflow:hidden}.step-modal-close{background:var(--color-light-gray);width:32px;height:32px;color:var(--text-main);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.step-modal-close:hover{background-color:var(--color-gray);transform:rotate(90deg)}.step-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:var(--color-light-gray);flex-direction:column;flex:1 1 0;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.step-modal-body::-webkit-scrollbar{width:4px}.step-modal-body::-webkit-scrollbar-track{background:0 0}.step-modal-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.step-card{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid #0000000a;border-radius:16px;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.step-card-active{box-shadow:var(--shadow-md);border-color:#c5a0594d}.step-card-header{background:var(--bg-card);text-align:left;cursor:pointer;box-sizing:border-box;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background-color .2s;display:flex}.step-card-header:hover{background-color:#c5a05905}.step-card-header-left{flex-grow:1;align-items:center;gap:12px;display:flex}.step-number{background-color:var(--color-light-gray);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.step-card-active .step-number{background-color:var(--color-gold);color:#fff}.step-title{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.4}.step-card-active .step-title{color:var(--color-gold-hover)}.step-toggle-btn{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s;display:flex}.step-card-active .step-toggle-btn{color:var(--color-gold);transform:rotate(180deg)}.step-card-content-wrapper{max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.step-card-active .step-card-content-wrapper{max-height:1500px}.step-card-content{box-sizing:border-box;border-top:1px solid #0000000a;flex-direction:column;gap:16px;padding:16px;display:flex}.step-image-container{background-color:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:280px;display:flex;overflow:hidden}.step-image{object-fit:contain;width:100%;height:auto;max-height:280px}.step-html-content{color:#4a4a4c;word-wrap:break-word;overflow-wrap:break-word;font-size:14px;font-weight:400;line-height:1.7}.step-html-content p{font-weight:inherit;margin-top:0;margin-bottom:10px}.step-html-content p:last-child{margin-bottom:0}.step-html-content h1,.step-html-content h2,.step-html-content h3,.step-html-content h4,.step-html-content h5,.step-html-content h6{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;margin:0 0 8px}.step-html-content h1:first-child,.step-html-content h2:first-child,.step-html-content h3:first-child,.step-html-content h4:first-child{margin-top:0}.step-html-content strong,.step-html-content b{font-weight:700}.step-html-content ul,.step-html-content ol{margin-top:0;margin-bottom:10px;padding-left:20px}.step-html-content li{margin-bottom:4px}.step-html-content br{content:"";margin-top:6px;display:block}.step-modal-footer{box-sizing:border-box;background:#fff;border-top:1px solid #0000000f;flex-shrink:0;justify-content:flex-end;padding:16px 24px;display:flex}.step-modal-footer-btn{background-color:var(--color-black);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px;font-size:14px;font-weight:700;transition:background-color .2s,transform .1s;display:flex}.step-modal-footer-btn:hover{box-shadow:var(--shadow-md);background-color:#000}.step-modal-footer-btn:active{transform:scale(.98)}@media (width>=768px){.step-modal-footer-btn{width:auto;min-width:140px;padding:12px 24px}}
