@charset "UTF-8";/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-2{bottom:calc(var(--spacing)*2)}.left-2{left:calc(var(--spacing)*2)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-6{margin-left:calc(var(--spacing)*6)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.min-h-\[2\.6rem\]{min-height:2.6rem}.w-1\/3{width:33.3333%}.w-3\/4{width:75%}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-24{width:calc(var(--spacing)*24)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--abu-abu-gelap\)\]{border-color:var(--abu-abu-gelap)}.border-rose-100{border-color:var(--color-rose-100)}.border-slate-200{border-color:var(--color-slate-200)}.bg-\[var\(--hitam\)\]{background-color:var(--hitam)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-white{background-color:var(--color-white)}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing)*3)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[\.98rem\]{font-size:.98rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.text-\[var\(--abu-abu-gelap\)\]{color:var(--abu-abu-gelap)}.text-\[var\(--hitam\)\]{color:var(--hitam)}.text-\[var\(--merah\)\]{color:var(--merah)}.text-gray-600{color:var(--color-gray-600)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-90{opacity:.9}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *),.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:pl-2:hover{padding-left:calc(var(--spacing)*2)}.hover\:text-\[var\(--merah\)\]:hover{color:var(--merah)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}}@media (min-width:40rem){.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:text-\[1\.25rem\]{font-size:1.25rem}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-\[var\(--abu\)\]{border-color:var(--abu)}.dark\:bg-\[var\(--abu\)\]{background-color:var(--abu)}.dark\:bg-\[var\(--abu2\)\]{background-color:var(--abu2)}.dark\:text-\[var\(--abu2\)\]{color:var(--abu2)}.dark\:text-\[var\(--hitam\)\]{color:var(--hitam)}.dark\:text-\[var\(--merah\)\]{color:var(--merah)}}}*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{display:none}*{scrollbar-width:none}html{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--putih:#fff;--hitam:#0f172a;--abu:#f7f9fc;--abu2:#e9effa;--abu-abu:#cbd5e1;--abu-abu-gelap:#94a3b8;--merah:#2563eb;--merah-gelap:#1e40af;--oren:#475569;--hijau:#10b981;--hijau-gelap:#059669;--bubble-user:var(--merah);--bubble-bot:var(--putih);--bubble-user-text:var(--putih);--bubble-bot-text:var(--hitam);--header-bg:var(--putih);--header-text:var(--merah);--input-bg:#eef4ff;--panel:var(--abu2);--line:#0f172a14}body.dark-mode,html[data-theme=dark]{--putih:#0b1220;--hitam:#e5e7eb;--abu:#0a0f1a;--abu2:#111827;--abu-abu:#1f2937;--abu-abu-gelap:#334155;--merah:#60a5fa;--merah-gelap:#3b82f6;--oren:#94a3b8;--hijau:#34d399;--hijau-gelap:#10b981;--bubble-user:var(--merah);--bubble-bot:var(--abu2);--bubble-user-text:#fff;--bubble-bot-text:var(--hitam);--header-bg:var(--abu2);--header-text:var(--merah);--input-bg:#0f172a;--panel:var(--abu2);--line:#e5e7eb24}body{background:var(--abu);color:var(--hitam)}:where(button,a,input,textarea,[role=button]):focus-visible{box-shadow:0 0 0 2px var(--merah);border-radius:8px;outline:none}:where(button,[role=button]):disabled{opacity:.6;cursor:not-allowed}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}:root{--hitam:#111827;--putih:#ffffff;--abu2:#f3f4f6;--abu-abu-gelap:#9ca3af;--merah:#f7374f;--hijau:#16a34a;--surface:#ffffff;--line:rgba(0,0,0,.08);--ring:rgba(15,23,42,.08);--shadow-1:0 8px 28px rgba(2,6,23,.12)}.hidden-scrollbar::-webkit-scrollbar{display:none}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.loading-overlay .spinner{border:4px solid #f3f3f3;border-top:4px solid var(--merah);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-bottom-mobile{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:var(--hitam);border-top:1px solid #e4e4e4;box-shadow:0 -2px 10px #00000012;display:flex;justify-content:space-around;align-items:stretch;padding:8px max(10px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));width:100%}.nav-bottom-mobile .nav-item{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:#888;font-size:11px;text-decoration:none;position:relative;padding:6px 0;transition:color .16s ease,transform .16s ease}.nav-bottom-mobile .nav-item svg{font-size:20px;line-height:1}.nav-bottom-mobile .nav-item:active{transform:translateY(1px) scale(.98)}.nav-bottom-mobile .nav-item.active{color:var(--merah, #f7374f)}.nav-bottom-mobile .nav-item.active svg{color:var(--merah, #f7374f)}.nav-bottom-mobile .nav-item .nav-label{line-height:1;letter-spacing:.2px}.nav-bottom-mobile .badge{position:absolute;top:2px;right:24%;transform:translate(50%);background:var(--merah, #f7374f);color:#fff;border-radius:999px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 6px #f7374f59}@media (max-width: 380px){.nav-bottom-mobile{padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.nav-bottom-mobile .nav-item{font-size:10px;padding:4px 0}.nav-bottom-mobile .nav-item svg{font-size:18px}.nav-bottom-mobile .badge{min-width:14px;height:14px;font-size:9px;right:22%}}@media (min-width: 768px){.nav-bottom-mobile{display:none!important}}@media (prefers-color-scheme: dark){.nav-bottom-mobile{background:var(--hitam);border-top-color:#ffffff1f;box-shadow:0 -10px 30px #00000040}.nav-bottom-mobile .nav-item{color:#a3a3a3}.nav-bottom-mobile .nav-item.active{color:var(--merah, #f7374f)}}footer{background-color:var(--hitam);color:#fff;font-size:.9rem;padding:1.8rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.08)}footer .footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}footer .footer-top{display:flex;flex-direction:column;align-items:center;gap:1.2rem}footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}footer .footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:.3s;font-weight:500}footer .footer-links a:hover{color:var(--merah);opacity:1}footer .footer-partners{text-align:center}footer .footer-partners h4{font-size:.85rem;margin-bottom:.5rem;font-weight:600;opacity:.85}footer .footer-partners .partner-logos{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}footer .footer-partners .partner-logos img{height:32px;filter:grayscale(1);opacity:.9;transition:all .3s ease}footer .footer-partners .partner-logos img:hover{filter:grayscale(0);opacity:1}footer .footer-separator{border:none;height:1px;background-color:#ffffff26}footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1rem}footer .footer-bottom .footer-socials{display:flex;gap:1rem}footer .footer-bottom .footer-socials a{color:#fff;opacity:.8;transition:.3s;font-size:1.1rem}footer .footer-bottom .footer-socials a:hover{color:var(--merah);opacity:1}footer .footer-bottom .footer-legal{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}footer .footer-bottom .footer-legal a{color:#fff;opacity:.65;font-size:.85rem;transition:.3s;text-decoration:none}footer .footer-bottom .footer-legal a:hover{color:var(--merah);opacity:1}footer .footer-copy{margin-top:.5rem;opacity:.5;font-size:.8rem;text-align:center}@media (min-width: 768px){footer .footer-top,footer .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}@media (max-width: 767px){.footer-desktop{display:none!important}}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:transparent;padding:10px 18px;font-size:15px;letter-spacing:.08em;line-height:1;cursor:pointer;transition:all .18s ease;border-radius:8px;border:1px solid transparent;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;gap:8px}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f7374f40}.btn.is-loading,.btn[aria-busy=true],.btn.is-disabled,.btn[aria-disabled=true]{pointer-events:none}.btn.is-disabled,.btn[aria-disabled=true],.btn:disabled,.btn[disabled]{opacity:.65;cursor:not-allowed}.btn__label{display:inline-flex;align-items:center}.btn__icon{display:inline-flex;align-items:center;line-height:0}.btn__icon-left{margin-right:8px}.btn__icon-right{margin-left:8px}.btn__spinner{display:inline-flex;align-items:center;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btnspin .8s linear infinite}.btn.icon-only{padding:8px;border-radius:10px}.btn.icon-only .btn__label{display:none}.btn--block{width:100%}.btn--sm{padding:8px 12px;font-size:13.5px;border-radius:7px}.btn--lg{padding:12px 22px;font-size:16px;border-radius:10px}.btn--pill{border-radius:999px}.btn.kotak{border-color:var(--hitam)}.btn.buy,.btn.cart{color:var(--hitam);border-color:var(--hitam);border-radius:8px}.btn.buy:hover,.btn.cart:hover{background-color:var(--hitam);color:var(--putih)}.btn.polos{color:var(--putih)}.btn.polos:hover{color:var(--merah)}.btn.home{color:var(--putih);background-color:var(--merah);border:1px solid var(--merah);border-radius:8px;padding:10px 20px;font-size:16px;font-weight:700;transition:background-color .18s ease,color .18s ease,transform .06s ease}.btn.home:hover{background-color:var(--putih);color:var(--merah);border-color:var(--merah)}.btn.home:active{transform:translateY(.5px) scale(.99)}.btn.home:disabled,.btn.home[disabled],.btn.home[aria-disabled=true]{background-color:var(--abu-abu-gelap);color:var(--putih);border-color:var(--abu-abu-gelap);cursor:not-allowed;opacity:.9}@media (max-width: 480px){.btn{padding:9px 14px;font-size:13.5px;letter-spacing:.06em;border-radius:7px;gap:6px}.btn.home{font-size:14px;padding:10px 16px;border-radius:8px}.btn--lg{padding:11px 18px;font-size:15px}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn__spinner{animation:none}}@keyframes btnspin{to{transform:rotate(360deg)}}.search{display:flex;gap:.25rem;transition:gap .2s}.search input{width:0;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:8px;transition:width .2s,padding .2s,border-color .2s}.search.show{gap:.5rem}.search.show input{width:120px;padding:.55em .85em}.search.show input:focus{border-color:var(--merah);outline:none}.notif{position:fixed;top:16px;left:50%;transform:translate(-50%,-20px);opacity:0;z-index:9999;pointer-events:none;transition:all .35s ease}.notif.show{opacity:1;transform:translate(-50%);pointer-events:auto}.notif__inner{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#ffffffeb;border:1px solid rgba(0,0,0,.05);box-shadow:0 6px 22px #0000001f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.92rem;color:#0f172a;min-width:160px;max-width:85vw;text-align:center;font-weight:500;transition:all .3s ease}.notif__icon{display:flex;color:var(--merah, #f7374f)}.notif__icon svg{width:16px;height:16px}.notif__text{margin:0;line-height:1.25}@media (max-width: 480px){.notif{top:12px}.notif__inner{padding:6px 10px;font-size:.8rem;border-radius:8px;max-width:88vw;box-shadow:0 3px 12px #0000001a}.notif__icon svg{width:13px;height:13px}}@media (prefers-color-scheme: dark){.notif__inner{background:#1c1c22e6;color:#f3f4f6;border-color:#ffffff14}.notif__icon{color:#f87171}}.topbar{display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:9;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 6px 18px #0000000f;padding:14px 0 10px;margin-bottom:14px;min-height:52px}.topbar-back{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:#0c1631;cursor:pointer;padding:0;display:flex;align-items:center}.topbar-title{font-weight:700;font-size:1.08rem;color:#23283a;letter-spacing:.02em}@media (min-width: 768px){.topbar{display:none}}.signup-container{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background-color:#f8f9fa;min-height:600px;height:calc(100svh - 240px)}.form-box{background:#fff;padding:1.5rem;max-width:400px;width:100%;border-radius:14px;text-align:center;box-shadow:0 8px 26px #00000014}.title{font-size:1.35rem;font-weight:700;margin-bottom:1rem;letter-spacing:.1px}.form{display:flex;flex-direction:column;gap:.85rem}.form input{padding:.7rem .9rem;border:1px solid #d1d5db;border-radius:10px;font-size:.98rem;transition:border-color .18s,box-shadow .18s}.form input:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 4px #f7374f26}.form button{background:var(--merah);color:#fff;padding:.75rem;border:none;border-radius:10px;font-weight:600;font-size:.98rem;cursor:pointer;transition:background-color .18s,transform .06s,box-shadow .18s;box-shadow:0 12px 24px #f7374f2e}.form button:hover{background:#e02d45}.form button:active{transform:translateY(1px)}.error-msg{color:#ef4444;margin-top:.6rem;font-size:.9rem}.input-password{position:relative}.input-password input{width:100%;padding-right:2.5rem}.input-password .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#888;font-size:1.1rem}.profile-container{max-width:380px;margin:40px auto;background:#fff;border-radius:22px;padding:32px 20px 18px;box-shadow:0 10px 28px #0000000f;position:relative}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:22px}.profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 18px #00000014;margin-bottom:10px}.profile-user h3{margin:0;font-size:1.25rem;font-weight:700}.profile-user .username{color:#9ca3af;font-size:.9rem}.edit-btn{margin-top:10px;background:#fa5858;color:#fff;border:none;padding:8px 18px;border-radius:18px;font-weight:600;cursor:pointer;transition:background .18s,transform .06s}.edit-btn:hover{background:#e84040}.edit-btn:active{transform:translateY(1px)}.profile-menu{list-style:none;padding:0;margin:20px 0 16px;border-top:1px solid #eee;border-bottom:1px solid #eee}.profile-menu li{display:flex;align-items:center;padding:12px 0;font-size:15px;border-bottom:1px solid #f8f8f8}.profile-menu li .icon{font-size:18px;margin-right:14px}.logout-btn{width:100%;background:none;border:1px solid #fa5858;color:#fa5858;padding:10px 0;border-radius:18px;font-weight:600;cursor:pointer;margin-top:14px;transition:background .18s,color .18s,transform .06s}.logout-btn:hover{background:#fa5858;color:#fff}.logout-btn:active{transform:translateY(1px)}.page-container{max-width:400px;margin:40px auto;border-radius:22px;padding:32px 20px 18px;position:relative;transition:box-shadow .2s,transform .06s}@media (min-width: 768px){.page-container{max-width:100%;padding:56px 48px 32px;border-radius:32px;font-size:1.04rem}}@media (max-width: 500px){.page-container{max-width:98vw;padding:16px 4vw 12px;border-radius:14px;font-size:.98rem}}.container-product{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem}.container-product>img{width:100%;max-height:600px;height:auto;border-radius:10px;box-shadow:0 10px 24px #00000014;transition:transform .18s,box-shadow .18s}.container-product>img:hover{transform:translateY(-2px);box-shadow:0 16px 42px #0000001f}.container-product .product-info{display:flex;flex-direction:column;gap:.8rem}.container-product .product-info>h3{font-size:1.35rem;font-weight:700;opacity:.9}.container-product .product-info .product{display:flex;flex-wrap:wrap;gap:.75rem}.container-product .product-info .product .product-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cart-container{padding:2rem 1rem;max-width:1000px;margin:0 auto}.cart-container h1{font-size:1.6rem;font-weight:700;margin-bottom:1.25rem;color:var(--hitam);text-align:center}.cart-container .cart-list{display:flex;flex-direction:column;gap:1rem}.cart-container .cart-item{display:flex;gap:1rem;align-items:center;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 10px 24px #00000014;border:1px solid var(--line)}.cart-container .cart-item img{width:96px;height:96px;object-fit:cover;border-radius:8px}.cart-container .cart-item .item-info{flex:1}.cart-container .cart-item .item-info h3{margin:0;font-size:1.05rem;color:var(--hitam);font-weight:600}.cart-container .cart-item .item-info p{margin:.2rem 0;font-size:.95rem;color:#555}.cart-container .cart-item .quantity-control{display:flex;align-items:center;gap:.5rem}.cart-container .cart-item .quantity-control button{background:var(--hitam);color:var(--putih);border:none;padding:.35rem .7rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .18s,transform .06s}.cart-container .cart-item .quantity-control button:hover{background:var(--merah)}.cart-container .cart-item .quantity-control button:active{transform:translateY(1px)}.cart-container .cart-item .quantity-control span{min-width:24px;text-align:center;font-weight:700}.cart-container .cart-item .delete-btn{background:transparent;border:1px solid var(--merah);color:var(--merah);padding:.35rem .7rem;border-radius:6px;cursor:pointer;margin-left:.6rem;transition:background-color .18s,color .18s,transform .06s}.cart-container .cart-item .delete-btn:hover{background:var(--merah);color:#fff}.cart-container .cart-item .delete-btn:active{transform:translateY(1px)}.cart-container .cart-summary{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.cart-container .cart-summary .total-price{font-size:1.15rem;font-weight:700;color:var(--hitam)}.cart-container .cart-summary .checkout-btn{background:var(--hitam);color:var(--putih);padding:.7rem 1.6rem;border:none;border-radius:10px;font-size:.98rem;cursor:pointer;transition:background-color .18s,transform .06s,box-shadow .18s;box-shadow:0 12px 24px #0000001f}.cart-container .cart-summary .checkout-btn:hover{background:var(--merah)}.cart-container .cart-summary .checkout-btn:active{transform:translateY(1px)}.category-section{margin:28px 0 34px;color:var(--hitam)}.category-section .category-header{color:var(--hitam);font-size:.98rem;font-weight:700;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase;padding-left:6px}.category-section .category-carousel{display:flex;align-items:center;position:relative}.category-section .carousel-arrow{background:#24242475;border:none;color:#fff;font-size:1.6rem;width:42px;height:76px;border-radius:10px;cursor:pointer;z-index:2;transition:background .18s,transform .06s;display:flex;align-items:center;justify-content:center}.category-section .carousel-arrow:hover{background:var(--merah)}.category-section .carousel-arrow:disabled{opacity:.45;cursor:not-allowed}.category-section .carousel-arrow:active{transform:translateY(1px)}.category-section .carousel-arrow.left{margin-right:10px}.category-section .carousel-arrow.right{margin-left:10px}@media (max-width: 600px){.category-section .carousel-arrow{width:34px;height:60px;font-size:1.4rem}}.category-section .category-list{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 0;width:100%}.category-section .category-list::-webkit-scrollbar{display:none}.category-section .category-card{min-width:220px;max-width:240px;height:180px;background:var(--abu2);border-radius:18px;box-shadow:0 10px 20px #0000001f;position:relative;overflow:hidden;cursor:pointer;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .15s}.category-section .category-card:hover{transform:translateY(-3px) scale(1.02)}.category-section .category-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.category-section .category-card .category-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#f7374f61 65%,#f7374f1f);pointer-events:none}.category-section .category-card .category-label{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;justify-content:center}.category-section .category-card .category-label .category-label-inner{background:#fff;color:var(--merah);padding:7px 20px;border-radius:7px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;display:inline-block;box-shadow:0 8px 18px #0000002e}.category-section .carousel-dots{margin-top:12px;display:flex;justify-content:center;gap:8px}.category-section .carousel-dots .dot{width:16px;height:7px;border-radius:6px;background:var(--abu-abu-gelap);transition:background .18s,width .18s}.category-section .carousel-dots .dot.active{background:var(--merah);width:28px}.container-negara{width:100%;height:70svh;max-height:520px;min-height:220px;position:relative;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:#212533}@media (max-width: 700px){.container-negara{height:37vh;max-height:220px;min-height:120px}}.container-negara .content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:linear-gradient(to bottom,rgba(35,36,53,.6) 80%,#191b2e 99%,transparent 100%)}.container-negara .content .anak-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10}.container-negara .content .anak-content .isi{position:relative;z-index:12;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:36px}.container-negara .content .anak-content .isi .anak-isi{width:100%;position:relative}.container-negara .content .anak-content .isi .anak-isi .item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;scale:1;transition:.85s cubic-bezier(.53,.2,.4,1.08);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}.container-negara .content .anak-content .isi .anak-isi .item.active{opacity:1;scale:1.06;pointer-events:auto}.container-negara .content .anak-content .isi .anak-isi .item p{color:#fff;font-weight:700;font-size:1.02rem;margin-bottom:.4em;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.8)}.container-negara .content .anak-content .isi .anak-isi .item h1{color:#fff;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:900;line-height:1.07;letter-spacing:.01em;margin-bottom:.2em;text-shadow:0 2px 16px rgba(0,0,0,.7),0 1px 0 rgba(17,136,17,.86)}.container-negara .content .anak-content .slider{position:absolute;left:0;bottom:0;width:100%;z-index:15;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.container-negara .content .anak-content .slider .flex{pointer-events:auto;gap:18px}.container-negara .content .anak-content .slider span{cursor:pointer;display:block;height:8px;width:30px;border-radius:10px;background:#ffffff30;transition:.35s cubic-bezier(.53,.2,.4,1.08);margin-bottom:23px;box-shadow:0 1px 8px #00000045}.container-negara .content .anak-content .slider span:hover{background:#fff}.container-negara .content .anak-content .slider span.active{background:#fff;width:90px;box-shadow:0 2px 14px #0006}.container-negara .gambar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden}.container-negara .gambar img,.container-negara .gambar video,.container-negara .gambar iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1;border:none;background:#161728;transition:1.2s cubic-bezier(.53,.2,.4,1.08)}.container-negara .gambar img.active,.container-negara .gambar video.active,.container-negara .gambar iframe.active{scale:1.08;opacity:1;z-index:4}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}html,body,#root{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#fafafa;color:#111827;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{min-height:100%;display:flex;flex-direction:column}.app main{flex:1 1 auto}.container{width:100%;margin-inline:auto;padding-inline:1rem;max-width:1200px}.main-content{padding-top:16px;padding-bottom:16px}@media (min-width: 768px){.main-content{padding-top:24px;padding-bottom:24px}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid rgba(247,55,79,.65);outline-offset:2px}.hidden{display:none!important}.block{display:block!important}.nav{--dropdown-bg: white;--dropdown-hover: #f3f3f3;position:sticky;top:0;width:100%;z-index:2000;padding:1rem;transition:background-color .3s ease,box-shadow .3s ease}.nav.top{background-color:#000;color:#fff;--dropdown-bg: #1f1f1f;--dropdown-hover: #2a2a2a}.nav.scrolled{background-color:#fff;color:#111;--dropdown-bg: white;--dropdown-hover: #f3f3f3;box-shadow:0 2px 10px #00000014}.nav .navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding-inline:1rem}.nav .logo-web{width:100px;height:auto;cursor:pointer;display:block}.nav .menu-right{display:flex;gap:1.5rem;align-items:center;list-style:none}.nav .menu-right li{position:relative;font-size:1rem}.nav .menu-right li a,.nav .menu-right li button{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-weight:500;text-decoration:none}.nav .menu-right li a:hover,.nav .menu-right li button:hover{color:var(--merah)}.nav .menu-right li a.active,.nav .menu-right li button.active{color:var(--merah);font-weight:600}.nav .menu-right li .badge{position:absolute;top:-5px;right:-10px;background:#f7374f;color:#fff;font-size:10px;padding:2px 6px;border-radius:999px}.nav .menu-right .profile-button{display:flex;align-items:center;gap:.4rem;font-weight:600}.nav .menu-right .dropdown-menu{position:absolute;top:120%;left:0;background-color:var(--dropdown-bg);border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;min-width:160px;z-index:2100}.nav .menu-right .dropdown-menu a,.nav .menu-right .dropdown-menu button{padding:10px 14px;text-align:left;width:100%;background-color:transparent;color:inherit}.nav .menu-right .dropdown-menu a:hover,.nav .menu-right .dropdown-menu button:hover{background-color:var(--dropdown-hover)}.nav .menu-right .dropdown-menu button{color:#e53935}.nav .language-dropdown{padding:4px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#fff;color:#333}@media (max-width: 767px){.nav{display:none}}.product-grid-container{width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(12px,4vw,24px);padding-top:clamp(16px,3.5vw,28px);padding-bottom:clamp(10px,3vw,20px)}.category-header{color:var(--hitam);font-size:clamp(.78rem,2.3vw,1rem);font-weight:700;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase;padding-left:6px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:42px}@media (max-width: 1276px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 766px){.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 380px){.product-grid{gap:10px}}.product-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;display:flex;flex-direction:column;position:relative;text-decoration:none;transition:box-shadow .16s ease,transform .12s ease}.product-card:hover{box-shadow:0 8px 28px #f7374f14;transform:translateY(-2px)}.product-img-wrap{position:relative;width:100%;height:210px;background:#f5f5f5}@media (max-width: 920px){.product-img-wrap{height:190px}}@media (max-width: 766px){.product-img-wrap{height:auto;aspect-ratio:1/1}}.product-img-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#fff;display:block}.product-img-wrap .product-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:2}.product-img-wrap .product-actions button{background:#fff;border:none;width:34px;height:34px;border-radius:50%;box-shadow:0 2px 8px #0000001f;display:inline-flex;align-items:center;justify-content:center;font-size:1.08rem;color:#222;transition:background .15s ease,color .15s ease,transform .1s ease;cursor:pointer}.product-img-wrap .product-actions button:hover{background:#fdf2f5;color:#f7374f}.product-img-wrap .product-actions button:active{transform:translateY(1px) scale(.98)}.product-img-wrap .product-actions button:disabled{opacity:.6;cursor:not-allowed}.product-img-wrap .product-actions .fav-btn.active{color:#f7374f;background:#ffe9ef}@media (hover: hover) and (pointer: fine){.product-img-wrap:hover .product-actions{opacity:1;pointer-events:auto}}@media (hover: none){.product-img-wrap .product-actions{opacity:.95;pointer-events:auto}}.product-info{text-align:left;padding:.8rem 1rem 1rem}@media (max-width: 480px){.product-info{padding:.6rem .8rem .8rem}}.product-category{font-size:clamp(.72rem,2.4vw,.9rem);color:#6b7280;margin-bottom:2px;font-weight:500;text-transform:lowercase}.product-title{font-size:clamp(.86rem,2.6vw,1rem);font-weight:700;margin-bottom:4px;color:#111827;letter-spacing:.02em;line-height:1.25}.product-price{font-size:clamp(.86rem,2.4vw,.98rem);color:#d32f2f;font-weight:800;margin-top:2px}.empty-state{width:100%;text-align:center;color:#9ca3af;font-size:.95rem;padding:32px 0}.skeleton-card{background:#fff;border-radius:16px;padding:10px 10px 14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:10px}.skeleton-card .skeleton-img{width:100%;height:180px;border-radius:12px;background:linear-gradient(90deg,#efefef 25%,#f6f6f6 37%,#efefef 63%);background-size:400% 100%;animation:shine 1.2s ease-in-out infinite}.skeleton-card .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#efefef 25%,#f6f6f6 37%,#efefef 63%);background-size:400% 100%;animation:shine 1.2s ease-in-out infinite}.skeleton-card .skeleton-line.short{width:40%}.home-page .section{padding:clamp(16px,2.5vw,32px) 0}.home-page .container{max-width:1200px;margin-inline:auto;padding-inline:clamp(12px,3vw,24px)}.home-page .home-hero{margin-bottom:clamp(10px,2vw,22px)}.home-page .home-products .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:clamp(8px,1.6vw,16px)}.home-page .home-products .section-head .head-text{display:grid;gap:4px}.home-page .home-products .section-head .section-title{color:var(--hitam);font-weight:800;font-size:clamp(1.05rem,3.3vw,1.6rem);letter-spacing:.2px}.home-page .home-products .section-head .section-subtext{color:#6b7280;font-size:clamp(.86rem,2.4vw,.98rem);line-height:1.45}.home-page .home-products .section-head .head-cta{flex:0 0 auto;white-space:nowrap}.home-page .home-cta-bottom{padding:clamp(10px,2vw,18px) 0 clamp(18px,3vw,28px)}.home-page .home-cta-bottom .center-btn{display:flex;justify-content:center;align-items:center;gap:10px}.home-page .home-cta-bottom .center-btn .btn.home{min-width:220px}@media (max-width: 520px){.home-page .home-products .section-head{align-items:center}.home-page .home-products .section-head .head-cta{transform:translateY(-2px)}.home-page .home-cta-bottom .center-btn .btn.home{min-width:200px;font-size:14px;letter-spacing:.04em;padding:10px 14px;border-radius:8px}}@media (prefers-color-scheme: dark){.home-page .home-products .section-head .section-subtext{color:#a1a1aa}}@media (max-width: 767px){.about-page{padding-bottom:72px}}.about-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;padding:18px 12px 6px}.about-layout .about-text{text-align:center}.about-layout .about-text h1{font-size:1.7rem;font-weight:800;color:var(--hitam);letter-spacing:.2px;margin-bottom:6px}.about-layout .about-text p{color:#5f6c7b;font-size:.98rem}.about-layout .about-image{display:flex;justify-content:center}.about-layout .about-image img{max-width:220px;height:auto;display:block;filter:drop-shadow(0 10px 28px rgba(0,0,0,.08))}@media (min-width: 768px){.about-layout{grid-template-columns:1.2fr .8fr;padding:32px 16px 8px}.about-layout .about-text{text-align:left}.about-layout .about-image img{max-width:300px}}.about-timeline{padding:18px 12px}.about-timeline h2{text-align:center;font-size:1.4rem;font-weight:700;color:var(--hitam);margin-bottom:14px}.about-timeline .timeline{position:relative;max-width:920px;margin:0 auto;padding-left:16px}.about-timeline .timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:#e5e7eb}.about-timeline .timeline .timeline-item{position:relative;padding:10px 10px 10px 22px;display:grid;grid-template-columns:auto 1fr;gap:10px}.about-timeline .timeline .timeline-item .dot{position:absolute;left:-1px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--merah);box-shadow:0 0 0 4px #f7374f26}.about-timeline .timeline .timeline-item .content{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:10px 12px;box-shadow:0 4px 16px #0000000a}.about-timeline .timeline .timeline-item .content h4{margin:0 0 4px;font-weight:700;color:var(--hitam)}.about-timeline .timeline .timeline-item .content p{margin:0;color:#64748b;font-size:.95rem}.about-stats{padding:14px 12px 4px}.about-stats .stats-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);max-width:920px;margin:0 auto}.about-stats .stats-grid .stat-box{background:#fff;border:1px solid #eef2f7;border-radius:14px;text-align:center;padding:14px 10px;box-shadow:0 8px 24px #0000000a}.about-stats .stats-grid .stat-box h3{margin:0 0 6px;font-size:1.4rem;color:var(--hitam)}.about-stats .stats-grid .stat-box p{margin:0;color:#6b7280;font-size:.92rem}@media (min-width: 768px){.about-stats .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.about-faq{padding:18px 12px 6px;max-width:920px;margin:0 auto}.about-faq h2{text-align:center;margin-bottom:10px;font-size:1.4rem;font-weight:700;color:var(--hitam)}.about-faq .faq-list{display:grid;gap:10px}.about-faq .faq-item{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 4px 16px #0000000a;overflow:hidden}.about-faq .faq-item .faq-toggle{width:100%;text-align:left;padding:12px 14px;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--hitam);transition:background .18s}.about-faq .faq-item .faq-toggle .plus{font-size:20px;line-height:1;color:#94a3b8}.about-faq .faq-item .faq-toggle:hover{background:#f8fafc}.about-faq .faq-item .faq-answer{padding:0 14px 12px;color:#64748b;font-size:.96rem;border-top:1px dashed #e2e8f0}.about-faq .faq-item.open .faq-toggle .plus{color:var(--merah)}.social-proof{padding:8px 0}.social-proof .ticker{overflow:hidden;white-space:nowrap;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.social-proof .track{display:inline-block;padding:8px 0;animation:ticker-move 28s linear infinite}.social-proof .track span{color:#374151;opacity:.9}@keyframes ticker-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-reviews{padding:18px 12px 8px}.client-reviews h2{text-align:center;font-size:1.4rem;font-weight:700;color:var(--hitam);margin-bottom:12px}.client-reviews .review-swiper{max-width:920px;margin:0 auto}.client-reviews .review-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:16px 14px;box-shadow:0 6px 22px #0000000d;max-width:680px;margin:0 auto}.client-reviews .review-card .quote{color:#111827;font-size:1.02rem;line-height:1.6;margin:0 0 12px}.client-reviews .review-card .review-author{display:flex;align-items:center;gap:10px}.client-reviews .review-card .review-author img{width:40px;height:40px;border-radius:50%;object-fit:cover}.client-reviews .review-card .review-author strong{display:block;color:var(--hitam)}.client-reviews .review-card .review-author span{display:block;color:#6b7280;font-size:.9rem}.newsletter{padding:18px 12px;text-align:center}.newsletter h2{font-size:1.3rem;font-weight:700;color:var(--hitam);margin-bottom:12px}.newsletter .newsletter-form{display:flex;gap:8px;justify-content:center;max-width:560px;margin:0 auto;padding:0 6px}.newsletter .newsletter-form input[type=email]{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:10px;padding:.7rem .9rem;font-size:.98rem;background:#fff;transition:border-color .18s,box-shadow .18s;color:var(--hitam)}.newsletter .newsletter-form input[type=email]:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 4px #f7374f26}.newsletter .newsletter-form button{background:var(--merah);color:#fff;border:none;border-radius:10px;padding:.7rem 1rem;font-weight:700;cursor:pointer;transition:background-color .18s,transform .06s,box-shadow .18s;box-shadow:0 12px 24px #f7374f2e}.newsletter .newsletter-form button:hover{background:#e02d45}.newsletter .newsletter-form button:active{transform:translateY(1px)}.newsletter .newsletter-form button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 480px){.newsletter .newsletter-form{flex-direction:column}.newsletter .newsletter-form button{width:100%}}.team-grid-full{padding:18px 12px 6px}.team-grid-full h2{text-align:center;font-size:1.4rem;font-weight:700;color:var(--hitam);margin-bottom:12px}.team-grid-full .grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);max-width:920px;margin:0 auto}@media (min-width: 768px){.team-grid-full .grid{grid-template-columns:repeat(3,1fr)}}.team-grid-full .grid .team-member{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:14px;text-align:center;box-shadow:0 6px 20px #0000000d}.team-grid-full .grid .team-member img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:8px}.team-grid-full .grid .team-member h4{margin:0;color:var(--hitam);font-size:1.02rem}.team-grid-full .grid .team-member .role{margin:4px 0 6px;color:#64748b;font-size:.92rem}.team-grid-full .grid .team-member p{color:#4b5563;font-size:.95rem}.about-cta{text-align:center;padding:22px 12px 32px}.about-cta h2{font-size:1.5rem;font-weight:800;color:var(--hitam);margin-bottom:6px}.about-cta p{color:#6b7280;margin-bottom:12px}.product-page{background:var(--abu)}.product-page .bapak-product{min-height:215px;position:relative}.product-page .bapak-product .bg-benner-product img{width:100%;height:230px;object-fit:cover;filter:brightness(.53);display:block}.product-page .bapak-product .banner-overlay-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3}.product-page .bapak-product .banner-overlay-card .banner-content{background:#ffffff2b;box-shadow:0 3px 22px #0002;border-radius:24px;padding:24px 18px 16px;-webkit-backdrop-filter:blur(5.5px);backdrop-filter:blur(5.5px);text-align:center;min-width:88vw;max-width:480px;margin:0 auto}@media (max-width: 540px){.product-page .bapak-product .banner-overlay-card .banner-content{border-radius:14px;min-width:95vw;padding:16px 10px 12px}}.product-page .bapak-product .banner-overlay-card .banner-content h1{color:var(--merah);font-size:clamp(1.3rem,4.5vw,2rem);font-weight:800;letter-spacing:.5px;margin:0 0 6px}.product-page .bapak-product .banner-overlay-card .banner-content h1 .emoji{font-size:1.3em;vertical-align:middle;margin-right:6px}.product-page .bapak-product .banner-overlay-card .banner-content .subtitle{color:var(--hitam);font-size:clamp(.9rem,3.5vw,1.05rem);font-weight:400;margin-bottom:14px;opacity:.85;letter-spacing:.1px}.product-page .bapak-product .banner-overlay-card .banner-content .search-container{display:flex;align-items:center;background:#fffc;border-radius:14px;padding:3px 8px;box-shadow:0 1px 8px #f7374f10}.product-page .bapak-product .banner-overlay-card .banner-content .search-container .search-icon{color:var(--merah);margin-right:6px}.product-page .bapak-product .banner-overlay-card .banner-content .search-container input{border:none;outline:none;padding:8px 10px 8px 6px;border-radius:12px;width:100%;font-size:clamp(.92rem,3.5vw,1rem);background:transparent;color:var(--hitam)}.product-page .product-filter-bar{width:100%;display:flex;justify-content:center;margin:12px 0 6px}.product-page .product-filter-bar .filter-card{background:var(--putih);box-shadow:0 3px 18px #0001,0 1.5px 8px #f7374f09;border-radius:16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:260px;padding:10px 16px}@media (max-width: 540px){.product-page .product-filter-bar .filter-card{border-radius:12px;padding:9px 10px;gap:8px}}.product-page .product-filter-bar .filter-card .filter-title{color:var(--merah);font-weight:700;font-size:clamp(.88rem,3.2vw,1rem);display:flex;align-items:center}.product-page .product-filter-bar .filter-card select{border:1.5px solid var(--abu-abu-gelap);border-radius:7px;padding:6px 12px;font-size:clamp(.88rem,3.2vw,1rem);color:var(--hitam);background:var(--abu2);transition:border .17s}.product-page .product-filter-bar .filter-card select:focus{border-color:var(--merah);outline:none}.product-page .product-filter-bar .filter-card .btn-reset-filter{background:var(--abu2);color:var(--merah);border:1.2px solid var(--merah);border-radius:8px;font-size:clamp(.86rem,3.2vw,.98rem);padding:6px 12px;font-weight:500;cursor:pointer;transition:background .15s,color .13s}.product-page .product-filter-bar .filter-card .btn-reset-filter:hover{background:var(--merah);color:#fff}.product-page .product-filter-bar .filter-card .chip.selected-cat{background:var(--merah);color:#fff;border-radius:10px;padding:6px 12px;display:inline-flex;align-items:center;font-weight:600;font-size:clamp(.84rem,3vw,.96rem)}.product-page .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:14px 3px 34px}@media (min-width: 650px){.product-page .product-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 900px){.product-page .product-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.product-page .skeleton-card{background:#fff;border-radius:16px;padding:10px 10px 14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:10px}.product-page .skeleton-img{width:100%;height:180px;border-radius:12px;background:linear-gradient(90deg,#efefef 25%,#f6f6f6 37%,#efefef 63%);background-size:400% 100%;animation:shine 1.2s ease-in-out infinite}.product-page .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#efefef 25%,#f6f6f6 37%,#efefef 63%);background-size:400% 100%;animation:shine 1.2s ease-in-out infinite}.product-page .skeleton-line.short{width:40%}@keyframes shine{0%{background-position:100% 0}to{background-position:0 0}}.product-page .product-card{background:var(--putih);border-radius:16px;box-shadow:0 4px 24px #f7374f08,0 2px 10px #0001;position:relative;display:flex;flex-direction:column;min-height:205px;transition:box-shadow .15s,transform .13s;text-decoration:none}.product-page .product-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-3px) scale(1.015)}.product-page .product-img-wrap{position:relative;width:100%;height:210px;background:var(--abu2)}@media (max-width: 900px){.product-page .product-img-wrap{height:190px}}@media (max-width: 540px){.product-page .product-img-wrap{height:auto;aspect-ratio:1/1}}.product-page .product-img-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#fff;display:block;border-radius:0}.product-page .product-img-wrap .product-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;z-index:3;transition:opacity .18s ease}.product-page .product-img-wrap .product-actions button{background:#fff;border:none;width:34px;height:34px;border-radius:50%;box-shadow:0 2px 8px #0000001f;display:inline-flex;align-items:center;justify-content:center;font-size:1.08rem;color:#222;transition:background .15s ease,color .15s ease,transform .1s ease;cursor:pointer}.product-page .product-img-wrap .product-actions button:hover{background:#fdf2f5;color:#f7374f}.product-page .product-img-wrap .product-actions button:active{transform:translateY(1px) scale(.98)}.product-page .product-img-wrap .product-actions button:disabled{opacity:.6;cursor:not-allowed}.product-page .product-img-wrap .product-actions .fav-btn.active{color:#f7374f;background:#ffe9ef}@media (hover: hover) and (pointer: fine){.product-page .product-img-wrap:hover .product-actions{opacity:1;pointer-events:auto}}@media (hover: none){.product-page .product-img-wrap .product-actions{opacity:.95;pointer-events:auto}}.product-page .product-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px 14px}.product-page .product-info .product-category{color:#6b7280;font-size:clamp(.72rem,2.6vw,.9rem);font-weight:600;letter-spacing:.02em}.product-page .product-info .product-title{font-size:clamp(.92rem,2.8vw,1.05rem);font-weight:800;color:var(--hitam);letter-spacing:.02em;line-height:1.25;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.product-page .product-info .product-price{color:var(--merah);font-size:clamp(.94rem,2.7vw,1.06rem);font-weight:800;margin-top:2px}.product-page .no-products{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:var(--merah);font-weight:600;padding:24px 0;opacity:.85}@media (max-width: 380px){.product-page .product-grid{gap:10px}.product-page .product-info{padding:8px 10px 12px}}.product-detail-page{display:flex;flex-direction:column;min-height:100vh;background:var(--abu2, #f6f7fb);font-family:Inter,sans-serif;color:var(--hitam, #232323);padding-bottom:env(safe-area-inset-bottom)}.product-detail-header{display:flex;align-items:center;justify-content:center;justify-content:space-between;padding:.8rem 1rem;background:var(--putih, #ffffff);position:sticky;top:0;z-index:200;box-shadow:0 1px 2px #0000000d}@media (min-width: 768px){.product-detail-header{display:none}}.product-detail-header .header-action-button{background:none;border:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;padding:.6rem;border-radius:50%;transition:background .2s}.product-detail-header .header-action-button:hover{background:#f0f0f0}.product-detail-header .header-action-button svg{width:20px;height:20px}.product-detail-header .header-title{flex:1;text-align:center;font-size:1.1rem;font-weight:600}.product-detail-header .wishlist-button-header svg.wishlisted{color:var(--merah, #f7374f)}.product-detail-main-content{display:flex;flex-direction:column;background:var(--abu2, #f6f7fb)}@media (min-width: 1024px){.product-detail-main-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1320px;margin:0 auto;padding:3rem 1rem}}.product-gallery-column{background:var(--abu2, #f6f7fb)}.product-gallery-column .product-image-container{padding:1rem}.product-gallery-column .product-image-container .product-image-main{width:100%;max-height:60vh;object-fit:cover;border-radius:16px;background:#fff}.product-info-column{background:var(--abu2, #f6f7fb);padding:1.5rem;margin-top:-2rem;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -6px 16px #0000000f}.product-info-column .product-info-header .product-name{font-size:1.85rem;font-weight:700;margin-bottom:.5rem}.product-info-column .product-info-header .product-category-tag{background:#eef1f5;color:#5f6c7b;padding:.3rem .8rem;font-size:.75rem;border-radius:1rem;text-transform:uppercase}.product-info-column .product-price{font-size:1.1rem;font-weight:700;margin:.5rem 0}.product-info-column .product-stock-info{font-size:.9rem;margin-bottom:1rem}.product-info-column .product-purchase-container{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.product-info-column .product-purchase-container .btn.home{font-weight:700}.product-info-column .product-purchase-container .btn.kotak{border-color:#d4d6da;color:var(--hitam, #232323)}.product-info-column .product-purchase-container .btn.kotak:hover{border-color:var(--hitam, #232323)}.product-info-column .product-purchase-container .btn.kotak svg.wishlisted{color:var(--merah, #f7374f)}@media (min-width: 768px){.product-info-column .product-purchase-container{flex-direction:row}.product-info-column .product-purchase-container .btn.home{margin-right:1rem}}.product-info-column .product-description-container .description-title{font-weight:700;margin:1rem 0 .5rem}.product-info-column .product-description-container .description-content>h4,.product-info-column .product-description-container .description-content>h5,.product-info-column .product-description-container .description-content>h6{margin:1rem 0 .5rem;font-weight:600}.product-info-column .product-description-container .description-content>p{margin:.75rem 0;font-size:.95rem;line-height:1.6}.product-info-column .product-description-container .description-content>ul,.product-info-column .product-description-container .description-content>ol{margin:.75rem 0 .75rem 1.25rem;padding:0}.product-info-column .product-description-container .description-content>ul li,.product-info-column .product-description-container .description-content>ol li{margin-bottom:.5rem}.product-info-column .product-description-container .description-content>blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:4px solid var(--merah, #f7374f);background:var(--putih, #ffffff)}.product-info-column .product-description-container .description-content.truncated{max-height:6.4rem;overflow:hidden;position:relative}.product-info-column .product-description-container .description-content.truncated:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5rem;background:linear-gradient(transparent,var(--abu2, #f6f7fb))}.product-info-column .product-description-container .description-content.expanded{max-height:none}.product-info-column .product-description-container .read-more-link{display:inline-block;margin-top:.5rem;color:var(--merah, #f7374f);cursor:pointer;font-weight:500}.product-info-column .social-sharing{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.product-info-column .social-sharing .share-button{background:none;border:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .8rem;background:#f0f0f0;border-radius:6px;font-size:.9rem;transition:filter .2s}.product-info-column .social-sharing .share-button:hover{filter:brightness(.95)}.similar-product-image-container,.recent-image-container{position:relative;width:100%;padding-bottom:66.66%;overflow:hidden;border-radius:8px}.similar-product-image,.item-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#fff}.similar-products-section{background:var(--abu2, #f6f7fb);padding:2.5rem 1rem}.similar-products-section .similar-products-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem}.similar-products-section .similar-products-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;max-width:1320px;margin:0 auto}.similar-products-section .similar-products-list .similar-product-item{background:var(--putih, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.similar-products-section .similar-products-list .similar-product-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.similar-products-section .similar-products-list .similar-product-item .similar-product-info{padding:.75rem}.similar-products-section .similar-products-list .similar-product-item .similar-product-info .similar-product-name{font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:var(--hitam, #232323)}.similar-products-section .similar-products-list .similar-product-item .similar-product-info .similar-product-price{font-size:.9rem;font-weight:700;color:var(--merah, #f7374f)}.recently-viewed-section{background:var(--abu2, #f6f7fb);padding:2.5rem 1rem}.recently-viewed-section .section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem}.recently-viewed-section .recently-viewed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-width:1320px;margin:0 auto}.recently-viewed-section .recently-viewed-list .recent-item{background:var(--putih, #ffffff);border-radius:10px;box-shadow:0 1px 4px #0000000d;overflow:hidden;transition:box-shadow .2s}.recently-viewed-section .recently-viewed-list .recent-item:hover{box-shadow:0 2px 8px #0000001a}.recently-viewed-section .recently-viewed-list .recent-item .item-info{padding:.5rem}.recently-viewed-section .recently-viewed-list .recent-item .item-info .item-name{font-size:.85rem;font-weight:500;margin-bottom:.25rem;color:var(--hitam, #232323);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recently-viewed-section .recently-viewed-list .recent-item .item-info .item-price{font-size:.8rem;font-weight:700;color:var(--merah, #f7374f)}:root{--panel: var(--panel, var(--putih));--line: var(--line, rgba(0,0,0,.08));--muted: #6b7280;--fs-xxs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--rad: 12px;--tap: 30px;--thumb: 54px}.cart-container{background:var(--abu);padding:12px;max-width:480px;margin:0 auto;display:grid;gap:12px;font-size:var(--fs-sm)}.skeleton{display:grid;gap:10px}.sk-row{display:grid;grid-template-columns:var(--thumb) 1fr;gap:10px;padding:10px;border-radius:var(--rad);background:var(--panel);border:1px solid var(--line)}.sk-img{width:var(--thumb);height:var(--thumb);border-radius:10px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.sk-lines{display:grid;gap:6px;align-content:center}.sk-lines span{height:10px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.sk-lines .short{width:60%}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.empty{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:16px 12px}.empty .emoji{font-size:26px;margin-bottom:4px}.empty .title{font-size:var(--fs-md);margin:0;color:var(--hitam);font-weight:700}.empty .hint{font-size:var(--fs-xs);margin:4px 0 10px;color:var(--bubble-bot-text, #4b5563)}.btn-ghost{border:1px solid var(--line);background:var(--putih);color:var(--hitam);padding:8px 12px;font-size:var(--fs-xs);border-radius:10px}.cart-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}.row{display:grid;grid-template-columns:var(--thumb) 1fr auto;grid-template-areas:"img meta rem" "img ctrl rem";align-items:center;gap:8px 10px;padding:10px 12px}.row+.row{border-top:1px solid var(--line)}.thumb{grid-area:img;width:var(--thumb);height:var(--thumb);object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#f6f6f6}.meta{grid-area:meta;min-width:150px;display:grid;gap:2px}.meta .name{font-size:var(--fs-sm);color:var(--hitam);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta .price{font-size:var(--fs-sm);font-weight:700;color:var(--bubble-bot-text, #111827)}.meta .stock{font-size:var(--fs-xxs);color:var(--bubble-bot-text, #6b7280);opacity:.9}.controls{grid-area:ctrl;justify-self:start;display:inline-flex;align-items:center;gap:6px;background:var(--abu2);border:1px solid var(--line);border-radius:999px;padding:2px 4px}.controls .seg{min-width:var(--tap);height:var(--tap);border-radius:999px;border:none;cursor:pointer;background:var(--abu-abu-gelap);color:var(--hitam);font-weight:800;font-size:16px;transition:background-color .15s ease,transform .06s ease,color .15s ease}.controls .seg:hover{background:var(--oren);color:var(--putih)}.controls .seg:active{transform:scale(.96)}.controls .seg:disabled{opacity:.55;cursor:not-allowed;transform:none}.controls .qty{min-width:22px;text-align:center;font-weight:800;font-size:var(--fs-sm);color:var(--hitam)}.remove{grid-area:rem;justify-self:end;background:transparent;border:none;color:var(--merah);font-size:var(--fs-xs);font-weight:800;padding:6px 8px}.footer{position:sticky;bottom:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--rad) + 2px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.sum{display:grid;gap:2px}.sum span{font-size:var(--fs-xs);color:var(--bubble-bot-text, #6b7280)}.sum strong{font-size:var(--fs-md);color:var(--hitam)}.cta{border:none;cursor:pointer;padding:10px 12px;border-radius:10px;font-size:var(--fs-sm);background:var(--hitam);color:var(--putih)}body.dark-mode .cart-container,html[data-theme=dark] .cart-container{background:var(--abu)}body.dark-mode .btn-ghost,html[data-theme=dark] .btn-ghost{background:var(--abu2);color:var(--hitam)}body.dark-mode .controls,html[data-theme=dark] .controls{background:var(--abu)}@media (min-width: 400px){:root{--fs-xxs: 11.5px;--fs-xs: 12.5px;--fs-sm: 13.5px;--fs-md: 14.5px;--tap: 32px;--thumb: 58px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}:root{--surface: #ffffff;--bg: #f6f7fb;--text: #0f172a;--muted: #6b7280;--line: #e5e7eb;--ring: rgba(15, 23, 42, .08);--brand: var(--merah, #e63946);--brand-weak: rgba(230, 57, 70, .08);--radius-lg: 18px;--radius: 12px;--radius-sm: 10px;--shadow-1: 0 10px 30px rgba(2, 6, 23, .06);--shadow-2: 0 18px 50px rgba(2, 6, 23, .08)}.checkout-page{max-width:1080px;margin:0 auto;padding:32px 18px 64px;color:var(--text);background:radial-gradient(1200px 600px at 100% -10%,rgba(230,57,70,.06),transparent 40%),radial-gradient(1200px 600px at -10% 100%,rgba(2,6,23,.06),transparent 40%),var(--bg);min-height:100dvh}.checkout-page h1{font-size:clamp(1.25rem,1.05rem + 1vw,1.7rem);font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.page-sub{color:var(--muted);margin-bottom:18px;font-size:.96rem}.progress-mini{display:flex;align-items:center;gap:10px;margin:6px 0 20px}.progress-mini .dot{width:8px;height:8px;border-radius:999px;background:var(--line)}.progress-mini .dot.active{background:var(--brand);box-shadow:0 0 0 6px var(--brand-weak)}.progress-mini .line{flex:1;height:2px;background:var(--line)}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}@media (max-width: 960px){.checkout-grid{grid-template-columns:1fr}}.card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);overflow:clip}.card-section{padding:20px}.card-title{font-weight:600;font-size:1rem;letter-spacing:.2px;margin-bottom:12px}.checkout-page .form-section{display:grid;gap:14px}.floating{position:relative}.floating>label{position:absolute;top:50%;left:12px;transform:translateY(-50%);background:transparent;color:var(--muted);transition:all .18s ease;pointer-events:none;padding:0 6px}.floating input,.floating textarea{width:100%;padding:18px 12px 12px;border-radius:var(--radius);border:1.5px solid var(--line);background:#fbfbfd;font-size:.96rem;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.floating textarea{min-height:110px;resize:vertical}.floating input::placeholder,.floating textarea::placeholder{opacity:0}.floating input:focus,.floating textarea:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 6px var(--brand-weak)}.floating input:not(:placeholder-shown)+label,.floating textarea:not(:placeholder-shown)+label,.floating input:focus+label,.floating textarea:focus+label{top:0;transform:translateY(-50%) scale(.88);background:var(--surface);color:var(--brand);margin-left:6px}.phone-input{display:flex;align-items:center;gap:0;border:1.5px solid var(--line);border-radius:var(--radius);background:#fbfbfd;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.phone-input:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 6px var(--brand-weak)}.phone-input .country-code{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-right:1px solid var(--line);font-weight:600;color:#1f2937;background:#f4f5f7}.phone-input .flag{width:18px;height:12px;border-radius:2px}.phone-input input[type=tel]{border:none;outline:none;flex:1;padding:14px 12px;background:transparent;font-size:.96rem}.input-hint{color:var(--muted);font-size:.86rem;margin-top:6px}.input-error{color:#dc2626;font-size:.86rem;margin-top:6px}.payment-methods{margin-top:2px}.payment-methods>label{display:block;font-weight:600;color:#0b1220;margin-bottom:8px}.bank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.bank-grid-item{height:64px;border:1.5px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fafafb);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;position:relative}.bank-grid-item:hover{transform:translateY(-1px);border-color:#dfe3ea;box-shadow:0 8px 20px #0206170f}.bank-grid-item.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-weak),0 10px 26px #e639462e;background:#fff}.bank-grid-item img{max-height:32px;max-width:92px;object-fit:contain;filter:saturate(1.04)}.check-badge{position:absolute;top:8px;right:8px;background:var(--brand);color:#fff;font-weight:700;font-size:10px;padding:6px 7px;border-radius:999px;box-shadow:0 8px 18px #e6394659;opacity:0;transform:scale(.9);transition:all .16s ease}.bank-grid-item.selected .check-badge{opacity:1;transform:scale(1)}.summary-sticky{position:sticky;top:14px}.summary-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.summary-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#fbfbfd;border:1px dashed #e8e9ef}.summary-total{margin-top:8px;display:flex;align-items:center;justify-content:space-between;background:#fff5f5;border:1px solid #ffe4e6;padding:12px;border-radius:14px;font-weight:700;letter-spacing:.1px}.checkout-actions{display:grid;gap:10px;margin-top:12px}.checkout-page button{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:12px 16px;border-radius:12px;font-weight:600;background:var(--brand);color:#fff;box-shadow:0 12px 24px #e639462e;transition:transform .06s ease,box-shadow .16s ease,background .16s ease}.checkout-page button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #e639463d}.checkout-page button:disabled{background:#e5e7eb;color:#9aa1ad;box-shadow:none;cursor:not-allowed}.sec-hint{text-align:center;color:var(--muted);font-size:.88rem}.hr{height:1px;background:linear-gradient(90deg,transparent,#eceef3,transparent);margin:8px 0}@media (max-width: 520px){.checkout-page{padding:22px 14px 48px}.checkout-page h1{font-size:1.22rem;font-weight:600;margin-bottom:8px}.page-sub{font-size:.9rem;margin-bottom:14px}.card-section{padding:16px}.card-title{font-size:.98rem;font-weight:600;margin-bottom:10px}.floating input,.floating textarea{padding:14px 12px 10px;font-size:.94rem}.phone-input .country-code{padding:9px 10px;font-weight:600}.phone-input input[type=tel]{padding:12px 10px;font-size:.94rem}.bank-grid{grid-template-columns:repeat(3,1fr);gap:8px}.bank-grid-item{height:54px}.bank-grid-item img{max-height:26px;max-width:80px}.summary-item{padding:9px 10px}.summary-total{padding:10px 12px;font-weight:600}.checkout-page button{padding:11px 14px;font-weight:600}.input-hint,.input-error{font-size:.84rem}}.payment-info-page{max-width:960px;margin:40px auto;padding:24px;background-color:#f9fafb;border-radius:16px;box-shadow:0 6px 20px #0000000d;font-family:Segoe UI,sans-serif}.payment-info-page .payment-header{text-align:center;margin-bottom:24px}.payment-info-page .payment-header h1{font-size:2.2rem;font-weight:700;color:#1f2937}.payment-info-page .payment-header .order-id{font-size:1rem;color:#6b7280;margin-top:6px}.payment-info-page .payment-status{background-color:#fff;padding:16px 20px;border-left:5px solid #60a5fa;border-radius:10px;margin-bottom:24px;font-size:1.05rem}.payment-info-page .payment-status p{display:flex;align-items:center;gap:10px}.payment-info-page .payment-status p .icon-pending{color:#f59e0b;animation:rotate 1s linear infinite}.payment-info-page .payment-status p .icon-success{color:#10b981;animation:pulse 1.5s ease-in-out infinite}.payment-info-page .payment-status p .icon-failed{color:#ef4444}.payment-info-page .payment-summary{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px}.payment-info-page .payment-summary h2{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:#1f2937}.payment-info-page .payment-summary .item-list{display:flex;flex-direction:column;gap:16px}.payment-info-page .payment-summary .item-list .item{display:flex;gap:1rem;background-color:#f3f4f6;border-radius:10px;padding:12px}.payment-info-page .payment-summary .item-list .item img{width:64px;height:64px;object-fit:cover;border-radius:8px}.payment-info-page .payment-summary .item-list .item .info{display:flex;flex-direction:column}.payment-info-page .payment-summary .item-list .item .info h4{font-size:1rem;font-weight:600;margin-bottom:4px;color:#111827}.payment-info-page .payment-summary .item-list .item .info p{margin:0;font-size:.95rem;color:#4b5563}.payment-info-page .payment-instructions{background-color:#fff;padding:20px;border-radius:12px;margin-bottom:24px}.payment-info-page .payment-instructions h2{font-size:1.2rem;font-weight:600;color:#111827;margin-bottom:10px}.payment-info-page .payment-instructions p{font-size:.95rem;margin:6px 0;color:#374151}.payment-info-page .payment-instructions .payment-method-box{margin-top:16px;padding:16px;background:#f9fafb;border-radius:10px;border-left:4px solid #3b82f6}.payment-info-page .payment-instructions .payment-method-box h3{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:#1e3a8a;margin-bottom:8px}.payment-info-page .payment-instructions .payment-method-box p{margin:4px 0;font-size:.95rem;color:#374151}.payment-info-page .payment-instructions .payment-method-box img{max-width:200px;margin-top:12px;border-radius:8px;border:1px solid #e5e7eb}.payment-info-page .payment-instructions .payment-method-box .copy-button{margin-top:12px;background:#3b82f6;color:#fff;border:none;padding:10px 14px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.payment-info-page .payment-instructions .payment-method-box .copy-button:hover{background-color:#2563eb}.payment-info-page .status-message{padding:16px;border-radius:10px;font-weight:600;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.payment-info-page .status-message.success{background-color:#ecfdf5;color:#047857}.payment-info-page .status-message.failed{background-color:#fef2f2;color:#b91c1c}.payment-info-page .status-message .icon-success,.payment-info-page .status-message .icon-failed{font-size:1.5rem}.payment-info-page .text-center{text-align:center;margin-top:24px;font-size:.95rem;color:#6b7280}.payment-info-page .loading-spinner{text-align:center;font-size:2rem;color:#3b82f6;margin-top:80px}.payment-info-page .loading-spinner .spin-icon{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width: 768px){.payment-info-page{padding:20px}.payment-info-page h1{font-size:1.75rem}.payment-info-page .item img{width:56px;height:56px}.payment-info-page .copy-button{width:100%;justify-content:center}}@media (max-width: 480px){.payment-info-page{padding:16px}.payment-info-page h1{font-size:1.5rem}.payment-info-page .info h4{font-size:.95rem}.payment-info-page .status-message{font-size:1rem}}.history-page{max-width:960px;margin:2rem auto;padding:2rem;font-family:Segoe UI,sans-serif}.history-page h1{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--hitam)}.history-page .loading,.history-page .error,.history-page .empty{text-align:center;font-size:1.1rem;margin-top:2rem;color:#555}.history-page .order-list{display:flex;flex-direction:column;gap:2rem}.history-page .order-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000000d}.history-page .order-card .order-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:1rem}.history-page .order-card .order-header .status{text-transform:capitalize;padding:.2rem .6rem;border-radius:5px;font-size:.85rem}.history-page .order-card .order-header .status.pending{background-color:#fff3cd;color:#856404}.history-page .order-card .order-header .status.success{background-color:#d4edda;color:#155724}.history-page .order-card .order-header .status.failed{background-color:#f8d7da;color:#721c24}.history-page .order-card .order-items{display:flex;flex-direction:column;gap:1rem}.history-page .order-card .order-items .order-item{display:flex;gap:1rem;align-items:center;padding:.75rem;background-color:#f9f9f9;border-radius:8px}.history-page .order-card .order-items .order-item img{width:70px;height:70px;object-fit:cover;border-radius:6px}.history-page .order-card .order-items .order-item .details{flex:1}.history-page .order-card .order-items .order-item .details p{margin:.2rem 0;font-size:.95rem;color:#333}.history-page .order-card .order-items .order-item .details p.name{font-weight:700;font-size:1rem}.history-page .order-card .order-total{text-align:right;margin-top:1rem;font-weight:600;font-size:1.1rem;color:var(--merah)}@media (max-width: 768px){.history-page,.history-page .order-card{padding:1rem}.history-page .order-item{flex-direction:column;align-items:flex-start}.history-page .order-total{text-align:left}}.thankyou-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#101820,#1e1e2e);padding:2rem}.thankyou-wrapper .thankyou-container{background:#fff;border-radius:1.5rem;padding:2.5rem 2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 0 30px #00000026;animation:fadeIn .6s ease-out}.thankyou-wrapper .thankyou-container .thankyou-icon{font-size:3.5rem;margin-bottom:1.2rem}.thankyou-wrapper .thankyou-container h1{color:#1f4e79;font-size:1.9rem;margin-bottom:.8rem}.thankyou-wrapper .thankyou-container .thankyou-text{color:#444;font-size:1rem;line-height:1.6;margin-bottom:2rem}.thankyou-wrapper .thankyou-container .thankyou-loading{font-size:.95rem;color:#666;margin-bottom:2rem}.thankyou-wrapper .thankyou-container .thankyou-meta{background:#f8f9fa;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:2rem;font-size:.95rem;text-align:left}.thankyou-wrapper .thankyou-container .thankyou-meta ul{margin-top:.5rem;padding-left:1.25rem}.thankyou-wrapper .thankyou-container .thankyou-meta ul li{list-style:disc;margin-bottom:.4rem;color:#444}.thankyou-wrapper .thankyou-container .thankyou-meta code{background:#eef1f4;padding:.25rem .5rem;border-radius:.4rem;font-family:monospace;font-size:.9rem;color:#333}.thankyou-wrapper .thankyou-container .thankyou-meta p{margin:.4rem 0}.thankyou-wrapper .thankyou-container .thankyou-actions{display:flex;flex-direction:column;gap:1rem}.thankyou-wrapper .thankyou-container .thankyou-actions .btn-home,.thankyou-wrapper .thankyou-container .thankyou-actions .btn-orders{display:block;padding:.75rem 1.5rem;border-radius:.6rem;text-decoration:none;font-weight:700;transition:all .2s ease}.thankyou-wrapper .thankyou-container .thankyou-actions .btn-home{background-color:#38b000;color:#fff}.thankyou-wrapper .thankyou-container .thankyou-actions .btn-home:hover{background-color:#2d8e00}.thankyou-wrapper .thankyou-container .thankyou-actions .btn-orders{background-color:#06c;color:#fff}.thankyou-wrapper .thankyou-container .thankyou-actions .btn-orders:hover{background-color:#004a99}@keyframes fadeIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.thankyou-container{padding:2rem 1.2rem}.thankyou-container h1{font-size:1.5rem}.thankyou-container .thankyou-text{font-size:.95rem}.thankyou-container .thankyou-icon{font-size:3rem}}@media (max-width: 768px){.thankyou-wrapper{padding:1rem}.thankyou-wrapper .thankyou-container{max-width:90%;padding:2rem}}.admin-product-list{padding:2rem;max-width:1200px;margin:1.5rem auto;background-color:var(--putih);border-radius:8px;box-shadow:0 4px 12px #00000014;color:var(--hitam)}.admin-product-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--abu-abu-gelap)}.admin-product-list__header h1{margin:0;color:var(--hitam);font-size:1.8rem}.admin-product-list__add-button{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease;background-color:var(--merah);color:var(--putih);padding:1rem 1.5rem;font-size:1rem}.admin-product-list__add-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-product-list__add-button:active{transform:translateY(0)}.admin-product-list__add-button:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.admin-product-list__filters{display:flex;gap:1rem;margin-bottom:1.5rem}.admin-product-list__filters input[type=text],.admin-product-list__filters select{flex:1;width:100%;padding:.625rem 1rem;border:1px solid var(--abu-abu-gelap);border-radius:.375rem;font-size:.95rem;color:var(--hitam);background-color:var(--input-bg);transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5}.admin-product-list__filters input[type=text]:focus,.admin-product-list__filters select:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 .2rem rgba(var(--merah),.25)}.admin-product-list__loading,.admin-product-list__no-products{text-align:center;padding:2rem;color:var(--hitam);font-style:italic}.admin-product-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.admin-product-list .admin-product-card{border:1px solid var(--abu-abu-gelap);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;background-color:var(--putih)}.admin-product-list .admin-product-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001f}.admin-product-list .admin-product-card__image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--abu-abu-gelap)}.admin-product-list .admin-product-card__details{padding:1rem;flex-grow:1}.admin-product-list .admin-product-card__name{font-size:1.25rem;color:var(--merah);margin-top:0;margin-bottom:.5rem}.admin-product-list .admin-product-card__category,.admin-product-list .admin-product-card__price{font-size:.9rem;color:var(--hitam);margin-bottom:.5rem}.admin-product-list .admin-product-card__price{font-weight:600;color:var(--hitam)}.admin-product-list .admin-product-card__actions{display:flex;justify-content:space-around;padding:1rem;border-top:1px solid var(--abu-abu-gelap);background-color:var(--abu)}.admin-product-list .admin-product-card__button{flex:1;margin:.5rem;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease;background-color:var(--abu);color:var(--hitam)}.admin-product-list .admin-product-card__button:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-product-list .admin-product-card__button:active{transform:translateY(0)}.admin-product-list .admin-product-card__button:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.admin-product-list .admin-product-card__button--edit,.admin-product-list .admin-product-card__button--delete{background-color:var(--merah)}.admin-product-list__pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.admin-product-list__pagination-button{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease;background-color:var(--abu);color:var(--hitam);min-width:40px;padding:.5rem;font-size:.9rem}.admin-product-list__pagination-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-product-list__pagination-button:active{transform:translateY(0)}.admin-product-list__pagination-button:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.admin-product-list__pagination-button--active{background-color:var(--merah);color:var(--putih);pointer-events:none}--- .add-product-container{padding:2rem;max-width:900px;margin:1.5rem auto;background-color:var(--putih);border-radius:8px;box-shadow:0 4px 12px #00000014;color:var(--hitam)}--- .add-product-container h1{text-align:center;margin-bottom:3rem;color:var(--merah);font-size:2.2rem;font-weight:700}--- .add-product-container .error-display{text-align:center;padding:1rem;color:var(--merah);background-color:rgba(var(--merah),.1);border:1px solid var(--merah);border-radius:4px;margin-bottom:1.5rem}--- .add-product-container .add-product-form{display:flex;flex-direction:column;gap:1.5rem}--- .add-product-container .add-product-form .form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){--- .add-product-container .add-product-form .form-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"name price" "stock image" "shopee status" "category ." "description description"}}--- .add-product-container .add-product-form .form-group{display:flex;flex-direction:column;gap:.5rem}--- .add-product-container .add-product-form .form-group label{font-weight:600;color:var(--hitam);font-size:1rem;margin-bottom:.25rem}--- .add-product-container .add-product-form .form-group .required-star{color:var(--merah);margin-left:.25rem}--- .add-product-container .add-product-form .form-group input[type=text],--- .add-product-container .add-product-form .form-group input[type=number],--- .add-product-container .add-product-form .form-group select{width:100%;padding:.625rem 1rem;border:1px solid var(--abu-abu-gelap);border-radius:.375rem;font-size:.95rem;color:var(--hitam);background-color:var(--input-bg);transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5}--- .add-product-container .add-product-form .form-group input[type=text]:focus,--- .add-product-container .add-product-form .form-group input[type=number]:focus,--- .add-product-container .add-product-form .form-group select:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 .2rem rgba(var(--merah),.25)}--- .add-product-container .add-product-form .form-group textarea{width:100%;padding:.625rem 1rem;border:1px solid var(--abu-abu-gelap);border-radius:.375rem;font-size:.95rem;color:var(--hitam);background-color:var(--input-bg);transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5;min-height:120px;resize:vertical}--- .add-product-container .add-product-form .form-group textarea:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 .2rem rgba(var(--merah),.25)}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--name{grid-area:name}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--price{grid-area:price}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--stock{grid-area:stock}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--image{grid-area:image}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--shopee{grid-area:shopee}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--status{grid-area:status}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--category{grid-area:category}}@media (min-width: 768px){--- .add-product-container .add-product-form .form-group--description{grid-area:description}}--- .add-product-container .add-product-form .form-group input[type=file]{width:100%;padding:.625rem 1rem;border:1px solid var(--abu-abu-gelap);border-radius:.375rem;font-size:.95rem;color:var(--hitam);background-color:var(--input-bg);transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5;cursor:pointer;padding:.5rem}--- .add-product-container .add-product-form .form-group input[type=file]:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 .2rem rgba(var(--merah),.25)}--- .add-product-container .add-product-form .form-group input[type=file]:hover{border-color:var(--merah)}--- .add-product-container .add-product-form .form-group .image-preview{margin-top:1rem;text-align:center;background-color:var(--abu);padding:1rem;border-radius:4px}--- .add-product-container .add-product-form .form-group .image-preview .product-image-preview{max-width:250px;height:auto;border-radius:4px;border:1px solid var(--abu-abu-gelap);box-shadow:0 2px 8px #0000001a}--- .add-product-container .add-product-form .message{text-align:center;padding:1rem;border-radius:4px;font-weight:500;margin-top:1rem}--- .add-product-container .add-product-form .message--error{color:var(--merah);background-color:rgba(var(--merah),.1);border:1px solid var(--merah)}--- .add-product-container .add-product-form .message--success{color:var(--hijau);background-color:rgba(var(--hijau),.1);border:1px solid var(--hijau)}--- .add-product-container .add-product-form button[type=submit]{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease;background-color:var(--merah);color:var(--putih);padding:1rem 1.5rem;font-size:1.1rem;width:100%;max-width:300px;margin:2rem auto 1rem}--- .add-product-container .add-product-form button[type=submit]:hover{filter:brightness(1.1);transform:translateY(-1px)}--- .add-product-container .add-product-form button[type=submit]:active{transform:translateY(0)}--- .add-product-container .add-product-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.admin-category-container{max-width:820px;margin:34px auto;background:var(--putih);border-radius:14px;box-shadow:0 4px 18px #23222b11;padding:30px 28px 34px}.admin-category-container .header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-category-container .header-bar h1{font-size:2rem;font-weight:700;color:var(--merah);letter-spacing:1px}.admin-category-container .header-bar .btn-primary{background:var(--merah);color:#fff;border:none;border-radius:7px;padding:8px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s}.admin-category-container .header-bar .btn-primary:hover{background:#d02a3c}.admin-category-container .category-table-wrap{overflow-x:auto}.admin-category-container .category-table{width:100%;border-collapse:collapse;margin-bottom:8px}.admin-category-container .category-table th,.admin-category-container .category-table td{padding:11px 8px;text-align:center}.admin-category-container .category-table th{background:var(--abu2);font-weight:700}.admin-category-container .category-table tr:nth-child(2n) td{background:var(--abu)}.admin-category-container .category-table tr{transition:background .13s}.admin-category-container .category-table .img-thumb{width:66px;height:38px;object-fit:cover;border-radius:6px;border:1px solid var(--abu-abu-gelap);background:#eee}.admin-category-container .category-table .btn-action{padding:6px 14px;border-radius:6px;font-weight:600;border:none;cursor:pointer;margin:0 3px}.admin-category-container .category-table .btn-action.edit{background:var(--oren);color:#fff}.admin-category-container .category-table .btn-action.delete{background:var(--merah);color:#fff}.admin-category-container .category-table .btn-action:hover{opacity:.87}.category-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1401;background:#2828282e;display:flex;align-items:center;justify-content:center}.category-modal{background:var(--putih);padding:36px 36px 28px;border-radius:13px;min-width:340px;box-shadow:0 8px 32px #23222b29;position:relative;z-index:1410}.category-modal h2{font-size:1.32rem;color:var(--merah);margin-bottom:18px;text-align:center}.category-modal form{display:flex;flex-direction:column;gap:13px}.category-modal form label{display:flex;flex-direction:column;text-align:left;font-weight:600;color:#23222b;font-size:.97rem;margin-bottom:2px}.category-modal form label input{margin-top:5px;padding:9px 12px;border-radius:7px;border:1px solid #ddd;font-size:1rem;background:#f9f9fc;transition:border .17s}.category-modal form label input:focus{border:1.3px solid var(--merah);outline:none;background:#fff}.category-modal form .form-buttons{display:flex;gap:11px;justify-content:flex-end;margin-top:8px}.category-modal form .form-buttons .btn-primary{background:var(--hijau);color:#fff;border:none;border-radius:7px;padding:8px 20px;font-size:1rem;font-weight:600;cursor:pointer}.category-modal form .form-buttons .btn-primary:hover{background:#319956}.category-modal form .form-buttons .btn-cancel{background:#eee;color:#444;border:none;border-radius:7px;padding:8px 15px;font-size:1rem;cursor:pointer}.category-modal form .form-buttons .btn-cancel:hover{background:#e6e6e6}.drag-drop-upload{border:2px dashed var(--abu-abu-gelap, #d9d9d9);border-radius:9px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:14px;background:#fafcff;transition:border-color .18s;margin-top:6px;margin-bottom:8px}.drag-drop-upload:hover{border-color:var(--merah, #f7374f);background:#f7f8fc}.drag-drop-upload .drag-drop-placeholder{display:flex;flex-direction:column;align-items:center;color:#888;font-size:.97rem}.drag-drop-upload .img-preview{margin-bottom:6px;max-width:120px;max-height:90px;border-radius:8px}@media (max-width: 600px){.admin-category-container{padding:10px 2px}.admin-category-container .header-bar h1{font-size:1.12rem}.admin-category-container .category-modal{padding:17px 7px 12px}.admin-category-container .category-table th,.admin-category-container .category-table td{padding:7px 3px}}:root{--hitam: #000000;--merah: #f7374f;--putih: #ffffff;--abu-abu: #f5f5f5;--abu-abu-gelap: #d9d9d9}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:var(--abu-abu)}*{box-sizing:border-box}.admin-container{display:flex;height:100svh;width:100%}.sidebar{width:200px;height:100%;background-color:var(--hitam);padding:20px;transition:.3s;color:var(--putih);display:flex;flex-direction:column;gap:2rem;overflow-x:hidden}.sidebar.closed{width:0px;transition:.3s;padding-inline:0}.sidebar .logo{font-size:1.8rem;font-weight:700;text-align:center}.sidebar ul{list-style-type:none;padding:0}.sidebar li{margin-bottom:20px}.sidebar li a{text-decoration:none;font-size:1.1rem;font-weight:600;transition:color .3s;text-wrap:nowrap}.sidebar li a:hover{color:var(--merah)}.sidebar .logout-btn{margin-top:auto;padding:10px;background-color:var(--merah);color:var(--putih);text-align:center;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.admin-navbar{background-color:var(--hitam);color:var(--putih);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;transition:padding-left .3s ease-in-out}.admin-navbar .logo{font-size:1.6rem;font-weight:700}.admin-navbar .logout-btn{color:var(--putih);text-decoration:none;font-weight:700;cursor:pointer}.admin-navbar .logout-btn:hover{color:var(--merah)}.admin-content{flex:1;transition:.3s}.btn-auth{color:var(--putih);cursor:pointer;transition:.3s}.btn-auth:hover{color:var(--merah)}.btn{display:flex;text-decoration:none;justify-content:center;align-items:center;background-color:transparent;padding:10px 20px;font-size:16px;cursor:pointer;transition:all .3s ease;letter-spacing:.3em}.btn.kotak{border:1px solid var(--putih)}.btn.kotak:hover{border:1px solid var(--merah);color:var(--merah);background-color:var(--putih)}.product-list{padding:20px;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - 225px);margin:0 auto}.product-list .top-actions{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:20px}.product-list .top-actions h1{font-size:2rem;color:var(--hitam)}.product-list .top-actions .add-product-btn{padding:10px 20px;background-color:var(--merah);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.product-list .top-actions .add-product-btn:hover{background-color:var(--merah)}.product-list .search-bar{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none}.product-list .search-bar:focus{border-color:var(--merah)}.product-list .category-filter{margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none;padding:10px;width:100%;max-width:100px}.product-list .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;padding:10px;box-sizing:border-box}.product-list .products .product-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px;text-align:center}.product-list .products .product-item .product-image{width:100%;height:200px;object-fit:cover;border-radius:5px}.product-list .products .product-item h3{font-size:1.2rem;color:var(--hitam);margin-top:10px}.product-list .products .product-item .price{font-size:1rem;color:var(--merah);margin-top:5px}.product-list .products .product-item .product-actions{margin-top:15px}.product-list .products .product-item .product-actions .edit-button,.product-list .products .product-item .product-actions .delete-button{padding:8px 15px;font-size:1rem;cursor:pointer;border-radius:5px;border:none;margin-right:10px;transition:background-color .3s ease}.product-list .products .product-item .product-actions .edit-button:hover,.product-list .products .product-item .product-actions .delete-button:hover{background-color:#f1f1f1}.product-list .products .product-item .product-actions .edit-button{background-color:var(--merah);color:#fff}.product-list .products .product-item .product-actions .delete-button{background-color:#ff5c5c;color:#fff}.product-list .pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.product-list .pagination .page-button{padding:10px 15px;background-color:transparent;border:1px solid var(--hitam);border-radius:5px;cursor:pointer;font-size:1rem;color:var(--hitam);transition:background-color .3s ease}.product-list .pagination .page-button:hover,.product-list .pagination .page-button.active{background-color:var(--merah);color:#fff}.add-product-container{max-width:800px;margin:0 auto;padding:2rem;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 20px #0000001a}.add-product-container h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.add-product-container .add-product-form{display:flex;flex-direction:column;gap:1rem}.add-product-container .add-product-form .form-group{display:flex;flex-direction:column;gap:.5rem}.add-product-container .add-product-form .form-group label{font-weight:700}.add-product-container .add-product-form .form-group input,.add-product-container .add-product-form .form-group select,.add-product-container .add-product-form .form-group textarea{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;outline:none;transition:border .3s}.add-product-container .add-product-form .form-group input:focus,.add-product-container .add-product-form .form-group select:focus,.add-product-container .add-product-form .form-group textarea:focus{border-color:var(--merah)}.add-product-container .add-product-form .form-group textarea{resize:vertical;min-height:100px}.add-product-container .add-product-form .message{color:red;font-size:.9rem;margin-top:1rem;text-align:center}.add-product-container .add-product-form button{padding:1rem;background-color:var(--merah);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.add-product-container .add-product-form button:hover{background-color:#d9534f}.add-product-container .add-product-form button:disabled{background-color:#ccc;cursor:not-allowed}:root{--primary: #f7374f;--primary-dark: #88304e;--accent: #bb3e00;--success: #52b86a;--bg-light: #f8f9fa;--bg-dark: #23222b;--text-dark: #232323;--text-light: #fff;--border: #e6e6e6;--table-header: #f6f7fb;--modal-bg: #fff;--modal-bg-dark: #23222b}body.dark-mode,html[data-theme=dark]{--modal-bg: var(--bg-dark);--text-dark: var(--text-light);--border: #34344a;--table-header: #292836}.benner-admin{max-width:900px;margin:40px auto;padding:32px 12px;background:#fff;border-radius:22px;box-shadow:0 4px 32px #e9e9e9}.benner-admin .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.benner-admin .header h2{font-size:2.3rem;color:#f7374f;font-weight:800;letter-spacing:-1px}.benner-admin .header .add-btn{background:#f7374f;color:#fff;font-weight:600;padding:13px 30px;border-radius:13px;font-size:1.07rem;border:none;cursor:pointer;box-shadow:0 1px 8px #fc5c7740;transition:background .2s}.benner-admin .header .add-btn:hover{background:#bb3e00}.benner-admin .table-wrap{overflow-x:auto;border-radius:14px;background:#fafcff;box-shadow:0 2px 14px #f7f7f7;margin-bottom:32px;padding:14px 0}.benner-admin .table-wrap table{width:100%;border-collapse:collapse}.benner-admin .table-wrap table th,.benner-admin .table-wrap table td{padding:12px 17px}.benner-admin .table-wrap table th{background:#f6f7fb;color:#f7374f;font-size:1.05rem;font-weight:700;border-bottom:2px solid rgba(247,55,79,.0705882353);text-align:left;letter-spacing:.03em}.benner-admin .table-wrap table td{border-bottom:1px solid #ececec;vertical-align:middle;font-size:1rem;color:#272727;background:#fff}.benner-admin .table-wrap table tr:last-child td{border-bottom:none}.benner-admin .table-wrap table img{border-radius:7px;width:90px;height:54px;object-fit:cover;border:1.5px solid #f6f7fb;background:#f6f7fb}.benner-admin .table-wrap .aksi-btns{display:flex;gap:10px;justify-content:center}.benner-admin .table-wrap .aksi-btns .edit-btn,.benner-admin .table-wrap .aksi-btns .del-btn{padding:7px 19px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 1px 5px #f7bcbc11;transition:background .14s}.benner-admin .table-wrap .aksi-btns .edit-btn{background:#bb3e00}.benner-admin .table-wrap .aksi-btns .edit-btn:hover,.benner-admin .table-wrap .aksi-btns .del-btn{background:#f7374f}.benner-admin .table-wrap .aksi-btns .del-btn:hover{background:#bb3e00}.benner-admin .table-wrap .active-label{color:#52b86a;font-weight:700;font-size:1.07em}.benner-admin .benner-modal__backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;background:#1919215e;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);animation:fadein-bg .18s}@keyframes fadein-bg{0%{opacity:0}to{opacity:1}}.benner-admin .benner-modal{background:var(--modal-bg);color:var(--text-dark);min-width:350px;max-width:430px;border-radius:18px;box-shadow:0 4px 28px #0f0f1220;padding:28px 26px 24px;position:relative;animation:modal-zoom .24s cubic-bezier(.68,-.55,.27,1.55)}@keyframes modal-zoom{0%{opacity:0;transform:translateY(60px) scale(.97)}to{opacity:1;transform:none}}.benner-admin .benner-modal h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:18px}.benner-admin .benner-modal .close-btn{position:absolute;top:8px;right:17px;font-size:2rem;color:var(--primary);background:none;border:none;cursor:pointer;font-weight:800;line-height:1;opacity:.87}.benner-admin .benner-modal .close-btn:hover{color:var(--primary-dark)}.benner-admin .benner-modal .form-row{margin-bottom:15px}.benner-admin .benner-modal .form-row label{display:block;font-weight:500;margin-bottom:7px}.benner-admin .benner-modal .form-row input,.benner-admin .benner-modal .form-row select{border:1.5px solid var(--border);padding:9px 14px;font-size:1rem;border-radius:7px;background:var(--table-header);color:var(--text-dark);outline:none;width:100%;margin-bottom:0}.benner-admin .benner-modal .form-row input:focus,.benner-admin .benner-modal .form-row select:focus{border-color:var(--primary)}.benner-admin .benner-modal .form-row input[type=file]{padding:3px 0}.benner-admin .benner-modal .form-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.benner-admin .benner-modal .form-row .preview-label{color:var(--accent);font-size:.93em;margin-bottom:2px;font-weight:600}.benner-admin .benner-modal .form-row .preview{margin:8px 0 4px;border-radius:7px;background:#f7f7fa;min-height:38px;display:flex;align-items:center;justify-content:center}.benner-admin .benner-modal .form-row .preview img,.benner-admin .benner-modal .form-row .preview video,.benner-admin .benner-modal .form-row .preview iframe{border-radius:6px;max-height:148px;width:100%;object-fit:contain}.benner-admin .benner-modal .modal-btn-row{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.benner-admin .benner-modal .modal-btn-row button{padding:9px 26px;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .14s}.benner-admin .benner-modal .modal-btn-row .batal-btn{background:#ededed;color:#262727}.benner-admin .benner-modal .modal-btn-row .batal-btn:hover{background:#dadada}.benner-admin .benner-modal .modal-btn-row .submit-btn{background:var(--primary);color:#fff}.benner-admin .benner-modal .modal-btn-row .submit-btn:hover{background:var(--primary-dark)}@media (max-width: 540px){.benner-admin{padding:11px 2vw}.benner-admin .header h2{font-size:24px}.benner-admin .add-btn{padding:9px 14px;font-size:.98rem}.benner-admin .benner-modal{min-width:92vw;max-width:98vw;padding:12px 4vw 14px}.benner-admin table th,.benner-admin table td{padding:7px 3px!important;font-size:.97rem!important}.benner-admin .aksi-btns button{padding:6px 10px;font-size:.95rem}.benner-admin .preview{min-height:80px}}