@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Cinzel:wght@500;600;700&display=swap');
:root{--ink:#17172b;--slate:#55596c;--muted:#838597;--purple:#6350e9;--purple-dark:#4735bd;--peach:#fe805b;--line:#e8e8f0;--soft:#f7f7fb;--green:#1eaf7a;--radius:18px;--shadow:0 16px 50px rgba(35,32,69,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,input,textarea,select{outline-color:#9d8efa}.hidden{display:none!important}.container{max-width:1190px;margin:0 auto;padding:0 28px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.055em}em{font-style:normal;color:var(--purple)}
/* Storefront */
.store-body{background:white}.announcement{height:36px;background:#151528;color:#eeeefa;display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.08em}.announcement span{color:#aaa7ff}
.store-header{background:white;border-bottom:1px solid #f0eff5;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;height:84px}.brand{font-family:Manrope,sans-serif;display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.07em;white-space:nowrap;line-height:1.03;color:#1a1a31}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;font-size:29px;border-radius:13px;background:var(--purple);color:white;box-shadow:0 9px 22px #6350e942;font-family:Arial}.brand-accent{color:var(--purple)}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.25em;font-weight:800;color:#a0a0b1;margin-top:5px}.nav-links{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700;color:#737487}.nav-links a:hover{color:var(--purple)}.nav-pill{padding:12px 20px;border-radius:100px;border:1px solid #e1dfeb;font-size:12px;font-weight:800}.nav-pill span{margin-left:9px;color:var(--purple)}.nav-pill:hover{background:var(--soft)}
.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:568px;align-items:center;gap:30px;padding-top:52px;padding-bottom:65px;overflow:hidden}.hero-copy{position:relative;z-index:3}.eyebrow,.section-kicker{display:inline-flex;gap:9px;align-items:center;letter-spacing:.17em;font-size:10px;font-weight:800;color:var(--purple)}.eyebrow{background:#f1efff;border:1px solid #e7e4ff;padding:10px 14px;border-radius:100px}.glowing-dot{width:7px;height:7px;border-radius:100%;background:var(--purple);box-shadow:0 0 0 4px #b2a7ff5a}.hero h1{font-size:clamp(40px,4.7vw,68px);line-height:1.16;font-weight:800;letter-spacing:-.075em;margin:30px 0 22px}.hero h1 em{background:linear-gradient(105deg,#6452ed,#e180bc);color:transparent;background-clip:text}.hero-copy>p{font-size:15px;line-height:1.85;max-width:495px;color:#77778a}.hero-actions{display:flex;align-items:center;gap:26px;margin:31px 0 38px}.btn-primary{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:0;background:var(--purple);border-radius:13px;padding:16px 23px;color:white;font-size:13px;font-weight:800;box-shadow:0 12px 27px #6250e928;transition:transform .2s,background .2s}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-2px)}.btn-primary.small{padding:12px 17px}.btn-primary.wide{width:100%}.btn-text{font-size:13px;font-weight:800;color:#3b394c}.btn-text span{color:var(--purple);margin-left:8px}.hero-meta{display:flex;align-items:center;gap:9px;color:#9493a5;font-size:11px;font-weight:600}.meta-circle{border-radius:50%;height:19px;width:19px;display:grid;place-items:center;background:#e7f8ef;color:#35a874;font-weight:800}
.hero-art{height:456px;position:relative;isolation:isolate}.art-glow{position:absolute;inset:20px 0 0 30px;border-radius:50%;background:radial-gradient(circle at 55% 50%,#ded8ff 0,#efebff 36%,#f8f5ff 55%,transparent 69%)}.orbit{position:absolute;border:1px solid #cfc7fc9c;border-radius:50%;transform:rotate(-18deg)}.orbit-a{height:330px;width:450px;top:76px;left:16px}.orbit-b{height:250px;width:390px;top:107px;left:45px;transform:rotate(27deg)}.art-card{width:147px;height:158px;position:absolute;background:linear-gradient(145deg,#fff,#fbfaff);border:1px solid #e8e4ff;border-radius:19px;box-shadow:0 19px 40px #5543aa1c;padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);animation:bob 5s ease-in-out infinite}.art-emoji{font-size:66px;filter:drop-shadow(0 8px 10px #3e317923)}.art-lines{align-self:stretch;margin:12px 7px 0}.art-lines b,.art-lines i{display:block;height:8px;background:#e5e0fb;border-radius:50px}.art-lines b{width:80%}.art-lines i{margin-top:7px;width:49%;height:5px;background:#f1effb}.art-1{top:28px;right:90px;transform:rotate(12deg);animation-delay:-1s}.art-2{top:149px;left:3px;transform:rotate(-15deg);animation-delay:-3s}.art-3{bottom:9px;right:34px;transform:rotate(8deg);animation-delay:-2s}.art-center{position:absolute;top:176px;left:191px;width:170px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;color:#49419a}.art-center span{font-size:54px;color:var(--purple)}.art-center strong{line-height:1.4;font-size:14px;letter-spacing:-.02em}.art-star{position:absolute;color:#a79af4;font-size:34px}.s1{right:15px;top:76px}.s2{bottom:29px;left:100px;font-size:24px}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
.benefits{margin:0 0 94px;background:#f8f8fd;border:1px solid #f0eff8;border-radius:22px;min-height:116px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.benefits>div{display:flex;align-items:center;justify-content:center;gap:17px;font-size:12px;color:#88889a;line-height:1.8}.benefits>div+div{border-left:1px solid #e8e7f1}.benefits strong{color:#343448;font-size:13px}.benefit-icon{font-size:26px;color:var(--purple)}
.catalog{padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-heading h2,.how-title h2{font-size:clamp(30px,3.5vw,45px);line-height:1.18;margin:13px 0}.section-heading p{color:#8a8b9e;font-size:14px;margin:0}.heading-sparkle{color:#e0dcfb;font-size:80px;line-height:.8}.filters{display:flex;align-items:center;justify-content:space-between;gap:15px}.searchbox{flex:1;display:flex;align-items:center;gap:12px;height:51px;border:1px solid #e6e6ef;border-radius:13px;padding:0 17px;max-width:580px}.searchbox:focus-within{border-color:#ab9dff;box-shadow:0 0 0 4px #dcd5ff45}.searchbox>span{font-size:23px;color:#9593a8}.searchbox input{border:0;width:100%;outline:0;font-size:13px;background:transparent}.filter-platform{display:flex;gap:7px}.pill-filter,.category-chip{border:1px solid #e9e8f1;border-radius:11px;padding:13px 17px;background:white;color:#77798a;font-size:12px;font-weight:800;white-space:nowrap}.pill-filter.selected{background:#231f42;color:white;border-color:#231f42}.pill-filter:hover,.category-chip:hover{border-color:#aa9eff}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.category-chip{border-radius:50px;padding:9px 15px;font-size:11px;font-weight:700}.category-chip.selected{color:var(--purple);background:#f3f1ff;border-color:#e5e0ff}.result-title{display:flex;align-items:center;justify-content:space-between;margin:31px 0 19px;font-size:13px;color:#404156;font-weight:800}.tiny-note{color:#abaaba;font-size:11px;font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid #eceaf2;border-radius:19px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #29234915}.product-photo{height:230px;background:#f6f5fb;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:contain;display:block;transition:scale .25s}.product-card:hover .product-photo img{scale:1.04}.no-image{font-size:63px;color:#c5bbee}.product-market{position:absolute;left:12px;top:12px;border-radius:7px;background:#fff;padding:7px 10px;font-size:10px;font-weight:800;box-shadow:0 5px 14px #11112510}.product-market.shopee{color:#ed633e}.product-market.mercadolivre{color:#4d4a20}.highlight-label{position:absolute;right:12px;top:12px;background:#6754ec;color:white;border-radius:7px;font-size:10px;padding:7px}.product-content{padding:18px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--purple);font-weight:800}.product-name{margin:8px 0 7px;font-size:15px;line-height:1.4;letter-spacing:-.025em;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:11.5px;line-height:1.65;min-height:36px;color:#878799;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 19px}.product-foot{border-top:1px solid #f0eff5;padding-top:15px;display:flex;align-items:end;justify-content:space-between;gap:7px}.product-foot small{display:block;color:#a7a7b5;font-size:9px;margin-bottom:4px}.product-price{font-size:17px;letter-spacing:-.05em;white-space:nowrap}.buy-button{border-radius:9px;padding:11px 12px;background:#f0edff;color:var(--purple);font-size:11px;white-space:nowrap;font-weight:800}.buy-button:hover{background:var(--purple);color:white}.empty-state{grid-column:1/-1;border-radius:20px;border:1px dashed #dedbee;background:#fbfaff;padding:75px 24px;text-align:center;color:#9190a5}.empty-icon{font-size:60px;color:#b5aaf8}.empty-state h3{color:#35334b;font-size:21px;margin:7px 0}.empty-state p{max-width:430px;margin:auto;font-size:13px;line-height:1.7}
.how-section{background:#f8f7fe;padding:85px 0 100px}.how-title{text-align:center;margin-bottom:43px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps>div{background:white;padding:29px;border:1px solid #ece9fc;border-radius:19px;box-shadow:0 10px 35px #6155ba09}.steps span{display:inline-block;color:var(--purple);background:#f0edff;border-radius:10px;padding:11px;font-weight:800;margin-bottom:18px}.steps h3{font-size:21px;margin:0 0 9px}.steps p{font-size:13px;color:#8c8a9d;line-height:1.7;margin:0}.store-footer{background:#171729;color:#fff;padding:49px 0}.footer-flex{display:flex;justify-content:space-between;gap:70px}.store-footer .brand{color:white}.store-footer .brand-symbol{width:32px;height:32px;font-size:22px}.store-footer p{color:#9998ab;font-size:12px;margin:14px 0}.footer-disclaimer{max-width:560px;color:#aaaabb;font-size:11px;line-height:1.75}
/* Dashboard */
.admin-body{background:#f6f7fb;color:#252639}.login-screen{min-height:100vh;display:grid;place-items:center;background:#101321;position:relative;overflow:hidden;padding:26px}.login-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 25% 35%,#5441cc55,transparent 33%),radial-gradient(circle at 75% 70%,#9054cf31,transparent 37%)}.login-card{background:white;position:relative;width:min(100%,430px);padding:42px;border-radius:24px;box-shadow:0 20px 75px #07071677}.login-icon{margin-top:44px;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#f1eeff;font-size:25px}.login-card h1{font-size:29px;margin:20px 0 9px}.login-card p{font-size:13px;color:#9293a2;line-height:1.7;margin-bottom:28px}.login-card .field{margin-bottom:20px}.login-card .subtle-link{display:block;text-align:center;color:#8a8c9d;font-size:12px;margin-top:26px}.form-error{color:#bd404b!important;margin:10px 0 0!important;font-size:12px!important}
.dashboard{min-height:100vh;display:grid;grid-template-columns:247px minmax(0,1fr)}.sidebar{background:#171929;color:#e7e8f1;padding:29px 15px;display:flex;justify-content:space-between;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:0 11px;color:white;font-size:18px}.sidebar .brand-symbol{width:35px;height:35px;font-size:24px}.sidebar .brand small{color:#777a99;font-size:7px}.side-label{font-size:9px;letter-spacing:.18em;color:#73758f;font-weight:800;margin:56px 16px 17px}.side-link{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:13px;padding:13px 15px;color:#9295ab;font-size:12px;font-weight:700;text-align:left;border-radius:11px;margin-bottom:6px}.side-link span{font-size:19px;width:22px;text-align:center}.side-link:hover{color:white;background:#282b41}.side-link.active{color:#fff;background:#6350e9;box-shadow:0 8px 20px #6350e925}.side-footer{margin:28px 10px 0;border-top:1px solid #34354a;padding:24px 5px 0;font-size:11px;font-weight:800;color:#eee}.side-footer small{display:block;color:#898ba3;font-size:10px;font-weight:500;margin-top:6px}.admin-main{min-width:0}.admin-topbar{padding:26px 40px 24px;background:white;border-bottom:1px solid #e9eaf1;display:flex;align-items:center;justify-content:space-between}.small-kicker{font-size:9px;font-weight:800;letter-spacing:.17em;color:#8586a1}.admin-topbar h1{font-size:24px;margin:7px 0 0}.topbar-actions{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:800}.admin-live{color:#77798e}.admin-live i{display:inline-block;margin-right:5px;width:7px;height:7px;border-radius:50%;background:#43c68c}.top-view{padding:10px 15px;background:#f2f0ff;color:#5d4cda;border-radius:9px}.admin-content{max-width:1370px;margin:auto;padding:31px 40px 70px}.welcome-banner{background:linear-gradient(120deg,#5141c7,#745fe9 75%,#7a69ee);border-radius:18px;min-height:221px;color:white;padding:30px 35px;position:relative;overflow:hidden}.welcome-banner>div:first-child{position:relative;z-index:2}.welcome-banner span{font-size:10px;letter-spacing:.17em;color:#d4d0ff;font-weight:800}.welcome-banner h2{font-size:29px;margin:13px 0 7px;color:white}.welcome-banner p{font-size:12px;color:#e0dcff}.banner-button{border:0;border-radius:9px;background:white;color:#5846ce;font-size:11px;padding:11px 16px;font-weight:800;margin-top:9px}.banner-graphic{position:absolute;font-size:245px;color:#ffffff19;right:30px;top:-30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:22px}.stat-card{padding:22px;background:white;border:1px solid #e9eaf3;border-radius:14px}.stat-card span{display:block;color:#88899f;font-size:11px;font-weight:700}.stat-card strong{font-family:Manrope,sans-serif;display:block;font-size:30px;letter-spacing:-.065em;margin:10px 0 5px}.stat-card small{font-size:10px;color:#b0b1c1}.double-panels,.settings-grid,.import-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;margin-top:21px}.admin-panel{background:white;border-radius:15px;border:1px solid #e9eaf3;padding:24px;min-width:0}.panel-tab>.admin-panel{margin-top:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.admin-panel h3{font-size:15px;letter-spacing:-.035em;margin:0 0 15px}.card-header h3{margin:0}.card-header>span{color:var(--purple);font-size:18px}.muted,.admin-panel>p{font-size:12px;line-height:1.8;color:#9091a5}.connection-indicator{padding:11px 14px;border:1px solid #efe3bd;background:#fffbf0;color:#a98032;border-radius:9px;font-size:11px;font-weight:800;margin:15px 0}.connection-indicator.ok{background:#edfbf5;border-color:#d2f4e1;color:#219166}.action-outline{border:1px solid #e4e1f4;border-radius:10px;background:white;color:#6350e9;font-weight:800;padding:12px 15px;font-size:11px}.action-outline span{margin-left:10px}.action-outline:hover{background:#f5f3ff}.quick-actions button{display:flex;gap:11px;width:100%;align-items:center;border:0;background:white;border-bottom:1px solid #f0eff6;text-align:left;color:#6655d6;padding:12px 3px;font-size:13px;font-weight:800}.quick-actions button span{flex:1;color:#55566b;font-size:11px;font-weight:700}.quick-actions button:last-child{border:0}.text-action{background:transparent;border:0;font-size:11px;font-weight:800;color:var(--purple)}.admin-product-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f0f5;padding:13px 0;min-width:0}.admin-product-row:last-child{border-bottom:0}.row-thumb{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:10px;background:#f1effb;color:#a79deb;font-size:23px;overflow:hidden}.row-thumb img{width:100%;height:100%;object-fit:contain}.row-main{flex:1;min-width:0}.row-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.row-main small{display:block;margin-top:7px;color:#a3a3b3;font-size:10px}.status-pill{font-size:10px;font-weight:800;padding:7px 10px;border-radius:50px;white-space:nowrap}.status-pill.green{color:#159468;background:#e8fbf1}.status-pill.gray{color:#7b7f92;background:#f1f2f5}.empty-admin{font-size:12px;color:#9b9daf;padding:30px 12px;text-align:center}.content-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:23px}.content-heading h2{font-size:22px;margin:0 0 8px}.content-heading p{font-size:12px;color:#9596aa;margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #f0eff5}.toolbar input{max-width:380px;padding:11px 15px;background:#fafafd;border:1px solid #ecebf3;border-radius:10px;width:100%;font-size:12px}.toolbar span{font-size:11px;color:#9a9cb0}.row-actions{display:flex;gap:5px;margin-left:10px}.row-button{padding:8px 9px;border:1px solid #e9e7f3;background:white;border-radius:8px;color:var(--purple);font-size:10px;font-weight:800}.row-button.danger{color:#cc566a}.row-button:hover{background:#f3f0ff}.import-grid{margin-top:0}.import-card{padding:29px}.import-icon{border-radius:13px;width:45px;height:45px;display:grid;place-items:center;font-size:24px;font-weight:800;margin-bottom:24px}.import-icon.orange{background:#fff0e6;color:#f1773f}.import-icon.purple{background:#f1eeff;color:var(--purple)}.import-card h3{font-size:20px}.import-card>p{line-height:1.7;font-size:12px;min-height:57px}.field{display:block;margin:12px 0;color:#686a7f;font-weight:800;font-size:11px}.field>input,.field>textarea,.field>select{margin-top:9px;width:100%;display:block;border:1px solid #e4e5ef;border-radius:10px;padding:12px 13px;color:#33354c;background:white;font-size:12px;outline-color:#a298f5}.field>textarea{resize:vertical}.import-card .btn-primary{margin-top:12px}.import-card .action-outline{margin-top:11px}.hint{font-size:10px!important;color:#a1a1b1!important;line-height:1.65!important;margin-top:17px!important}.upload-area{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;min-height:161px;border:1px dashed #cfc8f6;border-radius:12px;background:#f9f8ff;cursor:pointer;margin-top:24px;color:#6b58d5}.upload-area>span{font-size:34px}.upload-area strong{font-size:12px}.upload-area small{font-size:10px;color:#a2a0b7}.upload-area input{max-width:210px;font-size:10px}.upload-inline{color:var(--purple)}.upload-inline input{border:0;padding:8px 0;font-size:11px}.settings-grid{margin-top:0}.settings-grid .admin-panel{min-height:188px}
/* Modal */
.modal-backdrop{position:fixed;z-index:50;inset:0;background:#101426b0;display:grid;place-items:center;padding:14px}.modal-dialog{background:white;border-radius:21px;padding:25px;width:min(100%,680px);max-height:95vh;overflow:auto;box-shadow:0 32px 110px #0606107e}.modal-head{display:flex;align-items:start;justify-content:space-between;padding:0 0 15px;border-bottom:1px solid #f0eef6}.modal-head h2{margin:6px 0 0;font-size:22px}.x-button{border:0;background:#f3f3f8;color:#77798f;border-radius:10px;font-size:25px;width:38px;height:38px}.product-form{padding-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-grid{margin-top:15px;font-size:12px;color:#6c6e81}.check-grid label{display:flex;align-items:center;gap:7px}.ai-button{border:1px solid #e3dffd;background:#f6f3ff;color:#6550cf;border-radius:9px;font-weight:800;font-size:11px;padding:10px 13px}.modal-actions{border-top:1px solid #efedf7;padding-top:17px;margin-top:23px;display:flex;justify-content:end;gap:10px}.btn-neutral{border:1px solid #e8e7ef;border-radius:10px;background:white;color:#77788b;font-weight:800;font-size:12px;padding:12px 16px}.toast{position:fixed;z-index:80;right:24px;bottom:24px;max-width:480px;background:#252741;color:white;border-radius:13px;padding:16px 20px;font-size:12px;box-shadow:0 18px 50px #08091446}.toast.error{background:#b23a55}
@media(max-width:1100px){.hero h1{font-size:51px}.product-grid{grid-template-columns:repeat(3,1fr)}.filters{flex-wrap:wrap}.dashboard{grid-template-columns:210px minmax(0,1fr)}.admin-content{padding:25px}.admin-topbar{padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{padding:0 18px}.announcement{font-size:9px}.nav{height:72px}.brand{font-size:19px}.nav-links{display:none}.nav-pill{padding:10px 13px;font-size:10px}.hero{display:flex;flex-direction:column;min-height:0;padding-top:56px;padding-bottom:37px}.hero h1{font-size:clamp(40px,10vw,58px);margin:25px 0 18px}.hero-copy>p{font-size:14px}.hero-art{width:min(100%,440px);flex:none;height:370px;margin-top:-10px}.art-glow{inset:0}.orbit-a{left:5%;width:90%;top:45px}.orbit-b{left:9%;width:80%;top:69px}.art-card{width:120px;height:133px}.art-emoji{font-size:48px}.art-1{right:5%;top:14px}.art-2{left:0;top:110px}.art-3{right:4%;bottom:0}.art-center{top:150px;left:40%;width:135px}.art-center strong{font-size:11px}.benefits{margin:0 0 67px;grid-template-columns:1fr;gap:0;padding:14px}.benefits>div{justify-content:flex-start;padding:12px 20px}.benefits>div+div{border-left:0;border-top:1px solid #e8e7f1}.section-heading h2{font-size:33px}.heading-sparkle{font-size:50px}.filter-platform{overflow:auto;max-width:100%;padding-bottom:3px}.searchbox{max-width:none;flex-basis:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-photo{height:175px}.product-content{padding:13px}.product-name{font-size:13px}.product-price{font-size:14px}.buy-button{font-size:9px;padding:9px 8px}.product-foot{flex-wrap:wrap}.product-foot a{width:100%;text-align:center}.steps{grid-template-columns:1fr}.footer-flex{flex-direction:column;gap:15px}.catalog{padding-bottom:70px}.how-section{padding:65px 0}.dashboard{display:block}.sidebar{position:static;height:auto;padding:14px;display:block}.sidebar-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sidebar .brand{width:100%;margin:0 0 8px}.side-label,.sidebar-bottom{display:none}.side-link{width:auto;display:inline-flex;flex:none;padding:9px 11px;font-size:10px}.side-link span{font-size:14px;width:auto}.admin-content{padding:19px 14px 60px}.admin-topbar{padding:20px 15px}.admin-topbar h1{font-size:20px}.admin-live{display:none}.welcome-banner{padding:23px;min-height:195px}.welcome-banner h2{font-size:23px}.banner-graphic{right:-60px}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-card strong{font-size:25px}.double-panels,.settings-grid,.import-grid{grid-template-columns:1fr}.content-heading{align-items:start}.content-heading .btn-primary{font-size:10px;gap:3px}.row-actions{flex-wrap:wrap;justify-content:flex-end;max-width:105px}.row-button{font-size:9px;padding:7px}.modal-dialog{padding:18px}.form-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:400px){.nav-pill{display:none}.hero-actions{flex-wrap:wrap;gap:18px}.product-grid{grid-template-columns:1fr}.product-photo{height:245px}.product-foot{flex-wrap:nowrap}.product-foot a{width:auto}.row-thumb{flex-basis:41px;height:41px}.admin-product-row{gap:7px}.status-pill{font-size:9px;padding:5px}.admin-topbar .top-view{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-card{animation:none}.btn-primary,.product-card{transition:none}}


/* ==========================================================
   VITRINE MISTERIOSA • THEME PREMIUM 1.0
   Camada visual: mantém classes, campos e JS da loja original.
   ========================================================== */
:root {
  --ink: #f7f2e9; --slate: #c8c1d1; --muted: #a9a2b9;
  --purple: #9c69ed; --purple-dark: #4b1fa6; --peach: #e9c86b;
  --line: rgba(228,192,102,.2); --soft: #191623;
  --green: #47c996; --shadow: 0 20px 48px rgba(0,0,0,.3);
  --gold: #d4af37; --gold-bright: #fff0ac; --champagne: #f8f1da;
  --surface: #191622; --surface-raised: #221b30;
}
body {color: var(--ink); background: #0a0910;}
h1,h2,h3 {font-family: 'Cinzel', 'Manrope', serif; letter-spacing: -.025em;}
button,input,textarea,select {outline-color: #ddbb68;}
em {color:#eacb70;}
.store-body {background: radial-gradient(ellipse 950px 700px at 80% 12%, rgba(76,25,128,.33),transparent 75%),linear-gradient(180deg,#0a0910 0%,#13101d 60%,#0b0a0f 100%);}
.announcement {height:39px; background:linear-gradient(90deg,#0e0c16,#21162c,#0e0c16);border-bottom:1px solid rgba(233,196,110,.18);color:#e9dbbf;letter-spacing:.065em;}
.announcement span {color:#e9c86b;}
.store-header {background:rgba(12,10,19,.87);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,178,79,.18);}
.brand {color:#f7eacf;letter-spacing:-.038em;font-size:20px;}
.brand .brand-symbol {background:linear-gradient(150deg,#69461a,#f9dc8c 39%,#a67522 65%,#e6bb61 100%);color:#1f1408;border-radius:13px;box-shadow:0 8px 25px rgba(198,139,42,.25);font-size:25px;}
.brand .brand-accent {color:#f3d486;}
.brand small {color:#bca5d0;font-size:8px;letter-spacing:.16em;}
.nav-links {color:#c7bdd3;} .nav-links a:hover{color:#f0d181;}
/* Efeito tridimensional inspirado numa barra de ouro polido. */
.nav-pill,.btn-primary,.buy-button,.banner-button {
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(165deg,#fff7c7 0%,#f1d779 15%,#ac7823 38%,#f6da81 51%,#d5a242 76%,#8f5f19 100%);
  border:1px solid #d1a247;border-radius:12px;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.7), inset 0 -3px 5px rgba(93,55,12,.3),0 10px 30px rgba(184,132,40,.23);
  color:#211604!important;font-weight:800;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.nav-pill::before,.btn-primary::before,.buy-button::before,.banner-button::before {
  content:"";position:absolute;z-index:-1;inset:-50%;pointer-events:none;
  background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.55) 48%,transparent 59%);
  transform:translateX(-110%) rotate(5deg);transition:transform .75s ease;
}
.nav-pill:hover,.btn-primary:hover,.buy-button:hover,.banner-button:hover {
  transform:translateY(-2px);filter:saturate(1.1);
  box-shadow:inset 0 2px 1px rgba(255,255,255,.75),inset 0 -3px 5px rgba(93,55,12,.3),0 14px 38px rgba(227,177,75,.34);
}
.nav-pill:hover::before,.btn-primary:hover::before,.buy-button:hover::before,.banner-button:hover::before {transform:translateX(110%) rotate(5deg);}
.nav-pill span,.btn-primary span {color:#4d340d;}
.hero {min-height:620px;grid-template-columns:1.09fr .91fr;}
.hero h1 {font-size:clamp(38px,4.4vw,62px);line-height:1.23;font-weight:700;letter-spacing:-.04em;color:#fdf6e5;max-width:670px;}
.hero h1 em {background:linear-gradient(100deg,#fbe4a2,#b98a38 57%,#fff1bd);color:transparent;background-clip:text;-webkit-background-clip:text;}
.hero-copy>p {max-width:540px;color:#bfb7c9;line-height:1.8;}
.hero-copy>p.hero-tagline {font-family:'Manrope',sans-serif;color:#f0d68c;font-size:17px;font-weight:600;line-height:1.6;}
.eyebrow,.section-kicker {color:#ebca72;}
.eyebrow {background:rgba(76,37,111,.26);border:1px solid rgba(236,186,83,.28);}
.glowing-dot {background:#f3d079;box-shadow:0 0 0 4px rgba(214,161,68,.12),0 0 13px #e9b65b;}
.btn-text {color:#ebdfcb;}.btn-text span {color:#e6bb61;}
.hero-meta {color:#b9aec7;}.meta-circle {background:rgba(229,185,88,.15);color:#f1d58f;}
/* Arte vetorial feita em CSS, sem imagens externas. */
.hero-art {height:480px;}
.art-glow {inset:3% 0;background:radial-gradient(circle at 52% 50%,rgba(126,56,179,.33) 0%,rgba(102,51,148,.2) 35%,rgba(214,162,66,.08) 56%,transparent 75%);filter:blur(1px);}
.mystery-ring {position:absolute;border:1px solid rgba(243,202,116,.23);border-radius:50%;}
.ring-one {width:410px;height:410px;left:7%;top:8%;transform:rotate(-15deg);}
.ring-two {width:330px;height:330px;left:15%;top:16%;border-color:rgba(171,104,216,.33);}
.mystery-display {position:absolute;inset:14% 19%;min-width:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;
  border-radius:32px;background:linear-gradient(145deg,#2d203b 0%,#121018 45%,#25172f 100%);border:1px solid rgba(247,205,110,.48);
  box-shadow:0 26px 65px rgba(0,0,0,.5),inset 0 0 0 6px rgba(6,6,13,.8),inset 0 0 0 7px rgba(231,190,102,.27);transform:rotate(-5deg);}
.mystery-display::after {content:"";position:absolute;inset:12px;border:1px solid rgba(234,185,95,.18);border-radius:24px;pointer-events:none;}
.display-shine {font-size:50px;color:#f4d78a;line-height:1;filter:drop-shadow(0 0 13px rgba(230,178,85,.48));}
.display-monogram {font-family:Cinzel,serif;font-size:clamp(62px,8vw,110px);line-height:1;color:#f1dc9e;letter-spacing:-.085em;text-shadow:0 3px 22px rgba(211,159,67,.15);}
.display-rule {width:80px;height:1px;background:linear-gradient(90deg,transparent,#f3d687,transparent);}
.display-label {font-size:12px;letter-spacing:.24em;font-weight:800;color:#fff2d0;text-align:center;}
.display-tag {font-size:8px;letter-spacing:.17em;color:#ad9bbc;text-align:center;}
.mystery-spark {position:absolute;font-size:34px;color:#efd28c;text-shadow:0 0 23px rgba(242,189,84,.62);}
.spark-a {right:8%;top:10%;}.spark-b {left:3%;bottom:19%;font-size:22px;}.spark-c {right:4%;bottom:10%;font-size:20px;}
.benefits {background:#181422;border:1px solid rgba(221,176,83,.16);box-shadow:0 12px 45px rgba(0,0,0,.22);}
.benefits>div {color:#b8aeca;}.benefits>div+div {border-color:rgba(221,176,83,.12);}.benefits strong {color:#f4e9d3;}.benefit-icon {color:#efd18a;}
.section-heading h2,.how-title h2{color:#faf1e0;}
.section-heading p {color:#bdb5c8;}.heading-sparkle {color:#8e65a9;}
.searchbox {background:#1d1926;border-color:rgba(224,187,101,.19);}.searchbox:focus-within {border-color:#d8b45f;box-shadow:0 0 0 4px rgba(216,180,95,.13);}
.searchbox>span {color:#e5c780;}.searchbox input {color:#f1e8db;}.searchbox input::placeholder {color:#978caa;}
.pill-filter,.category-chip {background:#1b1723;border-color:rgba(223,177,88,.16);color:#c3b6cf;}
.pill-filter.selected,.category-chip.selected {background:#403052;border-color:#a78058;color:#ffe5a7;}
.pill-filter:hover,.category-chip:hover {border-color:#c79d53;}
.result-title {color:#e6dcc8;}.tiny-note {color:#b0a6bc;}
.product-card {background:#1b1724;border-color:rgba(230,183,96,.17);box-shadow:0 10px 25px rgba(0,0,0,.14);}
.product-card:hover {box-shadow:0 22px 42px rgba(0,0,0,.28);border-color:rgba(230,183,96,.37);}
.product-photo {background:#eee9e5;}.no-image {color:#bda56b;}
.product-market {background:#f7f0e6;box-shadow:0 5px 14px rgba(0,0,0,.12);}.highlight-label {background:#d1a64e;color:#2e1e06;}
.product-category {color:#d5b876;}.product-name {color:#f9f0df;}.product-description {color:#b9aec6;}.product-foot {border-color:rgba(235,197,110,.17);}
.product-foot small {color:#a79db7;}.product-price {color:#f4d687;}.buy-button {font-size:11px;padding:11px 12px;text-align:center;}
.empty-state {background:#1b1724;border-color:rgba(213,167,75,.32);color:#bbafc7;}.empty-icon {color:#d1ad68;}.empty-state h3 {color:#f8ecd5;}
.how-section {background:linear-gradient(180deg,#171122,#21162e,#0b0a11);border-block:1px solid rgba(227,185,102,.13);}
.steps>div {background:#191523;border-color:rgba(231,182,98,.16);}.steps span {color:#e4c279;}.steps h3 {color:#f5e9d6;}.steps p {color:#c0b4cd;}
.store-footer {background:#08070c;border-top:1px solid rgba(233,191,104,.15);}.store-footer p,.footer-disclaimer {color:#b9aebe;}
/* Painel administrativo: mesmos elementos e IDs, nova identidade. */
.admin-body {background:#0e0c14;}
.login-screen {background:radial-gradient(circle at 50% 20%,#3d2154,#100d16 68%);}.login-glow {background:radial-gradient(circle,rgba(110,52,163,.26),transparent 70%);}
.login-card,.admin-panel,.stat-card,.modal-dialog {background:#1b1725;border-color:rgba(229,187,95,.18);box-shadow:0 13px 39px rgba(0,0,0,.21);color:#ede5ec;}
.login-card h1,.admin-panel h3,.content-heading h2,.admin-topbar h1,.modal-head h2 {color:#faf1dd;}
.login-card p,.content-heading p,.muted,.admin-panel>p,.hint {color:#bcb1c9!important;}
.login-icon {background:rgba(182,134,54,.18);color:#f9d685;}
.login-card .subtle-link {color:#f1d592;}.field {color:#d5c9dc;}
.field>input,.field>textarea,.field>select,.toolbar input {background:#100e16;color:#f9eeda;border-color:rgba(218,177,90,.27);}
.field>input::placeholder,.field>textarea::placeholder,.toolbar input::placeholder{color:#85798f;}
.field>input:focus,.field>textarea:focus,.field>select:focus {border-color:#eac875;}
.sidebar {background:linear-gradient(180deg,#0a0910,#171021);border-right:1px solid rgba(239,194,103,.17);}
.side-label,.small-kicker{color:#d6bc7a;}.side-link{color:#bfb4ce;}.side-link:hover{background:#281d38;color:#eed99c;}.side-link.active {background:linear-gradient(100deg,#40215b,#5c347d);color:#ffe6a9;border:1px solid rgba(228,188,95,.23);}
.side-footer {border-color:rgba(211,176,98,.19);color:#dfc88f;}.side-footer small{color:#b4a6c5;}
.admin-main {background:#100d17;}.admin-topbar {background:#16121e;border-bottom:1px solid rgba(228,179,88,.14);}.top-view {background:#342642;color:#f9dda0;}.admin-live {color:#cbbfd8;}
.admin-content {background:radial-gradient(circle at top right,rgba(77,32,110,.1),transparent 60%);}
.welcome-banner {background:linear-gradient(105deg,#241532,#4e2864,#322044);border:1px solid rgba(225,177,81,.32);}
.welcome-banner h2,.welcome-banner p {color:#faf1e0;}.welcome-banner span {color:#f1d993;}.banner-graphic {color:rgba(236,202,122,.16);}
.stat-card span,.stat-card small,.toolbar span {color:#b7a9c4;}.stat-card strong {color:#f4d58a;}
.card-header>span,.little-indicator,.text-action {color:#e2c070;}
.connection-indicator {background:#2d241e;border-color:#795e38;color:#f7d28b;}.connection-indicator.ok {background:#14382b;border-color:#2d7856;color:#a9eac8;}
.action-outline,.row-button,.ai-button,.btn-neutral {background:#291f36;border-color:rgba(215,173,97,.26);color:#e8d6ba;}
.action-outline:hover,.row-button:hover,.ai-button:hover,.btn-neutral:hover {background:#37284a;}
.quick-actions button {background:transparent;color:#e6c57d;border-color:rgba(227,181,98,.12);}.quick-actions button span{color:#c8bad6;}
.admin-product-row,.toolbar,.modal-head,.modal-actions {border-color:rgba(225,184,99,.15);}.row-thumb {background:#2b2340;color:#d8b771;}.row-main small,.empty-admin{color:#afa1bf;}
.status-pill.gray {background:#2a2632;color:#a99fb4;}.status-pill.green {background:#193b2d;color:#8ce6b9;}
.import-icon.orange {background:#452619;color:#ffb27e;}.import-icon.purple {background:#302342;color:#e9c376;}
.upload-area {background:#15101d;border-color:rgba(231,191,107,.34);color:#dfc8a1;}.upload-area small {color:#b6a7c3;}.upload-inline {color:#ecd08e;}
.modal-backdrop {background:rgba(4,3,7,.84);}.x-button {background:#342b42;color:#f5d793;}.check-grid{color:#c8b7d2;}
@media (max-width:760px){
  .hero{min-height:0;}.hero h1{font-size:clamp(34px,8vw,54px);}.hero-copy>p.hero-tagline{font-size:15px;}
  .hero-art{height:350px;max-width:440px;}.ring-one{width:85%;height:90%;left:7%;top:5%;}.ring-two{width:65%;height:70%;left:17%;top:15%;}
  .mystery-display{inset:13% 20%;min-width:0;}.display-monogram{font-size:clamp(48px,14vw,80px);}.display-shine{font-size:33px;}
  .display-label{font-size:9px;letter-spacing:.16em;}.display-tag{font-size:7px;}.announcement{font-size:9px;text-align:center;padding:0 12px;}
  .nav-pill{font-size:10px;padding:10px 12px;}
  .brand{font-size:16px;}.brand small{font-size:6px;letter-spacing:.11em;}
  .benefits>div+div{border-left:0;border-top:1px solid rgba(215,173,97,.14);}
}
@media(max-width:440px){
  .nav-pill{display:none;}.hero-art{height:300px;}.hero h1{font-size:clamp(32px,9vw,44px);}
  .display-monogram{font-size:62px;}.display-label{font-size:8px;}
}
@media(prefers-reduced-motion:reduce){.nav-pill,.btn-primary,.buy-button,.banner-button{transition:none}.nav-pill::before,.btn-primary::before,.buy-button::before,.banner-button::before{display:none}}