:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0a0c0b;--c-surface-1:#111614;--c-surface-2:#181e1c;--c-surface-3:#1f2724;--c-border:#ffffff14;--c-border-mid:#ffffff21;--c-ink:#f0ede8;--c-ink-muted:#8a9491;--c-ink-dim:#5a6662;--c-gold:#3b82f6;--c-gold-light:#60a5fa;--c-gold-dim:#3b82f614;--c-gold-glow:#3b82f626;--c-teal:#0ea5e9;--c-teal-dim:#0ea5e924;--c-rose:#e8899a;--c-rose-dim:#e8899a24;--glass-bg:#0f1412b8;--glass-border:#ffffff17;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-card:0 4px 24px #0000006b, 0 1px 4px #00000047;--shadow-float:0 16px 48px #0000008f, 0 4px 12px #0000005c;--shadow-glow-gold:0 0 32px #3b82f640, 0 0 8px #3b82f626;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--c-bg:#f8fafc;--c-surface-1:#f1f5f9;--c-surface-2:#fff;--c-surface-3:#e2e8f0;--c-border:#00000014;--c-border-mid:#00000024;--c-ink:#0f172a;--c-ink-muted:#475569;--c-ink-dim:#94a3b8;--c-gold:#2563eb;--c-gold-light:#1d4ed8;--c-gold-dim:#2563eb1f;--c-gold-glow:#2563eb1a;--c-teal:#0284c7;--c-teal-dim:#0284c71a;--c-rose:#e11d48;--c-rose-dim:#e11d481a;--glass-bg:#ffffffd9;--glass-border:#0000000f;--shadow-card:0 2px 16px #0000000f, 0 1px 3px #0000000a;--shadow-float:0 12px 36px #0000001a, 0 4px 10px #0000000f;--shadow-glow-gold:0 0 24px #2563eb26}[data-theme=light] .topbar{background:#f8fafce0;border-bottom-color:#0000000f}[data-theme=light] .hero__overlay{background:linear-gradient(105deg,#f8fafcf7 0%,#f8fafcd1 42%,#f8fafc47 72%,#f8fafc1f 100%),linear-gradient(#f8fafc66 0%,#f8fafc00 40%,#f8fafcb3 80%,#f8fafcf2 100%)}[data-theme=light] .btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 2px 12px #2563eb33}[data-theme=light] .bubble-user{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}[data-theme=light] .perfume-card.floral .perfume-card__thumb{background:linear-gradient(160deg,#fce4ec,#e8899a)}[data-theme=light] .perfume-card.citrus .perfume-card__thumb{background:linear-gradient(160deg,#f1f8e9,#aed581)}[data-theme=light] .perfume-card.woody .perfume-card__thumb{background:linear-gradient(160deg,#e0f2f1,#80cbc4)}[data-theme=light] .perfume-card.aquatic .perfume-card__thumb{background:linear-gradient(160deg,#e3f2fd,#90caf9)}[data-theme=light] .perfume-card.sweet .perfume-card__thumb{background:linear-gradient(160deg,#fff8e1,#ffe082)}[data-theme=light] .perfume-card.spicy .perfume-card__thumb{background:linear-gradient(160deg,#fbe9e7,#ffab91)}[data-theme=light] .perfume-card.musky .perfume-card__thumb{background:linear-gradient(160deg,#ede7f6,#b39ddb)}[data-theme=light] .perfume-card__bottle{background:linear-gradient(#ffffffe6 0%,#fff6 100%);border-color:#0000001f;box-shadow:0 12px 28px #0000001f}[data-theme=light] .admin-sidebar{background:#1a2220}[data-theme=light] .brand-mark{box-shadow:0 2px 8px #2563eb40}[data-theme=light] .pill-baru{color:#158a72;background:#158a721a}[data-theme=light] .pill-diproses{color:#2563eb;background:#2563eb1a}[data-theme=light] .pill-review{color:#d97706;background:#d977061a}[data-theme=light] .pill-selesai{color:#646464;background:#6464641a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button,input,textarea,select{font:inherit;-webkit-tap-highlight-color:transparent}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-surface-1)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:var(--c-ink);background:#3b82f647}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold);font-size:.72rem;font-weight:600}.text-muted{color:var(--c-ink-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gold-line{background:linear-gradient(90deg, transparent, var(--c-gold), transparent);width:40px;height:1px;margin:8px 0}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)}.card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.btn{border-radius:var(--r-md);letter-spacing:.01em;height:44px;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s, opacity .18s;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--c-gold) 0%, #60a5fa 100%);color:#fff;box-shadow:0 2px 16px #3b82f64d}.btn-primary:hover{box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn-ghost{color:var(--c-ink);border:1px solid var(--c-border);background:#ffffff0d}.btn-ghost:hover{border-color:var(--c-border-mid);background:#ffffff17;transform:translateY(-1px)}.btn-teal{background:var(--c-teal-dim);color:var(--c-teal);border:1px solid #2dd4b433}.btn-teal:hover{background:#2dd4b433;transform:translateY(-1px)}.btn-sm{height:36px;padding:0 14px;font-size:.8rem}.btn-icon{border-radius:var(--r-md);border:1px solid var(--c-border);width:44px;height:44px;color:var(--c-ink-muted);transition:all .18s var(--ease-out);background:#ffffff0d;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--c-ink);background:#ffffff17;transform:translateY(-1px)}.btn-icon-sm{width:36px;height:36px}.chip{border-radius:var(--r-pill);border:1px solid var(--c-border);color:var(--c-ink-muted);background:var(--c-surface-2);align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:500;transition:all .14s;display:inline-flex}.chip-active{background:var(--c-gold-dim);color:var(--c-gold-light);border-color:#3b82f64d}.pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;height:24px;padding:0 10px;font-size:.72rem;font-weight:600;display:inline-flex}.pill-baru{color:#2dd4b4;background:#2dd4b41f}.pill-diproses{color:#60a5fa;background:#60a5fa1f}.pill-review{color:#fbbf24;background:#fbbf241f}.pill-selesai{color:#8b8b8b;background:#8b8b8b1f}.input-field{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);width:100%;height:44px;color:var(--c-ink);outline:none;padding:0 14px;transition:border-color .18s,box-shadow .18s}.input-field:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f614}.input-field::placeholder{color:var(--c-ink-dim)}.textarea-field{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);width:100%;color:var(--c-ink);resize:vertical;outline:none;min-height:110px;padding:12px 14px;line-height:1.6;transition:border-color .18s,box-shadow .18s}.textarea-field:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f614}.textarea-field::placeholder{color:var(--c-ink-dim)}.search-wrapper{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);height:44px;color:var(--c-ink-muted);align-items:center;gap:10px;padding:0 14px;transition:border-color .18s;display:flex}.search-wrapper:focus-within{border-color:#3b82f659}.search-wrapper input{min-width:0;color:var(--c-ink);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search-wrapper input::placeholder{color:var(--c-ink-dim)}.topbar{z-index:100;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--c-border);background:#0a0c0bd1;align-items:center;gap:16px;height:64px;padding:0 clamp(16px,4vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.topbar__brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-mark{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--c-gold) 0%, #1e40af 100%);width:36px;height:36px;font-family:var(--font-display);color:#0a0c0b;place-items:center;font-size:1.1rem;font-weight:700;display:grid;box-shadow:0 2px 8px #3b82f659}.brand-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--c-ink);font-size:1.3rem;font-weight:600;line-height:1}.brand-sub{letter-spacing:.08em;color:var(--c-gold);text-transform:uppercase;margin-top:3px;font-size:.68rem;font-weight:400;line-height:1}.topbar__spacer{flex:1}.topbar__nav{align-items:center;gap:4px;display:flex}.topbar__nav-link{border-radius:var(--r-sm);height:36px;color:var(--c-ink-muted);align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:500;transition:color .14s,background .14s;display:flex}.topbar__nav-link:hover{color:var(--c-ink);background:#ffffff0f}.topbar__actions{align-items:center;gap:8px;display:flex}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg-image{object-fit:cover;object-position:center}.hero__overlay{background:linear-gradient(105deg,#0a0c0bf7 0%,#0a0c0bd1 42%,#0a0c0b47 72%,#0a0c0b1f 100%),linear-gradient(#0a0c0b66 0%,#0a0c0b00 40%,#0a0c0bb3 80%,#0a0c0bf2 100%);position:absolute;inset:0}.hero__ambient{pointer-events:none;background:radial-gradient(#3b82f60f 0%,#0000 65%);width:60%;height:60%;position:absolute;top:20%;left:-10%}.hero__content{z-index:2;grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:end;gap:48px;width:min(1160px,100% - 32px);margin:0 auto;padding:96px 0 72px;display:grid;position:relative}.hero__copy{flex-direction:column;gap:20px;display:flex}.hero__kicker{align-items:center;gap:10px;display:flex}.hero__kicker-line{background:var(--c-gold);width:28px;height:1px}.hero__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--c-ink);font-size:clamp(3.4rem,7.5vw,7rem);font-weight:300;line-height:.92}.hero__title em{color:var(--c-gold-light);font-style:italic}.hero__desc{color:var(--c-ink-muted);max-width:480px;font-size:1.05rem;line-height:1.72}.hero__actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.hero__metrics{background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,1fr);align-self:end;gap:1px;display:grid;overflow:hidden}.hero__metric{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:22px 18px}.hero__metric-value{font-family:var(--font-display);color:var(--c-gold-light);font-size:2.2rem;font-weight:500;line-height:1;display:block}.hero__metric-label{color:var(--c-ink-muted);margin-top:6px;font-size:.78rem;display:block}.section{width:min(1160px,100% - 32px);margin:0 auto;padding:56px 0}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--c-ink);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;line-height:1.15}.aroma-filters{scrollbar-width:none;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.aroma-filters::-webkit-scrollbar{display:none}.aroma-tab{border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--c-border);height:38px;color:var(--c-ink-muted);background:var(--c-surface-2);cursor:pointer;transition:all .16s var(--ease-out);align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:500;display:inline-flex}.aroma-tab:hover{border-color:var(--c-border-mid);color:var(--c-ink)}.aroma-tab.active{background:var(--c-gold-dim);color:var(--c-gold-light);border-color:#3b82f659}.perfume-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.perfume-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);cursor:pointer;transition:transform .2s var(--ease-out), border-color .2s, box-shadow .2s;position:relative;overflow:hidden}.perfume-card:hover{box-shadow:var(--shadow-float), 0 0 24px #3b82f60f;border-color:#3b82f633;transform:translateY(-4px)}.perfume-card__thumb{aspect-ratio:4/5;place-items:center;height:auto;display:grid;position:relative;overflow:hidden}.perfume-card__bottle{z-index:1;background:linear-gradient(#ffffff8c 0%,#ffffff14 100%);border:1.5px solid #ffffff38;border-radius:11px 11px 7px 7px;width:36px;height:96px;position:relative;box-shadow:0 12px 28px #00000052,inset 0 1px #fff6}.perfume-card.floral .perfume-card__thumb{background:linear-gradient(160deg,#2d1a22 0%,#4a1e30 60%,#6b2d42 100%)}.perfume-card.citrus .perfume-card__thumb{background:linear-gradient(160deg,#1a1f0a 0%,#2e3a0f 60%,#4a5f1a 100%)}.perfume-card.woody .perfume-card__thumb{background:linear-gradient(160deg,#0f1a18 0%,#1a2e28 60%,#284a40 100%)}.perfume-card.aquatic .perfume-card__thumb{background:linear-gradient(160deg,#0a1a2a 0%,#0f2d4a 60%,#1a4a6b 100%)}.perfume-card.sweet .perfume-card__thumb{background:linear-gradient(160deg,#1a1209 0%,#2e200f 60%,#4a361a 100%)}.perfume-card.spicy .perfume-card__thumb{background:linear-gradient(160deg,#1a0e09 0%,#2e1a0f 60%,#4a2a1a 100%)}.perfume-card.musky .perfume-card__thumb{background:linear-gradient(160deg,#12141a 0%,#1e2030 60%,#2e3050 100%)}.perfume-card__glow{opacity:0;background:radial-gradient(circle at 50% 80%,#3b82f62e,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.perfume-card:hover .perfume-card__glow{opacity:1}.perfume-card__body{flex-direction:column;gap:10px;padding:16px;display:flex}.perfume-card__meta{justify-content:space-between;align-items:center;display:flex}.perfume-card__collection{letter-spacing:.1em;text-transform:uppercase;color:var(--c-gold);font-size:.72rem;font-weight:600}.perfume-card__strength{color:var(--c-ink-muted);background:var(--c-surface-3);border-radius:var(--r-pill);padding:2px 8px;font-size:.72rem}.perfume-card__name{font-family:var(--font-display);color:var(--c-ink);font-size:1.2rem;font-weight:500;line-height:1.2}.perfume-card__mood{color:var(--c-ink-muted);font-size:.82rem;line-height:1.4}.note-pills{flex-wrap:wrap;gap:5px;display:flex}.note-pill{border-radius:var(--r-pill);background:var(--c-surface-3);color:var(--c-ink-muted);border:1px solid var(--c-border);padding:3px 9px;font-size:.71rem}.perfume-card__footer{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.perfume-card__price{font-family:var(--font-display);color:var(--c-ink);font-size:1.15rem;font-weight:500}.workspace{width:min(1160px,100% - 32px);margin:48px auto 0;padding-bottom:72px}.workspace-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.catalog-col{min-width:0}.sidebar-col{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.assistant-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.assistant-header{border-bottom:1px solid var(--c-border);background:var(--c-surface-1);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.assistant-title{color:var(--c-ink);font-size:.9rem;font-weight:600}.ai-status{color:var(--c-teal);align-items:center;gap:6px;font-size:.72rem;display:flex}.ai-status-dot{background:var(--c-teal);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.match-preview{border-bottom:1px solid var(--c-border);background:linear-gradient(135deg,#3b82f60f,#3b82f605);padding:14px 18px}.match-preview__kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--c-gold);margin-bottom:6px;font-size:.7rem;font-weight:600}.match-preview__name{font-family:var(--font-display);color:var(--c-ink);margin-bottom:4px;font-size:1.1rem;font-weight:500}.match-preview__desc{color:var(--c-ink-muted);margin-bottom:10px;font-size:.8rem;line-height:1.5}.match-chips{flex-wrap:wrap;gap:6px;display:flex}.chat-log{flex-direction:column;gap:10px;max-height:260px;padding:14px 18px;display:flex;overflow-y:auto}.bubble{border-radius:var(--r-md);max-width:90%;animation:bubbleIn .2s var(--ease-out) both;padding:9px 13px;font-size:.84rem;line-height:1.5}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble-ai{background:var(--c-surface-3);border:1px solid var(--c-border);color:var(--c-ink);align-self:flex-start}.bubble-user{background:linear-gradient(135deg, var(--c-gold) 0%, #60a5fa 100%);color:#0a0c0b;align-self:flex-end;font-weight:500}.chat-input-row{border-top:1px solid var(--c-border);gap:8px;padding:14px 18px;display:flex}.chat-input{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);min-width:0;height:40px;color:var(--c-ink);outline:none;flex:1;padding:0 12px;font-size:.84rem;transition:border-color .16s}.chat-input:focus{border-color:#3b82f666}.chat-input::placeholder{color:var(--c-ink-dim)}.request-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:18px;display:flex}.request-card__header{justify-content:space-between;align-items:center;display:flex}.request-card__title{font-family:var(--font-display);color:var(--c-ink);font-size:1.15rem;font-weight:500}.size-tabs{gap:6px;display:flex}.size-tab{border-radius:var(--r-sm);border:1px solid var(--c-border);height:34px;color:var(--c-ink-muted);background:var(--c-surface-1);cursor:pointer;padding:0 12px;font-size:.8rem;font-weight:500;transition:all .14s}.size-tab:hover{border-color:var(--c-border-mid);color:var(--c-ink)}.size-tab.active{background:var(--c-gold-dim);color:var(--c-gold-light);border-color:#3b82f64d}.upload-zone{border:1px dashed var(--c-border);border-radius:var(--r-md);text-align:center;cursor:pointer;color:var(--c-ink-muted);flex-direction:column;align-items:center;gap:6px;padding:16px;font-size:.82rem;transition:all .16s;display:flex}.upload-zone:hover{color:var(--c-ink);background:#3b82f608;border-color:#3b82f659}.admin-shell{background:var(--c-bg);grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:var(--c-surface-1);border-right:1px solid var(--c-border);flex-direction:column;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{align-items:center;gap:10px;margin-bottom:20px;padding:8px;display:flex}.admin-brand__mark{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--c-gold) 0%, #9a7020 100%);width:34px;height:34px;font-family:var(--font-display);color:#0a0c0b;place-items:center;font-size:1rem;font-weight:700;display:grid}.admin-brand__text strong{font-family:var(--font-display);color:var(--c-ink);font-size:1.05rem;font-weight:600;display:block}.admin-brand__text small{color:var(--c-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.admin-nav-section{flex-direction:column;gap:2px;padding-top:8px;display:flex}.admin-nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-dim);padding:10px 10px 4px;font-size:.66rem;font-weight:700}.admin-nav-item{border-radius:var(--r-md);height:38px;color:var(--c-ink-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0 10px;font-size:.855rem;font-weight:500;text-decoration:none;transition:all .14s;display:flex}.admin-nav-item:hover{color:var(--c-ink);background:#ffffff0d}.admin-nav-item.active{background:var(--c-gold-dim);color:var(--c-gold-light)}.admin-nav-badge{border-radius:var(--r-pill);height:20px;color:var(--c-gold);background:#3b82f633;margin-left:auto;padding:0 7px;font-size:.68rem;font-weight:700}.admin-main{flex-direction:column;gap:24px;min-width:0;padding:28px 28px 48px;display:flex}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-topbar__title h1{font-family:var(--font-display);color:var(--c-ink);font-size:2rem;font-weight:400;line-height:1}.admin-topbar__title .eyebrow{margin-bottom:4px}.admin-topbar__actions{align-items:center;gap:10px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px;transition:border-color .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--c-border-mid)}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--c-gold), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink-muted);font-size:.76rem;font-weight:600}.stat-card__value{font-family:var(--font-display);color:var(--c-ink);margin:8px 0 6px;font-size:2.2rem;font-weight:500;line-height:1;display:block}.stat-card__trend{color:#2dd4b4;font-size:.78rem;font-weight:500}.stat-card__icon{color:var(--c-ink-dim);opacity:.6;position:absolute;top:18px;right:18px}.data-panel{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.data-panel__header{border-bottom:1px solid var(--c-border);background:var(--c-surface-1);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.data-panel__title{font-family:var(--font-display);color:var(--c-ink);font-size:1.15rem;font-weight:500}.data-table{overflow-x:auto}.data-table-inner{min-width:720px}.data-table-head{background:var(--c-surface-1);border-bottom:1px solid var(--c-border);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-dim);grid-template-columns:120px 110px 1fr 130px 120px 100px;gap:12px;padding:10px 20px;font-size:.72rem;font-weight:700;display:grid}.data-table-row{border-bottom:1px solid var(--c-border);color:var(--c-ink-muted);grid-template-columns:120px 110px 1fr 130px 120px 100px;align-items:center;gap:12px;padding:14px 20px;font-size:.855rem;transition:background .14s;display:grid}.data-table-row:last-child{border-bottom:none}.data-table-row:hover{background:#ffffff05}.bar-list{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.bar-item{flex-direction:column;gap:6px;display:flex}.bar-item__meta{justify-content:space-between;font-size:.82rem;display:flex}.bar-item__label{color:var(--c-ink);font-weight:500}.bar-item__val{color:var(--c-ink-muted)}.bar-track{background:var(--c-surface-3);border-radius:var(--r-pill);height:6px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--c-gold), #e8cc84);height:100%;transition:width .7s var(--ease-out)}.admin-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px;display:grid}.admin-grid-full{grid-column:1/-1}.stock-list{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.stock-item{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .14s;display:flex}.stock-item:hover{border-color:var(--c-border-mid)}.stock-item__name{color:var(--c-ink);margin-bottom:2px;font-size:.875rem;font-weight:600}.stock-item__meta{color:var(--c-ink-muted);font-size:.76rem}.stock-item__count{font-family:var(--font-display);color:var(--c-gold-light);flex-shrink:0;font-size:1.3rem;font-weight:500}.ai-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 20px;display:grid}.ai-review-card{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:16px;display:flex}.ai-review-card__icon{color:var(--c-gold)}.ai-review-card__title{color:var(--c-ink);font-size:.9rem;font-weight:600}.ai-review-card__desc{color:var(--c-ink-muted);font-size:.8rem;line-height:1.5}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp .5s var(--ease-out) both}.divider{background:var(--c-border);height:1px;margin:0}.hero__kicker-line-right,.hero-btn-desc{display:none}@media (max-width:1080px){.workspace-grid{grid-template-columns:1fr}.sidebar-col{position:static}.admin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topbar__nav{display:none}.topbar__hamburger{display:flex!important}.hero{justify-content:center}.hero__content{grid-template-columns:1fr;padding:80px 0 56px}.hero__metrics{grid-template-columns:repeat(3,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{flex-flow:wrap;height:auto;padding:12px;position:static;overflow-x:auto}.admin-nav-section{flex-direction:row;padding-top:0}.admin-nav-label{display:none}.admin-brand{margin-bottom:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.ai-review-grid{grid-template-columns:1fr}.data-panel__header{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.hero__title{font-size:clamp(2.6rem,13vw,4rem)}.hero__copy{text-align:center;align-items:center}.hero__desc{margin:0 auto}.hero__actions{flex-direction:column;gap:16px;width:100%;margin-top:8px}.hero__actions .btn{flex-direction:column;justify-content:center;gap:8px;width:100%;min-height:90px;padding:16px 20px;border-radius:32px!important;height:auto!important}.hero__kicker-line-right{display:block}.hero-btn-desc{opacity:.55;margin-top:4px;font-size:.8rem;font-weight:400;display:block}.hero-btn-content{flex-direction:column;align-items:center;display:flex}.hero__metrics{grid-template-columns:repeat(3,1fr)}.hero__metric{text-align:center;padding:12px 8px}.hero__metric-value{font-size:1.4rem}.hero__metric-label{margin-top:4px;font-size:.65rem;line-height:1.2;display:block}.stat-grid{grid-template-columns:1fr}.topbar__nav{display:none}.topbar__hamburger{display:flex!important}.footer__grid{grid-template-columns:1fr}.footer__cta-inner{text-align:center;flex-direction:column}.footer__cta-actions{justify-content:center}}.theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.theme-toggle__track{background:var(--c-surface-3);border:1px solid var(--c-border-mid);border-radius:12px;width:44px;height:24px;transition:background .2s,border-color .2s;position:relative}.theme-toggle__thumb{background:var(--c-gold);color:#0a0c0b;width:18px;height:18px;transition:transform .25s var(--ease-spring), background .2s;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}[data-theme=light] .theme-toggle__thumb{color:#fff;background:#2563eb;transform:translate(20px)}.theme-toggle:hover .theme-toggle__track{border-color:var(--c-gold)}.footer{color:var(--c-ink);margin-top:0}.footer__accent{background:linear-gradient(90deg, transparent, var(--c-gold), transparent);height:1px}.footer__cta{border-bottom:1px solid var(--c-border);background:linear-gradient(135deg,#3b82f60f 0%,#0000 60%);padding:48px 0}.footer__cta-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1160px,100% - 32px);margin:0 auto;display:flex}.footer__cta-title{font-family:var(--font-display);margin-bottom:6px;font-size:1.6rem;font-weight:400}.footer__cta-desc{color:var(--c-ink-muted);max-width:420px;font-size:.9rem;line-height:1.6}.footer__cta-actions{flex-shrink:0;gap:12px;display:flex}.footer__main{background:var(--c-surface-1);padding:56px 0 40px}.footer__grid{grid-template-columns:1.6fr repeat(3,1fr);gap:36px;width:min(1160px,100% - 32px);margin:0 auto;display:grid}.footer__brand-col{flex-direction:column;gap:16px;display:flex}.footer__brand{align-items:center;gap:10px;display:flex}.footer__brand-desc{color:var(--c-ink-muted);font-size:.84rem;line-height:1.65}.footer__contact-list{flex-direction:column;gap:8px;display:flex}.footer__contact-item{color:var(--c-ink-muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.footer__contact-item svg{color:var(--c-gold);flex-shrink:0}.footer__socials{gap:8px;display:flex}.footer__links-col{min-width:0}.footer__links-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--c-gold);margin-bottom:16px;font-size:.72rem;font-weight:700}.footer__links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer__links a{color:var(--c-ink-muted);font-size:.84rem;transition:color .14s}.footer__links a:hover{color:var(--c-ink)}.footer__bottom{border-top:1px solid var(--c-border);background:var(--c-bg);padding:16px 0}.footer__bottom-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1160px,100% - 32px);margin:0 auto;display:flex}.footer__copy{color:var(--c-ink-dim);font-size:.78rem}.footer__bottom-links{align-items:center;gap:16px;display:flex}.footer__admin-link{color:var(--c-ink-dim);opacity:.5;align-items:center;gap:5px;font-size:.74rem;transition:opacity .2s,color .2s;display:inline-flex}.footer__admin-link:hover{opacity:1;color:var(--c-gold)}.footer__scroll-top{border-radius:var(--r-md);background:var(--c-surface-2);border:1px solid var(--c-border);width:34px;height:34px;color:var(--c-ink-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .16s;display:flex}.footer__scroll-top:hover{background:var(--c-gold-dim);color:var(--c-gold);border-color:#3b82f64d;transform:translateY(-2px)}@media (max-width:1080px){.footer__grid{grid-template-columns:1fr 1fr;gap:32px}.footer__brand-col{grid-column:1/-1}}@media (max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:24px}.footer__cta-inner{text-align:center;flex-direction:column}.footer__cta-desc{max-width:none}.footer__cta-actions{justify-content:center}.footer__bottom-inner{flex-direction:column;gap:12px}}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{width:20px;height:20px;display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;margin:2px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__actions .btn-primary.hero-btn{-webkit-backdrop-filter:blur(24px)saturate(180%);color:var(--c-blue)!important;background:#2563eb14!important;border:1px solid #2563eb4d!important;box-shadow:0 8px 32px #2563eb1a,inset 0 1px 1px #ffffff80!important}.hero__actions .btn-primary.hero-btn .hero-btn-desc{opacity:.7;color:var(--c-blue)!important}[data-theme=dark] .hero__actions .btn-primary.hero-btn{color:#60a5fa!important;background:#60a5fa1a!important;border:1px solid #60a5fa40!important;box-shadow:0 8px 32px #00000080,inset 0 1px 1px #ffffff1a!important}[data-theme=dark] .hero__actions .btn-primary.hero-btn .hero-btn-desc{color:#60a5fa!important}.hero__actions .btn-ghost.hero-btn{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--c-border)!important;background:#ffffff40!important;box-shadow:0 8px 32px #0000000d,inset 0 1px 1px #fff9!important}[data-theme=dark] .hero__actions .btn-ghost.hero-btn{background:#ffffff08!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff0d!important}.refill-methods-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.refill-methods-grid>div:last-child{grid-column:1/-1}@media (min-width:768px){.refill-methods-grid{gap:20px}}@media (min-width:1024px){.refill-methods-grid{grid-template-columns:repeat(3,1fr)}.refill-methods-grid>div:last-child{grid-column:auto}}@media (max-width:520px){.refill-method-card{padding:16px!important}.refill-method-card h3{font-size:1.1rem!important}.refill-method-card p{margin-bottom:16px!important;font-size:.85rem!important}.refill-method-card>div:first-child{width:44px!important;height:44px!important;margin-bottom:12px!important}.refill-method-card>div:first-child svg{width:22px!important;height:22px!important}}@keyframes fadeSlideIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.checkout-grid{grid-template-columns:1fr 420px;align-items:start;gap:32px;display:grid}@media screen and (max-width:640px){.invoice-paper{padding:24px 20px!important}.invoice-header{flex-direction:column!important;gap:20px!important}.invoice-header-right{text-align:left!important}.invoice-meta{grid-template-columns:1fr!important;gap:24px!important}.invoice-table-wrapper{-webkit-overflow-scrolling:touch;margin-bottom:24px;padding-bottom:8px;overflow-x:auto}.invoice-table-wrapper table{min-width:500px}.invoice-totals{justify-content:flex-start!important;width:100%!important}.invoice-totals>div{width:100%!important}}.checkout-form-col{flex-direction:column;gap:24px;display:flex}@media (max-width:1024px){.checkout-grid{flex-direction:column;gap:24px;display:flex!important}.checkout-form-col{display:contents}.co-alamat{order:1}.co-ringkasan{order:2;margin-bottom:0;width:100%!important;position:static!important}.co-opsi{order:3}.co-metode{order:4}.co-button{order:5}}@media print{body{color:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important}#chatbot-toggle,.chat-widget,[data-sonner-toaster],.no-print,header:not(.invoice-header),footer,nav,.theme-toggle,button:not(.allow-print){visibility:hidden!important;opacity:0!important;display:none!important}.invoice-paper{box-shadow:none!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}@page{margin:10mm 12mm;size:auto}}