@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap";:root{--bg-darkest:#08090d;--bg-deep:#0c0d12;--bg-surface:#12141c;--bg-surface-2:#181b26;--glass-card:#14161fbf;--glass-card-hover:#1a1d29e0;--glass-capsule:#0c0d13d9;--glass-border:#ffffff17;--glass-border-hot:#facc1566;--c-yellow:#facc15;--c-lime:#a3e635;--c-cyan:#06b6d4;--c-pink:#ec4899;--c-coral:#fb7185;--c-purple:#c084fc;--c-gold:#f59e0b;--t-100:#fff;--t-80:#ffffffd1;--t-60:#fff9;--t-40:#fff6;--t-20:#ffffff2e;--grad-cta:linear-gradient(90deg, #fde047 0%, #fb923c 50%, #f43f5e 100%);--grad-cta-hover:linear-gradient(90deg, #fef08a 0%, #f97316 50%, #e11d48 100%);--grad-logo-badge:linear-gradient(135deg, #ff2d75 0%, #ec4899 100%);--grad-gold-halo:linear-gradient(135deg, #f59e0be6 0%, #fbbf244d 100%);--r-card:28px;--r-capsule:9999px;--r-button:9999px;--r-inner:18px;--shadow-card:0 20px 50px #000000a6, 0 0 0 1px #ffffff14;--shadow-card-hover:0 30px 70px #000000d9, 0 0 25px #facc1526;--shadow-glow-cta:0 10px 30px #fb923c59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-deep);color:var(--t-100);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--c-yellow)}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.font-editorial{font-family:Playfair Display,serif}.text-highlight-yellow{color:var(--c-yellow);text-shadow:0 0 35px #facc1573}.hero-cta-btn{border-radius:var(--r-capsule);background:var(--grad-cta);color:#0b0c10;cursor:pointer;box-shadow:var(--shadow-glow-cta);border:none;align-items:center;gap:16px;padding:8px 10px 8px 30px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.hero-cta-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #fb923c8c}.hero-cta-btn .cta-icon-badge{width:44px;height:44px;color:var(--c-yellow);background:#0b0c10e0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .3s;display:flex}.hero-cta-btn:hover .cta-icon-badge{transform:rotate(45deg)}.btn-pill-outline{border-radius:var(--r-capsule);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-pill-outline:hover{color:#fff;background:#ffffff1f;border-color:#fff6;transform:translateY(-2px)}.btn-card-action{border-radius:var(--r-capsule);color:#0b0c10;cursor:pointer;white-space:nowrap;background:#fff;border:none;padding:9px 20px;font-size:13px;font-weight:700;transition:all .25s}.btn-card-action:hover{background:var(--c-yellow);transform:scale(1.05);box-shadow:0 4px 15px #facc1566}.showcase-card{border-radius:var(--r-card);background:var(--glass-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.showcase-card:hover{background:var(--glass-card-hover);box-shadow:var(--shadow-card-hover);border-color:#ffffff38;transform:translateY(-8px)}.card-capsule-bar{background:var(--glass-capsule);-webkit-backdrop-filter:blur(24px);border-radius:var(--r-capsule);z-index:10;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.cross-marks{color:var(--t-20);letter-spacing:2px;-webkit-user-select:none;user-select:none;gap:8px;font-family:monospace;font-size:14px;font-weight:600;display:inline-flex}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes ring-pulse{0%{opacity:.85;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(180deg)scale(1.03)}to{opacity:.85;transform:rotate(360deg)scale(1)}}@keyframes float-sphere-1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(4deg)}}@keyframes float-sphere-2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(-5deg)}}@keyframes float-sphere-3{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-sphere-4{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.glass-panel{background:var(--glass-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--r-card)}.glass-panel-subtle{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff12;border-radius:20px}.dark-input{color:#fff;background:#0e1018d9;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:12px 18px;font-family:inherit;font-size:14px;transition:all .25s}.dark-input:focus{border-color:var(--c-yellow);background:#141621f2;box-shadow:0 0 0 3px #facc1526}.toast-wrap{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:28px;right:28px}.toast{pointer-events:auto;border-radius:var(--r-capsule);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#12141df2;border:1px solid #ffffff26;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) both toast-in;display:flex;box-shadow:0 16px 40px #0009}.toast-success{color:#f4f4f5;border-color:#a3e63566}.toast-error{color:#fecdd3;border-color:#f43f5e66}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-layout{background:var(--bg-deep);z-index:10;min-height:100vh;display:flex;position:relative}.admin-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;background:#0c0d13f5;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.admin-content{background:radial-gradient(at 80% 10%,#facc150a 0%,#0000 60%);flex:1;min-width:0;min-height:100vh;padding:36px 40px;overflow-y:auto}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12141dbf;border:1px solid #ffffff17;border-radius:20px}.admin-table,.data-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.data-table th{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#0e101880;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:12px;font-weight:600}.admin-table td,.data-table td{color:#ffffffd9;border-bottom:1px solid #ffffff0d;padding:16px;font-size:13px}.admin-table tr:hover td,.data-table tr:hover td{background:#ffffff05}.admin-header{margin-bottom:28px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.badge{border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#12141c;border:1px solid #ffffff26;border-radius:28px;width:100%;max-width:600px;padding:32px;position:relative;box-shadow:0 30px 80px #000c}@media (width<=991px){.admin-layout{flex-direction:column}.admin-sidebar{z-index:1000;width:280px;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 50px #000000f2}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000b3;position:fixed;inset:0}.admin-content{padding:16px 14px 92px}.admin-top-bar{padding:10px 14px!important}.admin-header{margin-bottom:20px}.admin-header h1{font-size:21px!important}.admin-table th,.admin-table td{padding:10px 12px;font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important;margin-bottom:20px!important}.admin-mobile-menu-btn{display:flex!important}}@media (width>=992px){.admin-mobile-close-btn{display:none!important}}.admin-mobile-bottom-nav{display:none}@media (width<=991px){.admin-mobile-bottom-nav{-webkit-backdrop-filter:blur(24px);z-index:950;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0e1018f5;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0009}.admin-mobile-nav-item{color:#ffffff8c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.admin-mobile-nav-item.active{color:#facc15}.admin-mobile-nav-item.active:before{content:"";background:#facc15;border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:20%;right:20%;box-shadow:0 0 12px #facc15}.admin-mobile-nav-item:active{transform:scale(.92)}}.admin-filter-scroll-row{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-filter-scroll-row::-webkit-scrollbar{display:none}.admin-customer-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12141dd9;border:1px solid #ffffff14;border-radius:20px;margin-bottom:12px;padding:16px;transition:all .2s}.admin-customer-card:active{background:#181a26f2;border-color:#facc154d}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:8px}.modal-content{border-radius:24px 24px 14px 14px;width:100%;max-height:88vh;padding:22px 18px;overflow-y:auto}.modal-content input,.modal-content select,.modal-content textarea{font-size:16px!important}}.admin-product-thumb-wrap{cursor:pointer;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;width:48px;height:48px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-product-thumb-wrap:hover{border-color:#a3e635;transform:translateY(-2px);box-shadow:0 0 16px #a3e63559}.admin-product-thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s}.admin-product-thumb-wrap:hover img{filter:brightness(.6);transform:scale(1.1)}.admin-product-thumb-overlay{opacity:0;color:#fff;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.admin-product-thumb-wrap:hover .admin-product-thumb-overlay{opacity:1}.img-selector-tab-btn{cursor:pointer;color:#fff9;background:#ffffff0a;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.img-selector-tab-btn:hover{color:#fff;background:#ffffff14}.img-selector-tab-btn.active{color:#a3e635;background:#a3e63526;border-color:#a3e63559}.img-drop-zone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff26;border-radius:16px;padding:22px 16px;transition:all .2s}.img-drop-zone:hover,.img-drop-zone.dragging{background:#a3e6350d;border-color:#a3e635}.preset-img-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:180px;padding:4px;display:grid;overflow-y:auto}.preset-img-item{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.preset-img-item:hover{border-color:#fff6;transform:scale(1.05)}.preset-img-item.selected{border-color:#a3e635;box-shadow:0 0 12px #a3e63566}.preset-img-item img{object-fit:cover;width:100%;height:100%}
