@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-border-style:solid;--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-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-font-weight: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-red-500:#fb2c36;--color-sky-500:#00a5ef;--color-blue-100:#dbeafe;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--font-weight-medium:500;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17474)}}}@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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.\!absolute{position:absolute!important}.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.row-2{grid-row: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}}.\!m-10{margin:calc(var(--spacing)*10)!important}.mt-15{margin-top:calc(var(--spacing)*15)}.\!block{display:block!important}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.\!h-1\.5{height:calc(var(--spacing)*1.5)!important}.\!h-4{height:calc(var(--spacing)*4)!important}.\!h-9{height:calc(var(--spacing)*9)!important}.\!h-full{height:100%!important}.\!w-4{width:calc(var(--spacing)*4)!important}.\!w-full{width:100%!important}.w-full{width:100%}.\!grow{flex-grow:1!important}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.\!touch-none{touch-action:none!important}.\!items-center{align-items:center!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\!overflow-hidden{overflow:hidden!important}.\!rounded-full{border-radius:3.40282e38px!important}.\!rounded-md{border-radius:calc(var(--radius) - 2px)!important}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.\!border-gray-300{border-color:var(--color-gray-300)!important}.\!border-input{border-color:var(--input)!important}.\!border-primary\/50{border-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.\!border-primary\/50{border-color:color-mix(in oklab,var(--primary)50%,transparent)!important}}.\!border-red-500{border-color:var(--color-red-500)!important}.\!bg-background{background-color:var(--background)!important}.\!bg-blue-100{background-color:var(--color-blue-100)!important}.\!bg-primary,.\!bg-primary\/20{background-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.\!bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)!important}}.\!bg-transparent{background-color:#0000!important}.\!bg-white{background-color:var(--color-white)!important}.\!p-10{padding:calc(var(--spacing)*10)!important}.\!px-3{padding-inline:calc(var(--spacing)*3)!important}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.\!py-2{padding-block:calc(var(--spacing)*2)!important}.\!py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.\!pr-10{padding-right:calc(var(--spacing)*10)!important}.text-center{text-align:center}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.\!shadow,.\!shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.\!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!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.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,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\!select-none{-webkit-user-select:none!important;user-select:none!important}.file\:\!border-0::file-selector-button{border-style:var(--tw-border-style)!important;border-width:0!important}.file\:\!bg-transparent::file-selector-button{background-color:#0000!important}.file\:\!text-sm::file-selector-button{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.file\:\!font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.file\:\!text-foreground::file-selector-button{color:var(--foreground)!important}.placeholder\:\!text-gray-400::placeholder{color:var(--color-gray-400)!important}.placeholder\:\!text-muted-foreground::placeholder{color:var(--muted-foreground)!important}.focus\:\!ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\:\!ring-sky-500:focus{--tw-ring-color:var(--color-sky-500)!important}.focus\:\!outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}.focus-visible\:\!ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus-visible\:\!ring-ring:focus-visible{--tw-ring-color:var(--ring)!important}.focus-visible\:\!outline-none:focus-visible{--tw-outline-style:none!important;outline-style:none!important}.disabled\:\!cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:\!opacity-50:disabled{opacity:.5!important}@media (min-width:48rem){.md\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}}}*{box-sizing:border-box;margin:0;padding:0}:root{color:#1f2937;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius:.625rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;background-color:#f9fafb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000596046 0);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000596046 0);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000596046 0);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% -.0000596046 0);--input:lab(90.952% -.0000596046 0);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000596046 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% -.0000596046 0);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font-family:inherit}#root{flex-direction:column;min-height:100vh;display:flex}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% -.0000596046 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 0);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 0);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 0);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.7449 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4329 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 0);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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-font-weight{syntax:"*";inherits:false}.header{z-index:1000;background:0 0;transition:box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;position:sticky;top:0}.header-container{background:#f7f7f7;border-radius:12px;justify-content:space-between;align-self:stretch;align-items:center;margin:12px 48px 0;padding:6px 10px;transition:margin .18s,padding .18s,background .18s;display:flex}.logo{text-decoration:none;display:inline-block}.logo-img{width:auto;height:40px;display:block}.nav{gap:2rem;display:flex}.nav-link{color:#374151;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:#3b82f6}.login-btn{background:var(--Colors-Primaryy-600,#0487e3);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow .12s;display:inline-flex;box-shadow:0 6px 12px #0487e32e}.login-btn svg{color:#fff;display:inline-block}.login-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0487e338}.header-actions{align-items:center;gap:1.5rem;display:flex}.cart-icon{color:#374151;transition:color .3s;position:relative}.cart-icon:hover{color:#3b82f6}.cart-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.user-icon{color:#374151;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s;display:flex}.user-icon:hover{color:#3b82f6}.user-name{font-weight:500}.user-dropdown{cursor:pointer;position:relative}.user-info{color:#374151;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;transition:all .3s;display:flex}.user-info .user-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #4ade80;border-radius:50%;width:32px;height:32px}.user-info:hover{color:#3b82f6;background-color:#f3f4f6}.dropdown-menu{z-index:1000;padding-top:.5rem;position:absolute;top:100%;right:0}.dropdown-menu>div{background:#fff;border-radius:8px;min-width:200px;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.logout{color:#ef4444;border-top:1px solid #e5e7eb}.dropdown-item.logout:hover{background-color:#fee2e2}.main-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{background:#fff;flex:1;width:100%;max-width:100vw;margin:0 auto;padding:32px 24px}.footer{color:#fff;text-align:center;background-color:#1f2937;margin-top:auto;padding:2rem}.footer p{margin:0}.admin-layout{background-color:#f3f4f6;min-height:100vh;display:flex}.admin-sidebar{color:#374151;background-color:#fff;border-right:1px solid #eef2f7;flex-direction:column;width:260px;height:100vh;padding-top:20px;display:flex;position:fixed;overflow-y:auto}.sidebar-header{justify-content:flex-start;align-items:center;margin-bottom:8px;padding:.75rem 1.25rem .75rem 16px;display:flex}.sidebar-logo{justify-content:center;align-items:center;width:42px;height:46px;display:inline-flex}.admin-name{display:none}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{color:#6b7280;align-items:center;gap:1rem;margin:6px 10px;padding:.85rem 1rem;text-decoration:none;transition:all .18s;display:flex}.nav-item svg{color:inherit}.nav-item:hover{background:var(--Neutral-03,#f3f4f6);color:#111827;border-radius:12px}.nav-item.active{color:#2a85ff;background:var(--Neutral-03,#efefef);border-radius:12px;box-shadow:inset 0 -2px 1px #0000000d,inset 0 1px 1px #fff}.nav-item span{font-size:.95rem}.logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:1rem;width:calc(100% - 20px);margin:12px 10px 18px;padding:1rem 1.25rem;font-size:.95rem;transition:background .18s;display:flex}.logout-btn:hover{background:#ef44440d}.admin-main{flex-direction:column;flex:1;margin-left:260px;display:flex}.admin-header{background:#fff;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.admin-avatar{color:#111827;background:#e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:inline-flex;overflow:hidden}.admin-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.avatar-initials{line-height:1;display:inline-block}.admin-header h1{color:#1f2937;margin:0;font-size:1.75rem}.back-to-store{color:#fff;background:#3b82f6;border-radius:.375rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s}.back-to-store:hover{background:#2563eb}.admin-content{background:#f4f4f4;flex:1;padding:40px}.breadcrumb-nav{margin-bottom:16px}.breadcrumb-nav .breadcrumb-separator{color:#6b7280;margin:0 8px}.home-page{width:100%}.landing-hero{margin:32px 24px}.landing-hero .landing-row{align-items:flex-start;gap:24px;display:flex}.landing-hero .landing-col{flex:1 1 0}.landing-hero .landing-left{flex-direction:column;align-items:flex-start;padding-left:16px;display:flex}.landing-hero .landing-left .looping-words-wrap{background:linear-gradient(#fff 8.62%,#fff0 43.22%,#f7f7f700 62.99%,#fff 97.59%);justify-content:flex-start;align-items:flex-start;width:100%;height:280px;padding-top:6px;padding-left:12px;display:flex;position:relative;overflow:hidden}.landing-hero .landing-left .looping-words-list{width:100%;height:var(--item-h);justify-content:flex-start;align-items:center;transition:transform .45s cubic-bezier(.2,.9,.2,1),opacity .3s;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.landing-hero .landing-left .looping-words-list.top{opacity:.9;z-index:10;transform:translate(-50%)translateY(-92px)}.landing-hero .landing-left .looping-words-list.center{opacity:1;z-index:20;transform:translate(-50%)translateY(0)}.landing-hero .landing-left .looping-words-list.bottom{opacity:.9;z-index:10;transform:translate(-50%)translateY(92px)}.landing-hero .landing-left .looping-words-p{letter-spacing:-.4px;text-transform:uppercase;color:#848586;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:clamp(36px,7.5vw,80px);font-weight:700;line-height:1;transition:color .25s,transform .45s cubic-bezier(.2,.9,.2,1)}.landing-hero .landing-left .looping-words-list.center .looping-words-p{color:#000;transform:scale(1.02)}.landing-hero .landing-left .looping-words-list.top .looping-words-p{color:#0000;background:linear-gradient(#cfcfcf 0%,#7b7c7d 60%,#4d4e4f 100%);filter:blur(.8px);-webkit-background-clip:text;background-clip:text}.landing-hero .landing-left .looping-words-list.bottom .looping-words-p{color:#0000;background:linear-gradient(#4d4e4f 0%,#7b7c7d 40%,#cfcfcf 100%);filter:blur(.8px);-webkit-background-clip:text;background-clip:text}.landing-hero .landing-left .looping-words-inner{padding:4px 14px;display:inline-block;position:relative}.landing-hero .landing-left .looping-words-corners{pointer-events:none}.landing-hero .landing-left .corner{border-color:#0084ff;width:26px;height:26px;position:absolute}.landing-hero .landing-left .corner.tl{border-top:4px solid #0084ff;border-left:4px solid #0084ff;border-top-left-radius:4px;top:0;left:0}.landing-hero .landing-left .corner.tr{border-top:4px solid #0084ff;border-right:4px solid #0084ff;border-top-right-radius:4px;top:0;right:0}.landing-hero .landing-left .corner.bl{border-bottom:4px solid #0084ff;border-left:4px solid #0084ff;border-bottom-left-radius:4px;bottom:0;left:0}.landing-hero .landing-left .corner.br{border-bottom:4px solid #0084ff;border-right:4px solid #0084ff;border-bottom-right-radius:4px;bottom:0;right:0}.landing-hero .landing-left .looping-words-list.center .corner{box-shadow:0 0 0 2px #0084ff1a}.landing-rows{margin-top:18px}.mini-stats{align-items:flex-start;gap:32px;margin-top:22px;display:flex}.stat-item{flex-direction:column;align-items:flex-start;display:flex}.stat-number{color:#1f2937;font-size:40px;font-weight:800}.stat-label{color:#4b5563;margin-top:4px;font-size:15px}.muted{color:#374151;font-size:20px;font-weight:600px;margin:8px 0}.badge{border-radius:4px;padding:4px 8px;font-weight:600;display:inline-block}.badge.primary{background:var(--Colors-Primaryy-600,#0487e3);color:#fff}.badge.secondary{background:var(--Colors-Secondaryy-600,#ff7f00);color:#fff}.cta-row{align-items:center;gap:12px;margin-top:18px;display:flex}.explore-btn{color:#212529;background:#fff;border:2px solid #212529;border-radius:10px;flex-direction:column;align-items:flex-start;padding:11.494px 22px;font-weight:700;text-decoration:none;display:inline-flex;transform:rotate(-3deg);box-shadow:15px 28px 25px -18px #0003}.story-link{color:#374151;font-size:15px}.featured-products{margin-top:32px;margin-bottom:3rem}.featured-products h2{color:#1f2937;margin-bottom:2rem;font-size:2rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.loading,.error{text-align:center;color:#6b7280;padding:3rem;font-size:1.25rem}.error{color:#ef4444}.journey-section{margin:3.5rem 0}.journey-row{flex-direction:column;align-items:center;gap:12px;display:flex}.journey-col{flex:1 1 0}.journey-left{text-align:center;padding-left:12px}.journey-title{color:var(--Colors-Primaryy-600,#0487e3);letter-spacing:-1.62px;margin:0 0 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:54px;font-style:normal;font-weight:700;line-height:64px}.journey-text{color:#111827;margin:15px 0 8px;font-size:18px}.journey-right{justify-content:center;display:flex}.journey-banner{border-radius:6px;max-width:100%;height:auto;margin:0 auto}.process-section{color:#fff;background:#08a0ff;border-radius:12px;margin:3.5rem 0;padding:28px}.process-section .process-header{align-items:flex-end;gap:18px;display:flex}.process-section .process-header .process-title{margin:0;font-size:40px;font-weight:700}.process-section .process-inline-desc{color:#ffffffe6;letter-spacing:-.48px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.process-section .process-paragraph{color:#ffffffe6;letter-spacing:-.48px;margin:12px 0 20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.process-section .process-row{justify-content:space-between;align-items:flex-start;gap:36px;display:flex}.process-section .process-card{color:#111827;background:0 0;border-radius:12px;flex-direction:column;flex:0 0 calc(33.3333% - 24px);align-items:center;max-width:calc(33.3333% - 24px);display:flex;overflow:visible}.process-section .process-img{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:90%;height:auto;display:block}.process-section .process-card:first-child{margin-bottom:56px}.process-section .process-card:nth-child(2){margin-bottom:14px}.process-section .process-card:nth-child(3){margin-bottom:85px}@media (max-width:1200px){.gifts-row{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:900px){.gifts-row{grid-template-columns:repeat(2,1fr);gap:16px}.fg-title{font-size:40px;line-height:48px}}@media (max-width:600px){.gifts-row{grid-template-columns:1fr}.featured-gifts{padding:0 12px}.fg-title{font-size:32px;line-height:40px}}.gift-card{background:#f5f5f5;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 6px 20px #0000000a}.gift-card .gift-image{background-image:url(/assets/Rectangle-DFiy2rJV.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:40px;justify-content:center;align-items:center;height:234px;margin:8px;display:flex}.gift-card .gift-image .gift-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:169px;height:169px;display:block}.gift-card .gift-body{flex-direction:column;gap:6px;padding:16px;display:flex}.gift-card .gift-title{font-weight:600;font-style:Semi Bold;letter-spacing:-2%;margin:0;font-size:24px;line-height:1.1;display:block}.gift-card .gift-rating{align-items:center;gap:6px;display:flex}.gift-card .gift-rating .star-icon{width:16px;height:16px}.gift-card .gift-rating .rating-count{color:#777}.gift-card .gift-journey{flex-direction:row;gap:8px;display:flex}.gift-card .gift-journey .journey-progress{width:62%;margin-top:6px}.gift-card .gift-journey .journey-progress .progress-bar{background:#d9d9d9;border-radius:20px;width:100%;height:9px;overflow:hidden}.gift-card .gift-journey .journey-progress .progress-bar .progress-fill{background:#1fc16b;border-radius:20px;width:0%;height:100%}.gift-card .gift-meta{justify-content:space-between;align-items:center;display:flex}.gift-card .gift-meta .contrib{color:#ff7f00;font-weight:600}.gift-card .gift-meta .price{color:#0b6;font-size:18px;font-weight:700}.gift-card .btn-cart[disabled]{opacity:.6;cursor:default}.gift-card .journey-label{font-size:12px}.gift-card .fly-img{color:#666;border-radius:8px;box-shadow:0 8px 20px #0000001f}.gift-card .progress-text{color:#666;margin:0;font-size:12px;line-height:1.1;display:block}.gift-card .gift-actions{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.gift-card .btn-detail{cursor:pointer;letter-spacing:-2%;vertical-align:middle;background:0 0;border:1px solid;border-radius:100px;width:80%;padding:12px;font-size:18px;font-weight:600;line-height:32px}.gift-card .cart-btn-icon{cursor:pointer;width:52px;height:52px}.featured-gifts{margin:3.5rem 0;padding:0 20px}.featured-gifts-header{margin-bottom:18px}.fg-title{color:var(--Colors-Primaryy-600,#0487e3);letter-spacing:-1.62px;margin:0 0 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:54px;font-weight:700;line-height:64px}.fg-sub,.fg-sub-small{color:#374151;margin:6px 0;font-size:16px}.gifts-row{grid-template-columns:repeat(4,1fr);gap:24px;margin:0 auto;display:grid}.gifts-loading,.gifts-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:3rem 2rem;font-size:16px}@media (max-width:1200px){.gifts-row{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:900px){.gifts-row{grid-template-columns:repeat(2,1fr);gap:16px}.fg-title{font-size:40px;line-height:48px}}@media (max-width:600px){.gifts-row{grid-template-columns:1fr}.featured-gifts{padding:0 12px}.fg-title{font-size:32px;line-height:40px}}.pagination{justify-content:center;align-items:center;gap:8px;margin:24px 0;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #e6e6e6;border-radius:6px;padding:6px 10px;font-size:14px}.page-btn[disabled]{opacity:.5;cursor:default}.page-btn.active{color:#fff;background:linear-gradient(90deg,#ffd1a8,#ff9cc2);border-color:#0000}.dots{color:#999;padding:0 6px}.notfound-page{justify-content:center;align-items:center;padding:60px 20px;display:flex}.notfound-card{text-align:center;background:#fff;border-radius:12px;max-width:520px;padding:36px 28px;box-shadow:0 6px 20px #0000000f}.notfound-card h1{margin:0 0 8px;font-size:64px}.notfound-card .msg{color:#666;margin-bottom:18px}.btn-home{color:#fff;background:linear-gradient(90deg,#ffd1a8,#ff9cc2);border-radius:8px;padding:10px 18px;text-decoration:none;display:inline-block}.gift-filters{width:280px}.gift-filters .filters-card{background:#fff;border-radius:10px;padding:18px;overflow:visible;box-shadow:0 8px 24px #0d263b0f}.gift-filters .filters-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gift-filters .filters-title{margin:0;font-size:18px}.gift-filters .reset-inline{color:#2b6cb0;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px}.gift-filters .filter-section{flex-direction:column;align-items:stretch;margin-bottom:14px;display:flex}.gift-filters .divider{background:#f0f0f0;height:1px;margin:10px 0}.gift-filters .filter-label{color:#666;margin-bottom:8px;font-size:13px;display:block}.gift-filters .price-values{color:#475569;justify-content:space-between;align-items:center;width:100%;margin:6px 0 8px;font-size:13px;display:flex}.gift-filters .range-wrap{width:100%;height:36px;margin:0 0 6px;padding-bottom:12px;display:block;position:relative;overflow:visible}.gift-filters .range-wrap input[type=range]{appearance:none;background:#070617;border-radius:999px;outline:none;width:100%;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.gift-filters .range-wrap input[type=range]:first-of-type{z-index:6}.gift-filters .range-wrap input[type=range]:last-of-type{z-index:7}.gift-filters .range-wrap input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:22px;height:22px;margin-top:0;box-shadow:0 4px 14px #02061766}.gift-filters .range-wrap input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 14px #02061766}.gift-filters .range-wrap input[type=range]::-moz-range-track{background:#070617;border-radius:999px;height:12px}.gift-filters .quick-prices{flex-direction:column;gap:8px;width:100%;margin-top:6px;display:flex}.gift-filters .quick-row{gap:8px;width:100%;display:flex}.gift-filters .quick-row button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #eef2ff;border-radius:8px;flex:50%;min-width:0;padding:8px 10px;font-size:13px}.gift-filters .quick-row button:hover{background:#f8fafc}.gift-filters .categories{flex-direction:column;gap:8px;display:flex}.gift-filters .cat-row{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.gift-filters .cat-row input[type=checkbox]{width:16px;height:16px}.gift-filters .cat-name{flex:1}.gift-filters .cat-count{color:#2b6cb0;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:12px}.gift-filters .filter-actions{justify-content:center;display:flex}.gift-filters .reset-btn{cursor:pointer;background:0 0;border:1px dashed #ccc;border-radius:8px;padding:8px 12px}@media (max-width:992px){.gift-filters{display:none}}.giftboxes-page{padding:24px 20px}.giftboxes-page .giftboxes-header{margin-bottom:18px}.giftboxes-page .giftboxes-header h1{color:#1a1a1a;margin:0 0 6px;font-size:28px}.giftboxes-page .giftboxes-header .subtitle{color:#666;margin:0;font-size:14px}.giftboxes-page .giftboxes-container{align-items:flex-start;gap:20px;display:flex}.giftboxes-page .giftboxes-list{flex:1}.giftboxes-page .giftboxes-list .grid{grid-template-columns:repeat(4,1fr);gap:60px;display:grid}.giftboxes-page .empty-state{justify-content:center;align-items:center;padding:40px 0;display:flex}.giftboxes-page .empty-state .empty-card{text-align:center;background:#fff;border-radius:12px;max-width:560px;padding:28px;box-shadow:0 6px 20px #0000000a}.giftboxes-page .empty-state .empty-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.giftboxes-page .empty-state .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ffd1a8,#ff9cc2);border:none;border-radius:8px;padding:10px 14px}.giftboxes-page .empty-state .btn-ghost{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:10px 14px}@media (max-width:992px){.giftboxes-page .giftboxes-list .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.giftboxes-page .giftboxes-list .grid{grid-template-columns:1fr}}.giftboxes-banner{background-image:var(--giftboxes-banner-url,url(/assets/banner-DyLrQzNJ.png));background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:300px;margin-bottom:18px;padding:32px;overflow:hidden;box-shadow:0 6px 18px #0000000f}.cart-page{background:#f9fafb;min-height:100vh;padding:20px 0}.cart-container{margin:0 auto;padding:0 20px}.cart-header{margin-bottom:24px}.cart-header .back-link{color:#212121;font-weight:500;font-style:Medium;letter-spacing:-.02px;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .2s,transform .12s;display:inline-flex}.cart-header .back-link:hover{color:#3b82f6}.cart-header h1{color:#1f2937;margin:0;font-size:32px;font-weight:700}.cart-content{grid-template-columns:1fr 400px;align-items:start;gap:24px;display:grid}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}}.cart-items-section{border-width:1px;border-radius:12.75px;padding:16px}.cart-items-section .items-header h3{color:#374151;margin:0 0 16px;font-size:18px;font-weight:600}.cart-items-section .items-header .cart-icon{vertical-align:middle;color:#374151;width:18px;height:18px;margin-right:8px;display:inline-block}.cart-items{flex-direction:column;gap:16px;display:flex}.cart-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:120px 1fr auto;align-items:center;gap:20px;padding:20px;transition:box-shadow .2s;display:grid}.cart-item:hover{box-shadow:0 4px 12px #00000014}.cart-item .item-image-wrapper{background-image:url(/assets/Rectangle-DFiy2rJV.png);background-position:50%;background-size:cover;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.cart-item .item-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:86px;height:86px;display:block}.cart-item .item-info{flex:1}.cart-item .item-info .item-description{color:#6b7280;margin:0 0 8px;font-size:14px}.cart-item .item-info .item-row{background-color:#fff;flex-direction:row;justify-content:space-between;display:flex}.cart-item .item-info .item-row .item-name,.cart-item .item-info .item-row .item-price{font-weight:500;font-style:Medium;letter-spacing:-.15px;text-align:right;color:#1f2937;font-size:14px;line-height:21px}.cart-item .item-info .item-row .item-name{font-weight:600}.cart-item .item-info .item-row .quantity-control{gap:7px;display:flex}.cart-item .item-info .item-row .quantity-control .qty-btn{opacity:.5;border-width:1px;border-radius:6.75px;width:28px;height:28px}.cart-item .item-info .item-row .quantity-control .qty-btn:hover{background:#f3f4f6}.cart-item .item-info .item-row .quantity-control .qty-text{opacity:1;text-align:center;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6.75px;justify-content:center;align-items:center;width:56px;height:28px;display:inline-flex}.cart-item .item-info .item-row .remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .2s}.cart-item .item-info .item-row .remove-btn:hover{color:#dc2626;text-decoration:underline}.cart-item .item-info .item-row .remove-btn .trash-icon{vertical-align:middle;width:16px;height:16px;margin-right:6px;display:inline-block}.order-summary-section{position:sticky;top:20px}.voucher-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.voucher-box .voucher-label{color:#374151;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.voucher-box .voucher-input-group{gap:8px;display:flex;position:relative}.voucher-box .voucher-input{border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px}.voucher-box .voucher-input:focus{border-color:#3b82f6}.voucher-box .voucher-input.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.voucher-box .voucher-input.clickable:hover{background:#f9fafb;border-color:#3b82f6}.voucher-box .remove-voucher-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.voucher-box .remove-voucher-btn:hover{background:#dc2626;transform:translateY(-50%)scale(1.1)}.voucher-box .applied-voucher-info{background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;display:flex}.voucher-box .applied-voucher-info .voucher-name{color:#1f2937;font-size:14px;font-weight:600}.voucher-box .applied-voucher-info .voucher-discount{color:#10b981;font-size:14px;font-weight:700}.voucher-box .apply-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .2s}.voucher-box .apply-btn:hover{transform:translateY(-1px)}.summary-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.summary-box .summary-row{color:#6b7280;justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.summary-box .summary-row:first-child{margin-bottom:16px}.summary-box .summary-row:first-child .summary-label{color:#1f2937;font-size:16px;font-weight:600}.summary-box .summary-row .summary-value{color:#1f2937;font-weight:600}.summary-box .summary-row .summary-value.discount,.summary-box .summary-row .summary-value.free{color:#10b981}.summary-box .summary-divider{background:#e5e7eb;height:1px;margin:16px 0}.summary-box .total-row{margin-bottom:20px}.summary-box .total-row .total-label{color:#1f2937;font-size:18px;font-weight:700}.summary-box .total-row .total-value{color:#ef4444;font-size:20px;font-weight:700}.summary-box .checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:transform .2s}.summary-box .checkout-btn:hover{transform:translateY(-2px)}.shipping-options{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.shipping-options .shipping-option{align-items:center;gap:12px;margin-bottom:12px;padding:12px;transition:all .2s;display:flex}.shipping-options .shipping-option:last-child{margin-bottom:0}.shipping-options .shipping-option .option-content{flex:1}.shipping-options .shipping-option .option-content strong{color:#1f2937;margin-bottom:4px;font-size:14px;display:block}.shipping-options .shipping-option .option-content p{color:#6b7280;margin:0;font-size:13px}.shipping-options .shipping-option svg{color:#6b7280;flex-shrink:0;width:20px;height:20px}.empty-cart{text-align:center;background:#fff;border-radius:12px;max-width:600px;margin:40px auto;padding:80px 20px}.empty-cart h2{color:#374151;margin:0 0 12px;font-size:28px;font-weight:700}.empty-cart p{color:#6b7280;margin:0 0 32px;font-size:16px}.empty-cart .btn-continue{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:transform .2s}.empty-cart .btn-continue:hover{transform:translateY(-2px)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:600;transition:transform 80ms,box-shadow .12s,background-color .12s,color .12s;display:inline-flex}.btn--sm,.btn-small{padding:6px 10px;font-size:.85rem}.btn--md,.btn-medium{padding:8px 12px;font-size:.95rem}.btn--lg,.btn-large{padding:10px 16px;font-size:1rem}.btn.btn--icon-only{width:36px;height:36px;box-shadow:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn.btn--icon-only .btn__text{display:none}.btn.btn--icon-only .btn__icon svg{width:18px;height:18px}.btn.btn--icon-only.btn--primary,.btn.btn--icon-only.btn-primary{color:var(--Colors-Primary-600,#0487e3)}.btn.btn--icon-only.btn--danger,.btn.btn--icon-only.btn-danger{color:#ef4444}.btn.btn--icon-only.btn--ghost,.btn.btn--icon-only.btn-secondary{color:var(--Neutral-05,#374151)}.btn.btn--icon-only.btn--neutral{color:var(--Neutral-06,#272b30)}.btn.btn--icon-only.btn--white{color:#111827}.btn--primary,.btn-primary{background:var(--Colors-Primary-600,#0487e3);color:#fff;box-shadow:0 6px 12px #0487e32e}.btn--primary:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0487e338}.btn--danger,.btn-danger{color:#fff;background:#ef4444}.btn--danger:hover,.btn-danger:hover{transform:translateY(-1px)}.btn--ghost,.btn-secondary{color:var(--Neutral-05,#374151);background:0 0;border:1px solid #0f172a0f}.btn--ghost:hover,.btn-secondary:hover{background:#0f172a08}.btn--neutral{color:var(--Neutral-06,#272b30);background:#f3f4f6}.btn.btn--white{color:#000;background:#fff padding-box padding-box;border:1px solid #0206171f;border-radius:8px;box-shadow:0 1px 2px #0206170a}.btn.btn--white:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0206170f}.btn__icon{align-items:center;display:inline-flex}.btn__icon svg{display:block}.btn svg{stroke:currentColor}.btn__icon--left{margin-right:6px}.btn__icon--right{margin-left:6px}.btn__text{display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.voucher-modal{z-index:60;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.voucher-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061780;position:absolute;inset:0}.voucher-modal__panel{z-index:61;background:#fff;border-radius:16px;flex-direction:column;width:600px;max-width:calc(100% - 32px);max-height:calc(100vh - 64px);display:flex;position:relative;box-shadow:0 20px 40px #02061740}.voucher-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.voucher-modal .modal-header .modal-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.voucher-modal .modal-header .modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:32px;line-height:1;transition:all .2s;display:flex}.voucher-modal .modal-header .modal-close:hover{color:#374151;background:#f3f4f6}.voucher-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.voucher-modal .modal-body::-webkit-scrollbar{width:8px}.voucher-modal .modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.voucher-modal .modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.voucher-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.voucher-modal .modal-body .manual-code-section{margin-bottom:20px}.voucher-modal .modal-body .manual-code-section label{color:#374151;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.voucher-modal .modal-body .manual-code-section .manual-code-input-group{gap:8px;display:flex}.voucher-modal .modal-body .manual-code-section .manual-code-input-group input{text-transform:uppercase;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;transition:all .2s}.voucher-modal .modal-body .manual-code-section .manual-code-input-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.voucher-modal .modal-body .manual-code-section .manual-code-input-group input::placeholder{text-transform:none}.voucher-modal .modal-body .manual-code-section .manual-code-input-group .btn-apply-manual{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.voucher-modal .modal-body .manual-code-section .manual-code-input-group .btn-apply-manual:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.voucher-modal .modal-body .manual-code-section .manual-code-input-group .btn-apply-manual:disabled{opacity:.5;cursor:not-allowed}.voucher-modal .modal-body .divider{text-align:center;margin:24px 0;position:relative}.voucher-modal .modal-body .divider:before{content:"";background:#e5e7eb;width:100%;height:1px;position:absolute;top:50%;left:0}.voucher-modal .modal-body .divider span{color:#6b7280;background:#fff;padding:0 16px;font-size:.85rem;font-weight:500;position:relative}.voucher-modal .modal-body .vouchers-list{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.voucher-modal .modal-body .vouchers-list .no-vouchers{text-align:center;color:#6b7280;padding:40px 20px}.voucher-modal .modal-body .vouchers-list .no-vouchers p{margin:0;font-size:.95rem}.voucher-modal .modal-body .vouchers-list .voucher-item{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.voucher-modal .modal-body .vouchers-list .voucher-item:hover:not(.disabled){background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.voucher-modal .modal-body .vouchers-list .voucher-item.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #ef44444d}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info{flex:1;min-width:0}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-name{color:#111827;margin:0 0 4px;font-size:1rem;font-weight:600}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-code{color:#3b82f6;margin:0 0 8px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-description{color:#6b7280;margin:0 0 8px;font-size:.875rem;line-height:1.4}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-conditions{color:#6b7280;flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-conditions span{align-items:center;gap:4px;display:flex}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-conditions span:before{content:"•";color:#3b82f6}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-info .voucher-ineligible{color:#ef4444;margin:8px 0 0;font-size:.8rem;font-weight:500}.voucher-modal .modal-body .vouchers-list .voucher-item .btn-select-voucher{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;flex-shrink:0;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.voucher-modal .modal-body .vouchers-list .voucher-item .btn-select-voucher:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.voucher-modal .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.voucher-modal .modal-footer .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.voucher-modal .modal-footer .btn.btn-secondary{color:#374151;background:#f3f4f6}.voucher-modal .modal-footer .btn.btn-secondary:hover{background:#e5e7eb}@media (max-width:640px){.voucher-modal__panel{width:calc(100% - 32px);max-height:calc(100vh - 32px)}.voucher-modal .modal-header{padding:16px}.voucher-modal .modal-header .modal-title{font-size:1.25rem}.voucher-modal .modal-body{padding:16px}.voucher-modal .modal-body .vouchers-list .voucher-item{flex-direction:column}.voucher-modal .modal-body .vouchers-list .voucher-item .voucher-badge{width:60px;height:60px;font-size:1rem}.voucher-modal .modal-body .vouchers-list .voucher-item .btn-select-voucher{width:100%}}.checkout-page{--color-base-text:#0a0a0a;--color-green-200:#bbf7d0;color:var(--color-base-text);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh;padding:2rem 0}.checkout-page .checkout-container{margin:0 auto;padding:0 1.5rem}.checkout-page .checkout-container .checkout-header .back-link{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;font-size:.9rem;font-weight:500;transition:color .2s;display:inline-flex}.checkout-page .checkout-container .checkout-header .back-link:hover{color:#1d4ed8}.checkout-page .checkout-container .checkout-header h1{color:#111827;margin:0 0 .5rem;font-size:2rem;font-weight:700}.checkout-page .checkout-container .checkout-header .subtitle{color:#6b7280;font-size:.95rem}.checkout-page .checkout-container .checkout-form .checkout-main{grid-template-columns:1fr 400px;gap:2rem;display:grid}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info{flex-direction:column;gap:1.5rem;display:flex}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .divRow{justify-content:space-between;display:flex}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .section-header .section-icon{font-size:1.5rem}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .section-header h3{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group{margin-bottom:1.25rem}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group:last-child{margin-bottom:0}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group input,.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group input:focus,.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group input::-moz-placeholder{color:#9ca3af}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group select::-moz-placeholder{color:#9ca3af}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group input::placeholder,.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-group select::placeholder{color:#9ca3af}.checkout-page .checkout-container .checkout-form .checkout-main .checkout-info .info-section .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;position:sticky;top:2rem}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .section-header .section-icon{font-size:1.5rem}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .section-header h3{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items{max-height:400px}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items::-webkit-scrollbar{width:6px}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item:last-child{margin-bottom:0}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-badge{color:#fff;letter-spacing:.092px;z-index:20;background:#030213;border:1px solid #0000;border-radius:6.75px;justify-content:center;align-items:center;gap:3.5px;width:17.5px;height:17.5px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:10.5px;font-style:normal;font-weight:500;line-height:14px;display:flex;position:absolute;top:-6px;right:-6px}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-image-wrapper{background-image:url(/assets/Rectangle-DFiy2rJV.png);background-position:50%;background-size:cover;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:visible}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-image-wrapper .item-image{-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0;width:46px;height:46px}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-details{flex:1;min-width:0}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-details .item-name{color:#111827;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-details .item-quantity{color:#6b7280;margin:0;font-size:.85rem}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-price{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-price .price-current{color:#6b7280;font-size:1rem}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-items .order-item .item-price .price-total{color:#0a0a0a;font-size:.85rem}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals{border-top:2px solid #f3f4f6;padding:1.5rem 0 0}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row{justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;display:flex}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row span{color:#6b7280}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row .discount-value{font-weight:600}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row .shipping-value{color:#10b981;font-weight:500}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row.final{border-top:2px solid #e5e7eb;margin-top:1rem;padding-top:1rem;font-size:1.125rem}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row.final strong{color:#111827;font-weight:700}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-row.final .total-value{color:#0a0a0a}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .order-totals .total-divider{background:#e5e7eb;height:1px;margin:1rem 0}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:12px;width:100%;margin-top:1.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .checkout-btn:active:not(:disabled){transform:translateY(0)}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section .checkout-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-page .empty-checkout,.checkout-page .loading-checkout{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:500px;margin:3rem auto;padding:3rem 2rem}.checkout-page .empty-checkout h2,.checkout-page .loading-checkout h2{color:#111827;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.checkout-page .empty-checkout p,.checkout-page .loading-checkout p{color:#6b7280;margin:0 0 1.5rem}.checkout-page .empty-checkout .btn-continue,.checkout-page .loading-checkout .btn-continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:10px;padding:.875rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.checkout-page .empty-checkout .btn-continue:hover,.checkout-page .loading-checkout .btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}@media (max-width:968px){.checkout-page .checkout-container .checkout-form .checkout-main{grid-template-columns:1fr}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary{order:-1}.checkout-page .checkout-container .checkout-form .checkout-main .order-summary .summary-section{position:relative;top:0}}.payment-modal{z-index:60;position:fixed;inset:0}.payment-modal__backdrop{background:#02061773;position:absolute;inset:0}.payment-modal__panel{z-index:61;background:#fff;border-radius:12px;width:480px;max-width:calc(100% - 32px);margin:60px auto;padding:24px;position:relative;box-shadow:0 20px 40px #02061740}.payment-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.payment-modal .modal-header .modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.payment-modal .modal-header .modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:all .2s}.payment-modal .modal-header .modal-close:hover{color:#374151;background:#f3f4f6}.payment-modal .modal-body{margin-bottom:24px}.payment-modal .modal-body .payment-methods{flex-direction:column;gap:12px;display:flex}.payment-modal .modal-body .payment-method{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.payment-modal .modal-body .payment-method:hover{background:#f9fafb;border-color:#d1d5db}.payment-modal .modal-body .payment-method.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-modal .modal-body .payment-method__icon{text-align:center;min-width:48px;font-size:2rem}.payment-modal .modal-body .payment-method__info{flex:1}.payment-modal .modal-body .payment-method__info h5{color:#1f2937;margin:0 0 4px;font-size:1rem;font-weight:600}.payment-modal .modal-body .payment-method__info p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.payment-modal .modal-body .payment-method__radio input[type=radio]{accent-color:#3b82f6;width:20px;height:20px}.payment-modal .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.payment-modal .modal-footer .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.payment-modal .modal-footer .btn.btn-secondary{color:#374151;background:#f3f4f6}.payment-modal .modal-footer .btn.btn-secondary:hover{background:#e5e7eb}.payment-modal .modal-footer .btn.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.payment-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.payment-modal .modal-footer .btn.btn-primary:disabled{cursor:not-allowed;background:#d1d5db}@media (max-width:640px){.payment-modal__panel{width:calc(100% - 32px);margin:20px auto;padding:20px}.payment-modal .modal-body .payment-method{padding:12px}.payment-modal .modal-body .payment-method__icon{min-width:36px;font-size:1.5rem}}.payment-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-modal__backdrop{cursor:pointer;background-color:#00000080;position:absolute;inset:0}.payment-modal__panel{z-index:1001;background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header .modal-title{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.modal-header .modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.modal-header .modal-close:hover{color:#374151;background-color:#f3f4f6}.payment-methods{flex-direction:column;gap:1rem;display:flex}.payment-method{cursor:pointer;border:2px solid #e5e7eb;border-radius:.75rem;align-items:center;padding:1rem;transition:all .2s;display:flex}.payment-method:hover{background-color:#f9fafb;border-color:#d1d5db}.payment-method.selected{background-color:#eff6ff;border-color:#3b82f6}.payment-method__icon{flex-shrink:0;margin-right:1rem;font-size:2rem}.payment-method__info{flex:1}.payment-method__info h5{color:#111827;margin:0 0 .25rem;font-size:1rem;font-weight:600}.payment-method__info p{color:#6b7280;margin:0;font-size:.875rem}.payment-method__radio{flex-shrink:0}.payment-method__radio input[type=radio]{cursor:pointer;accent-color:#3b82f6;width:1.25rem;height:1.25rem}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.modal-footer .btn{cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer .btn.btn-secondary{color:#374151;background-color:#fff;border-color:#d1d5db}.modal-footer .btn.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.modal-footer .btn.btn-primary{color:#fff;background-color:#3b82f6}.modal-footer .btn.btn-primary:hover:not(:disabled){background-color:#2563eb}.order-confirmation-page{max-width:900px;margin:0 auto;padding:2rem}.order-confirmation-page.not-found{text-align:center;padding:4rem 2rem}.success-header{text-align:center;margin-bottom:3rem}.success-icon{color:#28a745;width:80px;height:80px;margin-bottom:1rem}.success-header h1{color:#28a745;margin-bottom:.5rem;font-size:2.5rem}.success-header p{color:var(--text-secondary,#666);font-size:1.125rem}.my-orders-page{max-width:1000px;margin:0 auto;padding:2rem}.my-orders-page h1{color:var(--text-color,#333);margin-bottom:2rem;font-size:2rem}.filter-section{background:#fff;border-radius:8px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 2px 4px #0000000d}.filter-section label{color:var(--text-color,#333);font-weight:600}.status-filter{border:2px solid var(--border-color,#ddd);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:1rem}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:4rem 2rem;box-shadow:0 2px 8px #0000001a}.empty-icon{width:80px;height:80px;color:var(--text-secondary,#999);margin-bottom:1rem}.empty-state h2{color:var(--text-color,#333);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary,#666);margin-bottom:2rem}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.order-header{background:var(--background-light,#f8f9fa);border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.order-id-section{flex-direction:column;gap:.25rem;display:flex}.order-label{color:var(--text-secondary,#666);font-size:.875rem}.order-id{color:var(--text-color,#333);font-size:1.125rem;font-weight:700}.order-status{align-items:center;gap:.5rem;display:flex}.status-icon{width:24px;height:24px}.status-icon.pending{color:#ffc107}.status-icon.processing{color:#17a2b8}.status-icon.shipped{color:#007bff}.status-icon.delivered{color:#28a745}.status-icon.cancelled{color:#dc3545}.status-text{font-size:1rem;font-weight:600}.status-text.pending{color:#ffc107}.status-text.processing{color:#17a2b8}.status-text.shipped{color:#007bff}.status-text.delivered{color:#28a745}.status-text.cancelled{color:#dc3545}.order-date{color:var(--text-secondary,#666);background:#fff;padding:1rem 1.5rem;font-size:.875rem}.order-items{flex-direction:column;gap:1rem;display:flex}.order-item{grid-template-columns:60px 1fr auto;align-items:center;gap:1rem;display:grid}.order-item img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:60px;height:60px}.item-info h4{color:var(--text-color,#333);margin-bottom:.25rem;font-size:1rem}.item-info p{color:var(--text-secondary,#666);font-size:.875rem}.item-price{color:var(--primary-color,#007bff);font-weight:600}.order-footer{background:var(--background-light,#f8f9fa);border-top:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.order-total{flex-direction:column;gap:.25rem;display:flex}.total-label{color:var(--text-secondary,#666);font-size:.875rem}.total-amount{color:var(--primary-color,#007bff);font-size:1.5rem;font-weight:700}.loading{text-align:center;color:var(--text-secondary,#666);padding:4rem 2rem;font-size:1.25rem}@media (max-width:768px){.my-orders-page{padding:1rem}.filter-section{flex-direction:column;align-items:stretch}.status-filter{width:100%}.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-footer{flex-direction:column;align-items:stretch;gap:1rem}.order-footer button{width:100%}}.register-container{background:#fff;border:1px solid #0e1e250a;border-radius:16px;grid-template-columns:1fr 1fr;align-items:start;width:100%;max-width:1440px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 14px 40px #0206170f}.register-container .register-left{justify-content:center;align-items:center;margin:104px;display:flex}.register-container .register-left .register-visual{justify-content:center;align-items:center;width:100%;display:flex}.register-container .register-left .visual-img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:16px;flex-shrink:0;width:100%;max-width:616px;max-height:816px}.register-container .register-right{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:104px;padding-right:52px;display:flex}.register-container .register-right .register-logo{justify-content:flex-end;align-items:flex-start;width:100%;margin-top:51px;display:flex}.register-container .register-right .register-logo img{width:187px;height:50px;margin:0}.register-container .register-right .register-card{width:100%;max-width:520px;margin-top:48px;margin-left:0}.login-link,.login-link:visited{color:var(--Colors-Primaryy-600,#0487e3);font-weight:600}.login-link:hover{color:#0376c6}.register-header{text-align:left;margin-bottom:1.25rem}.register-header h1{color:#111827;margin-bottom:.25rem;font-size:1.75rem}.register-header p{color:#666;font-size:1rem}.register-form{flex-direction:column;gap:1.5rem;display:flex}.form-row.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.register-form button[type=submit]{border:none;width:100%;margin-top:.5rem;padding:1rem;font-size:1.063rem;font-weight:600}.register-form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.register-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.register-footer{text-align:center;margin-top:16px}.register-footer p{color:#666}.register-link{color:#667eea;font-weight:600}@media (max-width:900px){.register-container{grid-template-columns:1fr;padding:24px}.register-left,.register-right{padding:16px}.visual-img{max-width:420px}.form-row.two-col{grid-template-columns:1fr}}.login-container{background:#fff;border:1px solid #0e1e250a;border-radius:16px;grid-template-columns:1fr 1fr;align-items:start;width:100%;max-width:1440px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 14px 40px #0206170f}.login-container .login-left{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.login-container .login-left .login-logo img{width:187px;height:50px;margin-top:68px;margin-left:62px}.login-container .login-left .login-card{width:100%;max-width:520px;margin-top:43px;margin-left:104px;margin-right:0}.login-container .login-right{justify-content:center;align-items:center;margin:104px;display:flex}.login-container .login-right .login-visual{justify-content:center;align-items:center;width:100%;display:flex}.login-container .login-right .visual-img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:16px;flex-shrink:0;width:100%;max-width:616px;max-height:816px}.login-header{text-align:left;margin-bottom:1.25rem}.login-header h1{color:#111827;margin-bottom:.25rem;font-size:1.75rem}.login-header p{color:#666;font-size:1rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex;position:relative}.form-group label{color:#333;z-index:2;background:#fff;padding:0 6px;font-size:.875rem;font-weight:600;position:absolute;top:-12px;left:12px}.form-group input{border:2px solid #e1e8ed;border-radius:8px;padding:1.25rem .875rem .75rem;font-size:1rem;line-height:1.2;transition:all .2s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-options{justify-content:space-between;margin-top:-.5rem;display:flex}.forgot-password{color:#ff8682;font-size:.875rem;font-weight:500}.forgot-password:hover{color:#764ba2;text-decoration:underline}.login-form button[type=submit]{border:none;width:100%;margin-top:.5rem;padding:1rem;font-size:1.063rem;font-weight:600}.login-form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:16px}.login-footer p{color:#666}.register-link,.register-link:visited{color:var(--Colors-Primaryy-600,#0487e3);font-weight:600}.register-link:hover{color:#0376c6}.remember-label{color:#374151;align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.social-row{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1rem;display:flex}.social-sep{color:#9ca3af;align-items:center;gap:12px;margin-bottom:6px;font-size:.875rem;display:flex}.social-sep:before,.social-sep:after{content:"";background:#e6eef8;border-radius:1px;flex:auto;height:1px}.social-sep span{background:0 0;padding:0 8px;display:inline-block}.google-btn{border:1px solid var(--Colors-Primaryy-600,#0487e3);cursor:pointer;background:#fff;border-radius:4px;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-weight:600;display:flex}.google-icon{margin-bottom:6px;display:inline-flex}.back-link{margin-bottom:8px}.back-link a{color:#444;text-decoration:none}.login-card .login-header h1{margin-top:4px}.login-card .login-header p{color:#666;margin-bottom:1rem}.code-row{gap:12px;margin:12px 0 8px;display:flex}.code-input{text-align:center;background:#fff;border:1px solid #e6eef8;border-radius:8px;width:56px;height:56px;font-size:1.125rem}.resend-row{color:#666;margin-bottom:8px;font-size:.95rem}.resend-row .resend-btn{color:var(--Colors-Primaryy-600,#0487e3);cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:600}.back-btn{font:inherit;color:#111827;cursor:pointer;background:0 0;border:none;padding:0}.profile-page .profile-banner{width:100%;height:220px;position:relative;overflow:hidden}.profile-page .profile-banner img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.profile-page .profile-banner .upload-overlay{color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0}.profile-page .profile-content{padding:0 20px;display:block}.profile-page .profile-content .profile-avatar{z-index:2;background-color:#d3d3d3;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:6px solid #f9fafb;border-radius:80px;width:160px;height:160px;position:relative;top:-40px;overflow:hidden;box-shadow:0 6px 18px #0206171f}.profile-page .profile-content .profile-main{width:100%;display:block}.profile-page .profile-content .profile-main .profile-tabs{background:#fefdf9;border:1px solid #3d3d3d1c;border-radius:10px;align-self:stretch;align-items:flex-start;gap:16px;margin-bottom:16px;padding:9px;display:flex}.profile-page .profile-content .profile-main .profile-tabs .profile-tab{background:var(--Colors-Neutral-200,#e8e8e8);cursor:pointer;color:var(--Colors-Neutral-800,#111);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;display:flex}.profile-page .profile-content .profile-main .profile-tabs .profile-tab--active{color:var(--Colors-Primaryy-600,#0487e3);background:#e3f4ff;border-radius:8px}.profile-page .profile-content .profile-main .profile-tabs .profile-tab--active .tab-label{color:var(--Colors-Primaryy-600,#0487e3);text-align:center;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.profile-page .profile-content .profile-main .profile-tabs .profile-tab--active .tab-icon{color:var(--Colors-Primaryy-600,#0487e3)}.profile-page .profile-content .profile-main .profile-tabs .tab-icon{width:20px;height:20px;color:inherit;display:inline-flex}.profile-page .profile-content .profile-main .profile-info{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-left{flex:0 auto;align-items:center;gap:12px;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-avatar{background-color:#d3d3d3;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:6px solid #f9fafb;border-radius:80px;width:160px;height:160px;overflow:hidden;box-shadow:0 6px 18px #0206171f}.profile-page .profile-content .profile-main .profile-info .profile-meta{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-meta .profile-name{color:var(--Colors-Neutral-2121,#021517);margin:0;font-size:24px;font-weight:700}.profile-page .profile-content .profile-main .profile-info .profile-meta .profile-email{color:var(--Colors-Primaryy-600,#0487e3);font-size:14px}.profile-page .profile-content .profile-main .profile-info .profile-stats{margin-left:0;padding:8px 16px;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-stats .overview-card{background:#fefdf9;border:1px solid #3d3d3d1c;border-radius:14px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:16px;margin-top:16px;padding:16px;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-stats .overview-card .welcome-text{color:var(--Colors-Neutral-800,#111);font-size:16px}.profile-page .profile-content .profile-main .profile-info .profile-stats .mini-cards{gap:16px;width:100%;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-stats .mini-card{border-radius:10px;flex-direction:column;flex:1 1 0;gap:8px;padding:12px;display:flex}.profile-page .profile-content .profile-main .profile-info .profile-stats .mini-card--left{background:#eff6ff}.profile-page .profile-content .profile-main .profile-info .profile-stats .mini-card--right{background:linear-gradient(135deg,#fff7ed 0%,#fdf2f8 100%)}.profile-page .profile-content .profile-main .profile-info .profile-stats .mini-title{color:var(--Colors-Neutral-700,#556);font-size:13px}.profile-page .profile-content .profile-main .profile-info .profile-stats .order-id{font-weight:600}.profile-page .profile-content .profile-main .profile-info .profile-stats .order-status{border-radius:8px;padding:6px 8px;font-size:12px;display:inline-block}.profile-page .profile-content .profile-main .profile-info .profile-stats .order-status--delivered{color:#065f46;background:#dcfce7}.profile-page .profile-content .profile-main .profile-info .profile-stats .order-status--pending{color:#92400e;background:#fef3c7}.profile-page .profile-content .profile-main .profile-info .profile-stats .points-number{color:#f54900;letter-spacing:.396px;font-family:Inter,sans-serif;font-size:30px;font-weight:500;line-height:36px}.profile-page .profile-content .profile-main .profile-info .profile-stats .points-link{color:#155dfc;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.profile-page .profile-content .profile-main .profile-info .profile-stats{background:#fefdf9;border:1px solid #3d3d3d1c;border-radius:10px;flex:none;justify-content:space-between;align-self:center;align-items:center;gap:12px}.profile-page .profile-content .profile-main .profile-info .profile-stats .stat-card{text-align:center;background:0 0;border-radius:6px;min-width:80px;padding:0}.profile-page .profile-content .profile-main .profile-info .profile-stats .stat-card .stat-value{color:var(--Colors-Neutral-2121,#021517);font-size:18px;font-weight:700}.profile-page .profile-content .profile-main .profile-info .profile-stats .stat-card .stat-label{color:var(--Colors-Neutral-800,#7a8699);font-size:12px}.profile-page .overview-card{background:#fefdf9;border:1px solid #3d3d3d1c;border-radius:14px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:16px;margin-top:16px;padding:16px;display:flex}.profile-page .overview-card .welcome-text{color:var(--Colors-Neutral-800,#111);font-size:16px}.profile-page .overview-card .mini-cards{gap:16px;width:100%;display:flex}.profile-page .overview-card .mini-card{border-radius:10px;flex-direction:column;flex:1 1 0;gap:8px;padding:12px;display:flex}.profile-page .overview-card .mini-card--left{background:#eff6ff}.profile-page .overview-card .mini-card--right{background:linear-gradient(135deg,#fff7ed 0%,#fdf2f8 100%)}.profile-page .overview-card .mini-title{color:var(--Colors-Neutral-700,#556);font-size:13px}.profile-page .overview-card .order-id{font-weight:600}.profile-page .overview-card .order-status{vertical-align:middle;border-radius:999px;padding:4px 8px;display:inline-block}.profile-page .overview-card .order-status--delivered{color:#006b3d;background:#e6f6f0}.profile-page .overview-card .order-status--pending{color:#b45309;background:#fff4e6}.profile-page .overview-card .points-number{font-size:24px;font-weight:700}.profile-page .overview-card .points-link{color:var(--Colors-Primaryy-600,#0487e3);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:8px;padding:0}.profile-page .recent-activity{background:#fff;border:2px solid #bee3ff;border-radius:6px;margin-top:16px;padding:6px}.profile-page .recent-activity .activity-header{color:#374151;padding:8px 12px;font-weight:600}.profile-page .recent-activity .activity-row{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.profile-page .recent-activity .activity-left{flex-direction:column;gap:6px;display:flex}.profile-page .recent-activity .activity-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.profile-page .recent-activity .activity-id{color:#0b5394;font-weight:600}.profile-page .recent-activity .activity-date{color:#6b7280;font-size:13px}.profile-page .recent-activity .activity-amount{color:#111827;font-weight:700}.profile-page .recent-activity .activity-status{border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.profile-page .recent-activity .activity-status--delivered{color:#006b3d;background:#e6f6f0}.profile-page .recent-activity .activity-status--pending{color:#b45309;background:#fff4e6}.orders-tab{background:#fff;border:1px solid #0000001a;border-radius:14px;padding:16px}.orders-tab .orders-title{color:#0f172a;margin-bottom:30px;font-size:16px;font-weight:700}.orders-tab .orders-list{flex-direction:column;gap:12px;display:flex}.orders-tab .order-card{background:#fff;border:1px solid #0f172a0f;border-radius:8px;flex-direction:column;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0206170a}.orders-tab .order-card__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:start;gap:12px;padding-bottom:2px;display:flex}.orders-tab .order-info{flex-direction:column;gap:6px;display:flex}.orders-tab .order-id{color:#0a0a0a;letter-spacing:-.312px;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.orders-tab .order-date,.orders-tab .order-text{color:#4a5565;letter-spacing:-.15px;padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.orders-tab .order-text{color:#4a5565}.orders-tab .order-status{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:13px}.orders-tab .order-status--delivered{color:#065f46;background:#dcfce7}.orders-tab .order-status--pending{color:#92400e;background:#fef3c7}.orders-tab .order-card__body{padding-left:4px}.orders-tab .order-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.orders-tab .order-item{color:#374151;font-size:14px}.orders-tab .order-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.orders-tab .order-total{color:#6b7280;font-size:13px}.orders-tab .order-total__amount{color:#155dfc;letter-spacing:-.439px;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.orders-tab .order-actions{align-items:center;gap:8px;display:flex}@media (max-width:640px){.orders-tab .order-card__footer{flex-direction:column-reverse;align-items:stretch}.orders-tab .order-actions{width:100%}.orders-tab .order-actions .btn{flex:1 1 0}}.addresses-tab{background:#fff;border:1px solid #0000001a;border-radius:14px;flex-direction:column;align-self:stretch;gap:16px;padding:24px}.addresses-tab .addresses-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.addresses-tab .addresses-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.addresses-tab .addresses-list{flex-direction:column;gap:12px;display:flex}.addresses-tab .address-card{background:#fff;border:1px solid #0f172a0f;border-radius:8px;flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:flex}.addresses-tab .address-card--default{background:#eff6ff;border-color:#3b82f626}.addresses-tab .badge-default{color:#fff;background:#155dfc;border-radius:8px;max-width:fit-content;margin-bottom:8px;padding:4px 8px;font-size:12px;font-weight:600}.addresses-tab .address-card__body{flex-direction:column;flex:auto;gap:6px;display:flex}.addresses-tab .address-name{color:#0b5394;font-weight:700}.addresses-tab .address-phone{color:#374151;font-size:13px}.addresses-tab .address-detail{color:#6b7280;font-size:13px;line-height:1.4}.addresses-tab .address-card__actions{justify-content:flex-start;align-items:center;gap:8px;margin-top:8px;display:flex}.addresses-tab .address-card__actions .btn{color:inherit;background:#fff;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:6px 10px;display:inline-flex}.addresses-tab .address-card__actions .btn.btn-secondary{color:#374151;background:#fff;border-color:#0000001a}.addresses-tab .address-card__actions .btn.btn-danger{color:#ef4444;background:#fff;border-color:#ef44441f}.addresses-tab .btn-small{padding:6px 10px;font-size:13px}.addresses-tab .btn-add{color:#fff;cursor:pointer;background:#030213;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;display:flex}@media (max-width:640px){.addresses-tab .address-card{flex-direction:column;align-items:stretch}.addresses-tab .address-card__actions{flex-wrap:wrap;justify-content:flex-start;margin-top:10px}}.addresses-tab .address-modal{z-index:60;position:fixed;inset:0}.addresses-tab .address-modal__backdrop{background:#02061773;position:absolute;inset:0}.addresses-tab .address-modal__panel{z-index:61;background:#fff;border-radius:8px;width:720px;max-width:calc(100% - 32px);margin:60px auto;padding:18px;position:relative;box-shadow:0 10px 30px #02061733}.addresses-tab .address-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.addresses-tab .address-modal .modal-title{margin:0;font-weight:700}.addresses-tab .address-modal .modal-close{cursor:pointer;background:0 0;border:none;font-size:20px}.addresses-tab .address-modal .modal-body{flex-direction:column;gap:12px;display:flex}.addresses-tab .address-modal .field{flex-direction:column;display:flex}.addresses-tab .address-modal .field input,.addresses-tab .address-modal .field select{background:#f8fafc;border:1px solid #e6e9ee;border-radius:8px;padding:10px 12px}.addresses-tab .address-modal .field .field-label{color:#374151;margin-bottom:6px;font-size:13px}.addresses-tab .address-modal .fields-row{gap:12px;display:flex}.addresses-tab .address-modal .fields-row .small{flex:1 1 0}.addresses-tab .address-modal .modal-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.profile-tab-content{background:#fff;border:1px solid #0000001a;border-radius:14px;padding:16px}.profile-tab-content .profile-tab-title{color:#111827;margin-bottom:12px;font-size:16px;font-weight:600}.profile-tab-content .profile-form{background:#fff;border:1px solid #0206170f;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.profile-tab-content .form-row{flex-direction:column;gap:6px;display:flex}.profile-tab-content .label{color:#374151;font-size:13px}.profile-tab-content input[type=text],.profile-tab-content input[type=email],.profile-tab-content input[type=tel],.profile-tab-content input[type=date],.profile-tab-content select,.profile-tab-content input{box-sizing:border-box;background:#fff;border:1px solid #0f172a0f;border-radius:6px;width:100%;padding:10px 12px}.profile-tab-content input:focus,.profile-tab-content select:focus{border-color:#037cff99;outline:none;box-shadow:0 0 0 3px #037cff14}.profile-tab-content .form-actions{margin-top:8px}.profile-tab-content .form-actions .btn{border-radius:6px;padding:8px 14px}@media (max-width:640px){.profile-tab-content .profile-form{padding:16px}}.points-tab{flex-direction:column;gap:16px;display:flex}.points-tab .points-banner{text-align:center;background:linear-gradient(#fff7ed 0%,#fff1f4 100%);border:1px solid #f59e0b26;border-radius:10px;padding:32px 20px;position:relative}.points-tab .points-banner__icon{margin-bottom:8px;font-size:32px}.points-tab .points-banner__label{color:#374151;margin-bottom:6px;font-size:14px}.points-tab .points-banner__value{color:#f97316;margin-bottom:4px;font-size:40px;font-weight:700}.points-tab .points-banner__small{color:#6b7280;margin-bottom:12px}.points-tab .points-banner .points-checkin{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fb923c 0%,#ec4899 100%);border:none;border-radius:8px;padding:8px 16px}.points-tab .points-tabs{background:#ececf0;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:4px;display:flex}.points-tab .points-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.points-tab .points-tab:hover{color:#374151;background:#ffffff80}.points-tab .points-tab--active{color:#0b5394;background:#fff;box-shadow:0 1px 3px #0000001a}.points-tab .rewards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.points-tab .reward-card{background:#fff;border:1px solid #f59e0b26;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:160px;padding:16px;display:flex}.points-tab .reward-card--featured{background:linear-gradient(#fffbf0 0%,#fff7f2 100%);border-color:#f59e0b40}.points-tab .reward-card .reward-card__body{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.points-tab .reward-card .reward-icon{font-size:20px}.points-tab .reward-card .reward-title{color:#0b5394;font-weight:700}.points-tab .reward-card .reward-sub{color:#6b7280;font-size:13px}.points-tab .reward-card .reward-card__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.points-tab .reward-card .reward-cost{color:#6b7280;font-size:13px}.points-tab .reward-card .cost-number{color:#f97316;font-weight:700}.points-tab .reward-card .redeem-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fb923c 0%,#ec4899 100%);border:none;border-radius:8px;padding:8px 14px}.points-tab .vouchers-list .loading-msg,.points-tab .vouchers-list .empty-msg{text-align:center;color:#6b7280;padding:40px 20px}.points-tab .vouchers-list .voucher-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.points-tab .vouchers-list .voucher-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex}.points-tab .vouchers-list .voucher-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.points-tab .vouchers-list .voucher-card__header{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding-bottom:12px;display:flex}.points-tab .vouchers-list .voucher-card__header .voucher-icon{font-size:24px}.points-tab .vouchers-list .voucher-card__header .voucher-code{color:#0b5394;letter-spacing:.5px;font-family:Courier New,monospace;font-size:16px;font-weight:700}.points-tab .vouchers-list .voucher-card__body{flex-direction:column;gap:8px;display:flex}.points-tab .vouchers-list .voucher-card__body .voucher-name{color:#1f2937;font-size:15px;font-weight:600}.points-tab .vouchers-list .voucher-card__body .voucher-desc{color:#6b7280;font-size:13px;line-height:1.5}.points-tab .vouchers-list .voucher-card__body .voucher-condition{color:#9ca3af;font-size:12px}.points-tab .vouchers-list .voucher-card__body .voucher-discount{color:#f59e0b;margin-top:4px;font-size:14px;font-weight:600}.points-tab .vouchers-list .voucher-card__footer{border-top:1px solid #f3f4f6;justify-content:flex-end;padding-top:12px;display:flex}.points-tab .vouchers-list .voucher-card__footer .voucher-status{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.points-tab .vouchers-list .voucher-card__footer .voucher-status--active{color:#065f46;background:#d1fae5}.points-tab .vouchers-list .voucher-card__footer .voucher-status--used{color:#6b7280;background:#e5e7eb}.points-tab .vouchers-list .voucher-card__footer .voucher-status--expired{color:#991b1b;background:#fee2e2}.points-tab .points-history .loading-msg,.points-tab .points-history .empty-msg{text-align:center;color:#6b7280;padding:40px 20px}.points-tab .points-history .history-list{flex-direction:column;gap:12px;display:flex}.points-tab .points-history .history-item{background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.points-tab .points-history .history-item .history-date{color:#6b7280;min-width:100px;font-size:13px}.points-tab .points-history .history-item .history-reason{color:#374151;flex:1;font-weight:500}.points-tab .points-history .history-item .history-points{text-align:right;min-width:80px;font-size:16px;font-weight:700}.points-tab .points-history .history-item .history-points.positive{color:#10b981}.points-tab .points-history .history-item .history-points.negative{color:#ef4444}.product-tabs{margin-top:28px;padding-top:8px}.tab-headers{gap:18px;margin-bottom:18px;padding-bottom:12px;display:flex;position:relative}.tab-headers:before{content:"";z-index:1;background:#e6eef6;height:1px;position:absolute;bottom:0;left:0;right:0}.tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;gap:24px;margin-bottom:0;padding:8px 6px 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;font-size:18px;font-weight:600;position:relative}.tab-btn.active{color:var(--Colors-Primaryy-600,#0487e3)}.tab-btn.active:after{content:"";background:var(--Colors-Primaryy-600,#0487e3);z-index:2;border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0}.tab-content{padding-top:12px}.items-panel .note{background:#fff8e6}.items-panel .note .product-tabs{background:0 0;margin-top:24px}.items-panel .note .product-tabs .tab-headers{gap:24px;padding-bottom:12px;display:flex}.items-panel .note .product-tabs .tab-btn{background:0 0;border:none}.reviews-summary{background:#fff;border:1px solid #e7eef8;border-radius:10px;align-items:flex-start;gap:24px;padding:18px;display:flex;box-shadow:0 1px 2px #10182808}.summary-left{text-align:center;width:160px;padding-right:6px}.avg-rating{color:#111827;font-size:40px;font-weight:800;line-height:1}.stars{color:#f59e0b;justify-content:center;margin-top:8px;display:flex}.reviews-count{color:#6b7280;margin-top:6px;font-size:13px}.summary-right{flex:1;padding-left:6px}.bar-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bar-label{color:#6b7280;width:48px;font-size:13px}.bar-track{background:#f1f5f9;border-radius:999px;flex:1;height:12px;overflow:hidden}.bar-fill{background:#f59e0b;height:100%}.bar-percent{text-align:right;color:#6b7280;width:48px;font-size:13px}.reviews-list{gap:12px;margin-top:18px;display:grid}.review-item{background:#fff;border:1px solid #eef2f7;border-radius:10px;align-items:flex-start;gap:12px;padding:18px;display:flex;position:relative}.review-left{align-items:flex-start;gap:12px;display:flex}.avatar{background:#e5e7eb;border-radius:999px;flex-shrink:0;width:56px;height:56px}.review-meta{margin-top:2px}.review-name{color:#111827;font-weight:700}.review-date{color:#9ca3af;margin-top:4px;font-size:12px}.review-body{color:#374151;flex:1;padding-left:6px}.review-stars{color:#f59e0b;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;display:flex}.star{font-size:14px}.star.filled{color:#f59e0b}.review-item:after{content:"";background:#e6eef6;height:1px;display:block;position:absolute;bottom:-12px;left:-8px;right:-8px}.review-item.active{color:#0ea5e9}.review-item.active:after{background:0 0}.review-item.active:before{content:"";background:#0ea5e9;border-radius:3px 3px 0 0;height:3px;display:block;position:absolute;bottom:-12px;left:0;right:0}.product-tabs .tab-content{margin-top:20px}.items-panel .note .note{color:#6b7280;margin-bottom:12px}.items-panel .item-list{margin:0;padding:0;list-style:none}.items-panel .item-row{border-bottom:1px solid #f3f3f3;gap:12px;padding:8px 0;display:flex}.items-panel .item-index{width:28px;font-weight:700}.info-panel .info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.info-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.info-label{color:#6b7280;font-size:12px}.info-value{margin-top:6px;font-weight:700}.commit-card{background:#f8fafc;border:1px solid #eef2ff;border-radius:8px;margin-top:16px;padding:16px}.commit-title{margin-bottom:8px;font-weight:700}.commit-card--summary{background:#eef7ff;border-radius:10px;padding:18px}.commit-list{color:#0f1724;margin:0;padding-left:18px}.reviews-list--column{flex-direction:column;gap:10px;display:flex}.review{background:#fff;border:1px solid #eef6ff;border-radius:8px;padding:10px}.rev-text{color:#475569;margin-top:6px}.no-reviews{color:#6b7280;padding:12px 0}.gift-box-detail-page .product-detail{gap:28px;display:flex}.gift-box-detail-page .product-detail .left-col{gap:12px;width:45%;display:flex}.gift-box-detail-page .product-detail .left-col .thumbs{flex-direction:column;gap:12px;width:72px;display:flex}.gift-box-detail-page .product-detail .left-col .thumbs .thumb{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;width:72px;height:72px;padding:4px}.gift-box-detail-page .product-detail .left-col .thumbs .thumb img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:100%;height:100%}.gift-box-detail-page .product-detail .left-col .main-image{background-color:#fff;background-image:url(/assets/Rectangle-DFiy2rJV.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:18px;display:flex;box-shadow:0 6px 20px #0206170f}.gift-box-detail-page .product-detail .left-col .main-image img{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:392px;height:392px}.gift-box-detail-page .product-detail .right-col{width:55%;padding-right:48px}.gift-box-detail-page .product-detail .right-col .product-meta{background:0 0}.gift-box-detail-page .product-detail .right-col .product-meta .badge{color:#0568a6;background:#e6fffa;border-radius:999px;margin-bottom:8px;padding:6px 10px;font-size:13px;display:inline-block}.gift-box-detail-page .product-detail .right-col .product-meta .product-title{margin:6px 0 10px;font-size:28px}.gift-box-detail-page .product-detail .right-col .product-meta .product-desc{color:#6b7280;margin-bottom:12px}.gift-box-detail-page .product-detail .right-col .product-meta .price-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.gift-box-detail-page .product-detail .right-col .product-meta .price-row .price-sale{color:#0ea5e9;font-size:22px;font-weight:700}.gift-box-detail-page .product-detail .right-col .product-meta .price-row .price-original{color:#94a3b8;text-decoration:line-through}.gift-box-detail-page .product-detail .right-col .product-meta .donation-card{background:#fff7f9;border:1px solid #cfe7ff;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px;display:flex}.gift-box-detail-page .product-detail .right-col .product-meta .donation-card .donation-left{font-size:20px}.gift-box-detail-page .product-detail .right-col .product-meta .donation-card .donation-body .donation-title{margin-bottom:6px;font-weight:600}.gift-box-detail-page .product-detail .right-col .product-meta .donation-card .donation-body .donation-text{color:#475569;margin-bottom:6px;font-size:13px}.gift-box-detail-page .product-detail .right-col .product-meta .donation-card .donation-body .donation-link{color:#0ea5e9;cursor:pointer;background:0 0;border:none;padding:0}.gift-box-detail-page .product-detail .right-col .product-meta .quantity-row{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.gift-box-detail-page .product-detail .right-col .product-meta .quantity-row .qty-controls{align-items:center;gap:8px;display:flex}.gift-box-detail-page .product-detail .right-col .product-meta .quantity-row .qty-controls button{cursor:pointer;background:#fff;border:1px solid #e6edf3;border-radius:8px;width:36px;height:36px}.gift-box-detail-page .product-detail .right-col .product-meta .quantity-row .qty-controls .qty-display{text-align:center;border:1px solid #eef2ff;border-radius:8px;min-width:44px;padding:8px 12px}.gift-box-detail-page .product-detail .right-col .product-meta .actions-row{gap:12px;margin-top:12px;display:flex}.gift-box-detail-page .product-detail .right-col .product-meta .actions-row .btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px}.gift-box-detail-page .product-detail .right-col .product-meta .actions-row .btn.btn-primary{color:#fff;background:#0ea5e9;border-color:#0b7fb3}.gift-box-detail-page .product-detail .right-col .product-meta .actions-row .btn.btn-ghost{color:#0b7fb3;background:0 0;border:1px solid #dbeafe}.gift-box-detail-page .loading,.gift-box-detail-page .not-found{text-align:center;padding:40px}.product-tabs{margin-top:22px}.product-tabs .tab-headers{gap:18px;margin-bottom:14px;padding-bottom:8px;display:flex}.product-tabs .tab-headers .tab-btn{color:#475569;cursor:pointer;letter-spacing:-.36px;background:0 0;border:none;padding:8px 6px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;font-size:18px;font-style:normal;font-weight:600;line-height:32px;position:relative}.product-tabs .tab-headers .tab-btn.active{color:var(--Colors-Primaryy-600,#0487e3);border-bottom:2px solid var(--Colors-Primaryy-600,#0487e3)}.product-tabs .tab-content{background:0 0;padding-top:12px}.product-tabs .tab-content .note{color:#8a6d1f;background:#fff8e6;border:1px solid #f5e6c8;border-radius:6px;margin-bottom:12px;padding:10px}.product-tabs .tab-content .item-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.product-tabs .tab-content .item-list .item-row{background:#f5f6f8;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.product-tabs .tab-content .item-list .item-row .item-index{color:#fff;background:#0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.product-tabs .tab-content .item-list .item-row .item-text{color:#0f1724}.product-tabs .tab-content .info-table{border-collapse:collapse;width:100%;margin-top:8px}.product-tabs .tab-content .info-table td{border-top:1px solid #eef2f7;padding:8px 6px}.product-tabs .tab-content .reviews-list{flex-direction:column;gap:10px;display:flex}.product-tabs .tab-content .reviews-list .review{background:#fff;border:1px solid #eef6ff;border-radius:8px;padding:10px}.product-tabs .tab-content .reviews-list .review .rev-text{color:#475569;margin-top:6px}.product-tabs .tab-content .no-reviews{color:#6b7280;padding:12px 0}.dashboard-page h2{color:#1f2937;margin:0 0 2rem}.dashboard-header h1{color:#111827;margin:0 0 1rem;font-size:2rem}.heros{background:#fff;border-radius:.75rem;margin-bottom:8px;padding:24px}.hero-cards{grid-template-columns:1.6fr .8fr;gap:1rem;display:grid}.hero-card{background:#fff;border-radius:.75rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0f172a0f}.hero-card.revenue{background:#b5e4ca40}.hero-card.orders{background:#b1e5fc40}.hero-icon{justify-content:flex-start;align-items:center;margin-bottom:.5rem;display:flex}.hero-icon-circle{background:#000;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:.5rem;display:flex}.hero-icon-circle svg{width:20px;height:20px}.hero-card .hero-title{color:#374151;margin-bottom:.5rem;font-weight:600}.hero-card .hero-value{color:#0f172a;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.hero-card .hero-sub{color:#6b7280;font-size:.875rem}.percent-up{color:#83bf6e;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.percent-down{color:#ff6a55;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.percent-icon{vertical-align:middle;width:14px;height:14px;margin-right:6px;display:inline-block}.main-column{flex-direction:column;gap:1rem;display:flex}.overview-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0f172a0f}.overview-card h3{margin:0 0 1rem;font-size:1.125rem}.overview-header{align-items:center;gap:.75rem;display:flex}.overview-marker{background:var(--Secondary-02,#cabdff);border-radius:4px;flex:none;width:16px;height:24px}.side-column{flex-direction:column;gap:1rem;display:flex}.dashboard-grid-2 .side-column{grid-template-columns:2fr .6fr;grid-auto-rows:1fr;align-items:stretch;gap:1rem;display:grid}.small-card{background:#fff;border-radius:.75rem;padding:.75rem 1rem;box-shadow:0 1px 3px #0f172a0f}.small-card h4{margin:0 0 .5rem}.small-marker{vertical-align:middle;border-radius:4px;width:18px;height:24px;margin-right:.5rem;display:inline-block}.marker-purple{background:#cabdff}.marker-green{background:#b5e4ca}.marker-blue{background:#b1e5fc}.muted{color:#6b7280}.donut-card{background:#fff;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;box-shadow:0 1px 3px #0f172a0f}.dashboard-grid-2 .donation-card,.dashboard-grid-2 .donut-card{flex-direction:column;align-self:stretch;height:100%;display:flex}.dashboard-grid-2 .donation-card .donation-body{flex:auto;min-height:0}.dashboard-grid-2 .donut-card .pie-chart{margin-top:auto;margin-bottom:auto}.pie-chart{justify-content:center;align-items:center;width:140px;height:140px;margin:12px 0;display:flex}.donut-title{text-align:left;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;display:flex}.donut-card .legend{box-sizing:border-box;justify-content:space-between;width:100%;margin-top:.75rem;padding:0 .5rem;display:flex}.donut-card .legend-item{align-items:center;gap:.5rem;display:flex}.donation-card{background:#fff;border-radius:.75rem;padding:24px;box-shadow:0 1px 3px #0f172a0f}.donation-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.donation-total{color:#374151;font-weight:600}.donation-body{overflow-x:auto}.donation-table{border-collapse:collapse;width:100%}.donation-table th{text-align:left;color:#374151;border-bottom:1px solid #eef2ff;padding:.75rem .5rem;font-weight:600}.donation-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.75rem .5rem}.donation-week{color:#6b7280;white-space:nowrap}.amount-cell{align-items:center;gap:.5rem;display:flex}.amount-pill{color:#111827;background:#f3f4f6;border-radius:9999px;padding:.35rem .6rem;font-weight:700;display:inline-block}.pill-primary{background:#ede9ff}.pill-green{background:#b5e4ca}.pill-yellow{background:#fde68a}.percent-indicator{align-items:center;gap:.25rem;font-size:.85rem;display:inline-flex}.legend{justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.legend-item{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-swatch{border-radius:3px;width:12px;height:12px}.swatch-issued{background:#2a85ff}.swatch-used{background:#b5e4ca}.table-container{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:#374151;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.75rem;font-weight:600}.orders-table td{color:#1f2937;border-bottom:1px solid #e5e7eb;padding:.75rem}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-processing{color:#1e40af;background:#dbeafe}.status-shipped{color:#5b21b6;background:#e0e7ff}.status-delivered{color:#065f46;background:#d1fae5}.status-cancelled{color:#991b1b;background:#fee2e2}.admin-table{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000f}.admin-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-table-title{align-items:center;gap:12px;display:flex}.admin-table-title .decorative{border-radius:8px;width:16px;height:32px;display:inline-block}.admin-table-title h3{margin:0;font-size:18px}.admin-table-header-actions{align-items:center;gap:12px;display:flex}.admin-table-header-actions .filters{flex:auto;justify-content:flex-end;align-items:center;gap:16px;display:flex}.admin-table-header-actions .filters .table-filters{display:block}.admin-table .admin-table-header-actions .filters>.table-filters{align-items:center;margin:0;padding:0;display:flex}.admin-table .admin-table-header-actions .filters>.table-filters>.filter-row{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.admin-table .admin-table-header-actions .filters>.table-filters>.filter-row>*{flex:0 auto}.admin-table .admin-table-header-actions .filters>.table-filters .filter-input,.admin-table .admin-table-header-actions .filters>.table-filters .filter-select{border:1px solid #e5e7eb;border-radius:8px;flex:0 auto;padding:8px 10px}.admin-table .admin-table-header-actions .filters>.table-filters .filter-input{flex:260px;min-width:140px}.admin-table .admin-table-header-actions .filters>.table-filters .filter-select{flex:0 160px;min-width:120px}.admin-table-header-actions .filters .filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-table-header-actions .filters .filter-row .filter-input,.admin-table-header-actions .filters .filter-row .filter-select{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.admin-table-header-actions .filters .filter-row .filter-input{flex:260px;min-width:140px}.admin-table-header-actions .filters .filter-row .filter-select{flex:0 160px;min-width:120px}.admin-table-header-actions .filter-item{flex-direction:column;gap:6px;min-width:160px;display:flex}.admin-table-header-actions .filter-label{color:#374151;font-size:.85rem}.admin-table-header-actions .filters .search{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.admin-table-header-actions .filters .date-range{align-items:center;gap:8px;display:flex}.admin-table-header-actions .filters select,.admin-table-header-actions .filters input[type=date]{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.admin-table-body{border-top:1px solid #f3f4f6}.admin-table-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.admin-table-footer .footer-left{align-items:center;gap:8px;display:flex}.admin-table-footer .footer-label{color:#6b7280;font-size:13px}.admin-table-footer .page-size-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px}.admin-table-footer .pagination{align-items:center;gap:6px;display:flex}.admin-table-footer .page-btn,.admin-table-footer .page-num{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px}.admin-table-footer .page-num.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.admin-table-footer .ellipsis{color:#9ca3af;padding:0 6px}@media (max-width:720px){.admin-table-header{align-items:flex-start}.admin-table-header-actions .filters{justify-content:flex-start;width:100%}.admin-table-header .admin-table-title{width:100%}.admin-table-header .admin-table-title h3{margin-bottom:8px}.admin-table-header-actions .filters .filter-row .filter-input{flex-basis:100%;min-width:0}.admin-table-header-actions .filters .filter-row .filter-select{flex-basis:140px}}.table-row{align-items:center;gap:8px;padding:10px 6px;display:flex}.table-head{color:#374151;font-weight:600}.table-cell{word-break:break-word;padding:0 8px}.table-cell--grow{flex:1 1 0}.table-cell--fixed{flex:none}.table-cell.actions-col{text-align:right;flex-wrap:nowrap;flex:0 0 120px;justify-content:flex-end;align-items:center;gap:8px;width:120px;display:flex}.no-results{text-align:center;color:#6b7280;padding:24px}.right-actions{align-items:center;gap:8px;display:flex}.admin-table .table-row+.table-row{border-top:1px solid #f3f4f6}.admin-table .table-row .btn.btn--icon-only{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.admin-table .table-row .actions-col .btn.btn--icon-only+.btn.btn--icon-only{margin-left:6px}.admin-table .table-row .actions-col>*{justify-content:center;align-items:center;display:inline-flex}.admin-page-header-wrap{flex-direction:column;width:100%;display:flex}.breadcrumb{color:var(--Neutral-04,#6b7280);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb-link{color:var(--Neutral-05,#374151);cursor:pointer;background:0 0;border:none;padding:0}.breadcrumb-current{color:var(--Neutral-05,#374151)}.admin-page-header{justify-content:space-between;align-items:center;width:100%;display:flex}.admin-page-title{color:var(--Neutral-06,#272b30);letter-spacing:-.8px;margin:0 0 24px;font-family:Inter,sans-serif;font-size:40px;font-style:normal;font-weight:600;line-height:48px}.admin-page-actions{gap:12px;display:flex}.admin-charity-page{padding:24px}.admin-charity-page .page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-charity-page .page-header h2{margin:0;font-size:22px}.admin-charity-page .page-header .actions{align-items:center;gap:8px;display:flex}.admin-charity-page .page-header .search{border:1px solid #e6e6e6;border-radius:6px;padding:8px 10px}.admin-charity-page .page-header .btn{border-radius:8px;padding:8px 12px}.admin-charity-page .list-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 0 0 1px #00000005}.admin-charity-page .list-header,.admin-charity-page .list-row{align-items:center;padding:12px 8px;display:flex}.admin-charity-page .list-header{color:#666;border-bottom:1px solid #f0f0f0;font-weight:600}.admin-charity-page .list-row{border-bottom:1px solid #f8f8f8}.admin-charity-page .col{padding:0 12px}.admin-charity-page .col--checkbox{width:40px}.admin-charity-page .col--name{flex:1}.admin-charity-page .col--target,.admin-charity-page .col--donated{text-align:right;width:220px}.admin-charity-page .col--date{width:140px}.admin-charity-page .col--status{width:160px}.admin-charity-page .col--actions{text-align:right;width:120px}.admin-charity-page .name-title{font-weight:600}.admin-charity-page .name-sub{color:#999;font-size:12px}.admin-charity-page .status{border-radius:999px;padding:6px 10px;font-size:12px;display:inline-block}.admin-charity-page .status--active{color:#16a34a;background:#ecfdf5}.admin-charity-page .status--paused{color:#dc2626;background:#fff1f2}.admin-charity-page .status--ended{color:#64748b;background:#f1f5f9}.admin-charity-page .icon-btn{cursor:pointer;background:0 0;border:1px solid #eee;border-radius:6px;margin-left:6px;padding:6px 8px}.admin-charity-page .btn--danger{background:#ffecec;border-color:#ffb4b4}.rte-wrapper{background:#fff;border:1px solid #00000014;border-radius:8px;overflow:hidden}.rte-toolbar{background:#fafafa;border-bottom:1px solid #0000000f;flex-wrap:wrap;gap:2px;padding:8px;display:flex}.rte-toolbar button{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;font-size:14px;transition:all .15s;display:flex}.rte-toolbar button:hover{background:#0000000d}.rte-toolbar button.is-active{color:#fff;background:#3b82f6}.rte-toolbar .toolbar-separator{background:#0000001a;width:1px;margin:0 4px}.rte-content{outline:none;min-height:160px;padding:12px;font-size:14px;line-height:1.6}.rte-content p{margin:0 0 8px}.rte-content ul,.rte-content ol{margin:8px 0;padding-left:20px}.rte-content h1{margin:16px 0 12px;font-size:24px;font-weight:700}.rte-content h2{margin:14px 0 10px;font-size:20px;font-weight:600}.rte-content h3{margin:12px 0 8px;font-size:18px;font-weight:600}.rte-content code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.rte-content blockquote{color:#6b7280;border-left:3px solid #d1d5db;margin:12px 0;padding-left:12px;font-style:italic}.rte-content a{color:#3b82f6;text-decoration:underline}.charity-form-card{margin-top:20px}.charity-form-card .card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #1018280a}.charity-form-card .card-body{padding:20px}.breadcrumb{align-items:center;gap:8px;margin:16px 0;font-family:Inter,sans-serif;display:flex}.breadcrumb .breadcrumb-link{color:#6f767e;letter-spacing:-.36px;font-size:18px;font-weight:600;line-height:32px;text-decoration:none;transition:color .2s}.breadcrumb .breadcrumb-link:hover{color:#33383f;text-decoration:underline}.breadcrumb .breadcrumb-separator{color:#6f767e;font-size:18px;font-weight:600}.breadcrumb .breadcrumb-current{color:#33383f;letter-spacing:-.36px;font-size:18px;font-weight:600;line-height:32px}.section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-header .section-accent{background:#b5e4ca;border-radius:4px;flex-shrink:0;width:16px;height:32px}.section-header h4{color:#111827;margin:0;font-size:18px;font-weight:600;line-height:32px}.image-upload-section{align-items:center;gap:20px;margin-bottom:24px;display:flex}.image-upload-section .image-area{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.image-upload-section .image-area .image-preview{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;display:block}.image-upload-section .image-area .no-image-placeholder{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.image-upload-section .image-button-area{align-items:center;padding-top:0;display:flex}.form-grid .field{flex-direction:column;display:flex}.form-grid .field.full{grid-column:1/-1}.form-grid .field .field-error{color:#ef4444;font-size:13px}.input-with-suffix{align-items:center;display:flex;position:relative}.input-with-suffix input{flex:1;padding-right:50px!important}.input-with-suffix .input-suffix{color:#6b7280;pointer-events:none;font-size:14px;font-weight:500;position:absolute;right:12px}.charity-form-card .ql-container{border-bottom-right-radius:6px;border-bottom-left-radius:6px;min-height:150px;font-size:14px}.charity-form-card .ql-toolbar{border-top-left-radius:6px;border-top-right-radius:6px}.charity-form-card h4{margin:0 0 8px;font-size:18px}.charity-form-card .muted{color:#6b7280}.charity-form-card .actions{gap:12px;margin-top:24px;display:flex}@media (min-width:1024px){.charity-form-card .card-body{padding:28px}}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.charity-detail-card .card{background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 3px #0000000f}.charity-detail-card .card .card-body .section{border-bottom:1px solid #f3f4f6;padding:20px}.charity-detail-card .card .card-body .section:last-child{border-bottom:none}.charity-detail-card .card .card-body .section .section-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}.charity-detail-card .card .card-body .section .section-title .accent{background:#cabdff;border-radius:4px;width:8px;height:32px}.charity-detail-card .card .card-body .section .section-title h4,.charity-detail-card .card .card-body .section .section-title h5{color:#111827;margin:0;font-weight:700}.charity-detail-card .card .card-body .section .section-title h4{font-size:18px}.charity-detail-card .card .card-body .section .section-title h5{font-size:16px}.charity-detail-card .card .card-body .section .info-row{gap:0;display:block}.charity-detail-card .card .card-body .section .info-row .left-image{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;display:flex;overflow:hidden}.charity-detail-card .card .card-body .section .info-row .left-image img{-o-object-fit:cover;object-fit:cover;width:120px;height:120px;display:block}.charity-detail-card .card .card-body .section .info-row .left-image .placeholder-logo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.charity-detail-card .card .card-body .section .info-row .left-image .placeholder-logo svg{opacity:.3}.charity-detail-card .card .card-body .section .info-row .info-cols{flex:auto;gap:8px;display:block}.charity-detail-card .card .card-body .section .info-row .info-cols .info-item{align-items:center;gap:12px;padding:6px 0;display:flex}.charity-detail-card .card .card-body .section .info-row .info-cols .info-item .label{color:#6b7280;flex:0 0 220px;font-size:13px}.charity-detail-card .card .card-body .section .info-row .info-cols .info-item .value{color:#111827;text-align:right;flex:auto;font-weight:600}.charity-detail-card .card .card-body .section .donation-grid{padding:6px 0 0}.charity-detail-card .card .card-body .section .donation-grid .donation-row{gap:12px;padding:6px 0;display:flex}.charity-detail-card .card .card-body .section .donation-grid .donation-row .label{color:#6b7280;flex:0 0 220px;font-size:13px}.charity-detail-card .card .card-body .section .donation-grid .donation-row .value{color:#111827;text-align:right;flex:auto;font-weight:600}.charity-detail-card .card .card-body .section .description-box{padding-top:8px}.charity-detail-card .card .card-body .section .description-box .btn-pause{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff6b6b;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.charity-detail-card .card .card-body .section .description-box .btn-pause:hover{background:#fff5f5}.charity-detail-card .status{border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.charity-detail-card .status--active{color:#23823b;background:#eafae4}.charity-detail-card .status--stopped{color:#ff2525;background:#ffd6d6}.charity-detail-card .status--paused{color:#ffb700;background:#ffb7001f}.charity-detail-card .status--ended{color:#4f46e5;background:#e0e7ff}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0,var(--y),0)scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g)*1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0)scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0)perspective(400px)}30%{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,-20deg);opacity:1}to{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}#root{width:100%}.form-grid label{color:#374151;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.admin-page .product-cell{align-items:center;gap:12px;display:flex}.admin-page .product-thumb{-o-object-fit:cover;object-fit:cover;background:#fff;border-radius:8px;width:56px;height:56px;box-shadow:inset 0 0 0 1px #0000000a}.admin-page .product-info{flex-direction:column;display:flex}.admin-page .product-name{font-weight:600}.admin-page .product-id{color:#9ca3af;font-size:12px}.admin-page .status--upcoming{color:#ffb700;background:#ffb7001f}.giftbox-form-card .card .card-body{background-color:#fff;padding:24px}.giftbox-form-card .card .card-body .section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.giftbox-form-card .card .card-body .section-header .section-accent{background:#6366f1;border-radius:4px;width:8px;height:32px}.giftbox-form-card .card .card-body .image-upload-section{align-items:center;gap:16px;margin-bottom:20px;display:flex}.giftbox-form-card .card .card-body .image-upload-section .image-area{background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.giftbox-form-card .card .card-body .image-upload-section .image-preview{border-radius:8px;max-width:100%;max-height:100%}.giftbox-form-card .card .card-body .form-grid{flex-direction:column;gap:16px;display:flex}.giftbox-form-card .card .card-body .form-grid .field.full{width:100%}.giftbox-form-card .card .card-body .form-grid .row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.giftbox-form-card .card .card-body .form-grid .col{flex-direction:column;display:flex}.giftbox-form-card .card .card-body .rte .rte-toolbar{gap:8px;margin-bottom:8px;display:flex}.giftbox-form-card .card .card-body .rte .rte-editor{background:#fff;border:1px solid #0000000f;border-radius:6px;min-height:120px;padding:10px}.giftbox-form-card .card .card-body .drop-area{background:#fafafa;border:1px dashed #00000014;border-radius:8px;min-height:140px;padding:16px;position:relative}.giftbox-form-card .card .card-body .drop-content{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.giftbox-form-card .card .card-body .drop-content:has(.thumbs){justify-content:flex-start;align-items:flex-start}.giftbox-form-card .card .card-body .drop-content:has(.thumbs) .btn-upload{align-self:center}.giftbox-form-card .card .card-body .drop-content:not(:has(.thumbs)) .btn-upload{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.giftbox-form-card .card .card-body .drop-placeholder{text-align:center}.giftbox-form-card .card .card-body .btn-upload{cursor:pointer;color:#374151;background:0 0;border:1px solid #00000014;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.giftbox-form-card .card .card-body .btn-upload:hover{background:#00000005;border-color:#0000001f}.giftbox-form-card .card .card-body .btn-upload svg{flex-shrink:0}.giftbox-form-card .card .card-body .thumbs{flex-flow:wrap;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:12px;width:100%;display:flex}.giftbox-form-card .card .card-body .thumb{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #0000000f;border-radius:8px;flex:0 0 90px;width:90px;height:100px;padding:6px;display:block}.giftbox-form-card .card .card-body .section-header.small{margin-top:24px;margin-bottom:12px}.giftbox-detail-card .card{border-radius:12px;padding:0}.giftbox-detail-card .card .card-body .section{padding:20px}.giftbox-detail-card .card .card-body .section .section-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}.giftbox-detail-card .card .card-body .section .section-title .accent{background:#9ae6b4;border-radius:4px;width:8px;height:32px}.giftbox-detail-card .card .card-body .section .section-title h4,.giftbox-detail-card .card .card-body .section .section-title h5{color:#111827;margin:0;font-weight:700}.giftbox-detail-card .card .card-body .section .info-row{gap:0;display:block}.giftbox-detail-card .card .card-body .section .info-row .left-image{background:#fff0e6;border-radius:12px;width:120px;height:120px;margin-bottom:12px;display:block;overflow:hidden}.giftbox-detail-card .card .card-body .section .info-row .left-image img{-o-object-fit:cover;object-fit:cover;width:120px;height:120px;display:block}.giftbox-detail-card .card .card-body .section .info-row .left-image .placeholder{color:#6b7280;font-size:12px}.giftbox-detail-card .card .card-body .section .info-row .info-cols{flex:auto;gap:8px;display:block}.giftbox-detail-card .card .card-body .section .info-row .info-cols .info-item{align-items:center;gap:12px;padding:6px 0;display:flex}.giftbox-detail-card .card .card-body .section .info-row .info-cols .info-item .label{color:#6b7280;flex:0 0 220px;font-size:13px}.giftbox-detail-card .card .card-body .section .info-row .info-cols .info-item .value{color:#111827;text-align:right;flex:auto;font-weight:600}.giftbox-detail-card .card .card-body .section .info-row .info-cols .info-item.full{display:block}.giftbox-detail-card .card .card-body .section .info-row .info-cols .info-item.full .label{margin-bottom:6px}.giftbox-detail-card .card .card-body .section .info-row .info-cols .info-item.full .value{text-align:left}.giftbox-detail-card .card .card-body .section .donation-grid{padding:6px 0 0}.giftbox-detail-card .card .card-body .section .donation-grid .donation-row{gap:12px;padding:6px 0;display:flex}.giftbox-detail-card .card .card-body .section .donation-grid .donation-row .label{color:#6b7280;flex:0 0 220px}.giftbox-detail-card .card .card-body .section .donation-grid .donation-row .value{color:#111827;text-align:right;flex:auto;font-weight:600}.giftbox-detail-card .card .card-body .section .product-row{flex-wrap:nowrap;align-items:center;gap:12px;padding-top:8px;display:flex;overflow-x:auto}.giftbox-detail-card .card .card-body .section .product-row .product-thumb{background:#ffd6c0;border-radius:10px;justify-content:center;align-items:center;width:72px;height:72px;padding:8px;display:flex}.giftbox-detail-card .card .card-body .section .product-row .product-thumb img{-o-object-fit:contain;object-fit:contain;border-radius:6px;width:100%;height:100%;display:block}.giftbox-detail-card .card .card-body .section .product-row .no-products{color:#6b7280}.giftbox-detail-card .form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:6px 0 0;display:grid}.giftbox-detail-card .form-grid .form-group{flex-direction:column;display:flex;position:relative}.giftbox-detail-card .form-grid .form-group.full-width{grid-column:1/-1}.giftbox-detail-card .form-grid .form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.giftbox-detail-card .form-grid .form-group .form-input,.giftbox-detail-card .form-grid .form-group .form-select,.giftbox-detail-card .form-grid .form-group .form-textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;transition:border-color .2s}.giftbox-detail-card .form-grid .form-group .form-input:focus,.giftbox-detail-card .form-grid .form-group .form-select:focus,.giftbox-detail-card .form-grid .form-group .form-textarea:focus{border-color:#6366f1;outline:none}.giftbox-detail-card .form-grid .form-group .form-input:disabled,.giftbox-detail-card .form-grid .form-group .form-select:disabled,.giftbox-detail-card .form-grid .form-group .form-textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.giftbox-detail-card .form-grid .form-group .form-textarea{resize:vertical;font-family:inherit;line-height:1.5}.giftbox-detail-card .form-grid .form-group .hint-text{color:#6b7280;margin-top:4px;font-size:12px}.giftbox-detail-card .form-grid .form-group .input-suffix{color:#6b7280;pointer-events:none;font-size:14px;position:absolute;bottom:12px;right:12px}.giftbox-detail-card .status{border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.giftbox-detail-card .status--selling{color:#23823b;background:#eafae4}.giftbox-detail-card .status--stopped{color:#ff2525;background:#ffd6d6}.giftbox-detail-card .status--upcoming{color:#ffb700;background:#ffb7001f}.admin-page .card{background:#fff}.admin-page .filter-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-page .filter-input{flex:260px}.admin-page .filter-select{background:#fff;border:1px solid #0000000f;border-radius:8px;min-width:160px;padding:10px 12px}.admin-page .voucher-code{font-weight:700}.admin-page .voucher-title{display:block}.admin-page .price-badge{background:var(--Neutral-03,#efefef);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:40px;padding:0 8px;font-weight:600;display:flex}.admin-page .status{border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.admin-page .row-actions{gap:8px;display:flex}.admin-page .icon-btn{cursor:pointer;background:0 0;border:none}.admin-page .btn--danger{color:#ef4444}.voucher-form-card .card .card-body{padding:24px}.voucher-form-card .card .card-body .section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.voucher-form-card .card .card-body .section-header.small{margin-top:20px}.voucher-form-card .card .card-body .section-accent{background:#10b981;border-radius:4px;width:6px;height:24px}.voucher-form-card .card .card-body .form-grid{display:block}.voucher-form-card .card .card-body .row-2{gap:16px;display:flex}.voucher-form-card .card .card-body .col{flex:1}.voucher-form-card .card .card-body .field.full{margin-top:12px}.voucher-form-card .card .card-body .input-with-suffix{align-items:center;display:flex}.voucher-form-card .card .card-body .input-suffix{color:#6b7280;margin-left:8px}.voucher-form-card .card .card-body .thumbs{flex-wrap:wrap;gap:8px;display:flex}.voucher-form-card .card .card-body .field-error{color:#ef4444;margin-top:6px;font-size:13px}.voucher-form-card .card .card-body .actions{align-items:center;margin-top:18px;display:flex}.card{margin:16px 0}.card-body h4{margin-bottom:8px}.admin-page .table-filters .filter-row .filter-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:8px 12px}.admin-page .table-filters .filter-row .filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px}.admin-page .customer-code{color:#374151;font-weight:600}.admin-page .customer-name{color:#111827}.admin-page .status{border-radius:12px;padding:4px 8px;font-size:12px;display:inline-block}.admin-page .status--selling{color:#059669;background:#ecfdf5}.admin-page .status--stopped{color:#be123c;background:#fff1f2}.customer-detail-card .card .card-body{padding:24px}.customer-detail-card .card .card-body .section{margin-bottom:18px}.customer-detail-card .card .card-body .section .section-title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.customer-detail-card .card .card-body .section .section-title.small{margin-top:12px}.customer-detail-card .card .card-body .section .section-title .accent{background:#10b981;border-radius:4px;width:6px;height:24px}.customer-detail-card .card .card-body .section .info-row{gap:0;display:block}.customer-detail-card .card .card-body .section .info-row .left-image{background:#fff0e6;border-radius:12px;width:120px;height:120px;margin-bottom:12px;display:block;overflow:hidden}.customer-detail-card .card .card-body .section .info-row .left-image img{-o-object-fit:cover;object-fit:cover;width:120px;height:120px;display:block}.customer-detail-card .card .card-body .section .info-row .left-image .placeholder{color:#6b7280;font-size:12px}.customer-detail-card .card .card-body .section .info-row .info-cols{flex:auto;gap:8px;display:block}.customer-detail-card .card .card-body .section .info-row .info-cols .info-item{align-items:center;gap:12px;padding:6px 0;display:flex}.customer-detail-card .card .card-body .section .info-row .info-cols .info-item .label{color:#6b7280;flex:0 0 220px;font-size:13px}.customer-detail-card .card .card-body .section .info-row .info-cols .info-item .value{color:#111827;text-align:right;flex:auto;font-weight:600}.customer-detail-card .card .card-body .section .info-row .info-cols .info-item.full{display:block}.customer-detail-card .card .card-body .section .info-row .info-cols .info-item.full .label{margin-bottom:6px}.customer-detail-card .card .card-body .section .info-row .info-cols .info-item.full .value{text-align:left}.customer-detail-card .card .card-body .section .address-grid{padding:6px 0 0}.customer-detail-card .card .card-body .section .address-grid .address-item{gap:12px;padding:6px 0;display:flex}.customer-detail-card .card .card-body .section .address-grid .address-item .label{color:#6b7280;flex:0 0 220px}.customer-detail-card .card .card-body .section .address-grid .address-item .value{color:#111827;text-align:right;flex:auto;font-weight:600}.customer-detail-card .card .card-body .actions-bottom{flex-direction:column;align-items:flex-start;margin-top:12px;display:flex}.customer-detail-card .card .card-body .actions-bottom .divider{background:#e5e7eb;width:100%;height:1px;margin-bottom:12px}.customer-detail-card .card .card-body .actions-bottom .btn-disable{color:#ff6a55!important;box-shadow:none!important;background:#ffbc99!important;border:none!important;border-radius:8px!important;padding:12px 20px!important}.admin-page .filter-row{align-items:center;gap:12px;display:flex}.admin-page .filter-input{border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 12px}.admin-page .filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.admin-page .order-id{color:#0f172a;font-weight:600}.row-actions{gap:8px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-btn.btn--danger{color:#ef4444}.status{border-radius:999px;padding:6px 10px;font-size:12px;display:inline-block}.status--selling{color:#15803d;background:#ecfccb}.status--upcoming{color:#3730a3;background:#eef2ff}.status--stopped{color:#991b1b;background:#fee2e2}.chip{background:#f3f4f6;border-radius:8px;padding:6px 10px;font-size:12px}.chip--purple{color:#6b21a8;background:#f5f3ff}.chip--blue{color:#1d4ed8;background:#eff6ff}.chip--green{color:#065f46;background:#ecfdf5}.chip--red{color:#b91c1c;background:#fff1f2}.confirm-modal{z-index:8000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal__backdrop{background:#0006;position:fixed;inset:0}.confirm-modal__box{z-index:1;background:#fff;border-radius:12px;width:420px;overflow:hidden;box-shadow:0 10px 30px #02061733}.confirm-modal__header{border-bottom:1px solid #eef2f7;padding:16px 20px}.confirm-modal__header h3{margin:0;font-size:16px}.confirm-modal__body{color:#334155;padding:20px;font-size:14px}.confirm-modal__footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px}.btn--muted{color:#0f172a;background:#f8fafc;border-color:#e6eef6}.btn--primary{color:#fff;background:#3b82f6}.admin-page .table-filters{padding:16px 20px}.admin-page .table-filters .filter-row{align-items:center;gap:12px;display:flex}.admin-page .table-filters .filter-input{border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 16px;font-size:14px}.admin-page .table-filters .filter-input:focus{border-color:#cabdff;outline:none}.admin-page .table-filters .filter-select{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:150px;padding:10px 16px;font-size:14px}.admin-page .table-filters .filter-select:focus{border-color:#cabdff;outline:none}.admin-page .user-code{color:#6366f1;font-family:Courier New,monospace;font-weight:600}.admin-page .user-name{color:#1f2937;font-weight:500}.admin-page .role-badge{color:#1e40af;background:#dbeafe;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.admin-page .status{border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.admin-page .status.status--selling{color:#065f46;background:#d1fae5}.admin-page .status.status--stopped{color:#991b1b;background:#fee2e2}.admin-page .row-actions{justify-content:flex-end;gap:8px;display:flex}.admin-page .row-actions .icon-btn{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;font-size:13px;transition:all .2s}.admin-page .row-actions .icon-btn:hover{background:#e5e7eb}.admin-page .row-actions .icon-btn.btn--danger{color:#dc2626}.admin-page .row-actions .icon-btn.btn--danger:hover{background:#fee2e2;border-color:#fecaca}.modal-content--large{max-width:900px;max-height:90vh;overflow-y:auto}.form-grid--2col{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-section{margin-bottom:24px}.form-section .section-title{color:#1f2937;border-bottom:none;margin-bottom:16px;padding-bottom:0;font-size:14px;font-weight:600}.form-section .form-group label{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:400;display:block}.form-section .form-group input,.form-section .form-group select{border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.form-section .form-group input:focus,.form-section .form-group select:focus{border-color:#3b82f6;outline:none}.form-section .form-group input.error,.form-section .form-group select.error{border-color:#dc2626}.form-section .form-group select{cursor:pointer;background:#fff}.permissions-table{margin-top:16px;overflow-x:auto}.permissions-table table{border-collapse:collapse;width:100%;font-size:14px}.permissions-table table thead{background:#f9fafb}.permissions-table table thead th{text-align:left;color:#374151;white-space:nowrap;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-weight:600}.permissions-table table thead th:not(:first-child){text-align:center}.permissions-table table tbody tr{border-bottom:1px solid #f3f4f6}.permissions-table table tbody tr:hover{background:#fafbfc}.permissions-table table tbody tr td{color:#6b7280;padding:12px 16px}.permissions-table table tbody tr td.text-center{text-align:center}.permissions-table .checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.permissions-table .checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:18px;height:18px}.permissions-table .checkbox-label span{color:#1f2937;font-weight:500}.permissions-table input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:18px;height:18px}.permissions-table .permission-desc{color:#9ca3af;font-size:13px;font-style:italic}.permissions-table{border:1px solid #e5e7eb!important;border-radius:6px!important;margin-top:0!important}.permissions-table table thead th{border-bottom:1px solid #e5e7eb!important;padding:10px 12px!important;font-size:12px!important}.permissions-table table tbody td{padding:10px 12px!important;font-size:13px!important}.permissions-table .checkbox-label span{font-size:13px!important}.permissions-table input[type=checkbox]{accent-color:#3b82f6!important;width:16px!important;height:16px!important}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:.5rem;width:90%;max-width:800px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:#1f2937;margin:0;font-size:1.5rem}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;transition:all .2s;display:flex}.modal-close:hover{color:#1f2937;background:#f3f4f6;border-radius:.25rem}.modal-body{padding:2rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-group .required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;margin-top:.25rem;font-size:.875rem}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;background-color:#fff}.image-preview{background:#f9fafb;border-radius:.375rem;justify-content:center;margin-top:1rem;padding:1rem;display:flex}.image-preview img{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;max-width:200px;max-height:200px}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-cancel{color:#374151;background:#f3f4f6}.btn-cancel:hover{background:#e5e7eb}.btn-save{color:#fff;background:#3b82f6}.btn-save:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.modal-content{width:95%;max-height:95vh}.form-grid{grid-template-columns:1fr}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-header h2{font-size:1.25rem}}.order-detail-page{background:#f8f9fa;max-width:1200px;margin:0 auto;padding:2rem 1rem}.order-detail-page .loading,.order-detail-page .error{text-align:center;color:#666;padding:3rem;font-size:1.125rem}.order-detail-page .order-detail-container{background:#fff;border-radius:12px;overflow:hidden}.order-detail-page .order-detail-header{background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%);border-bottom:1px solid #ffe0e0;padding:2rem}.order-detail-page .order-detail-header .back-button{color:#ff6b6b;cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:.5rem 0;font-size:.9rem;transition:opacity .2s}.order-detail-page .order-detail-header .back-button:hover{opacity:.7}.order-detail-page .order-detail-header .order-header-content{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem;display:flex}.order-detail-page .order-detail-header .order-title-row{flex:1;gap:1rem;display:flex}.order-detail-page .order-detail-header .order-title-row .order-icon{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex;box-shadow:0 2px 8px #0000001a}.order-detail-page .order-detail-header .order-title-row .order-info h1{color:#333;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.order-detail-page .order-detail-header .order-title-row .order-info .order-date{color:#666;margin:0;font-size:.9rem}.order-detail-page .order-detail-header .order-total-badge{text-align:right;background:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 2px 8px #0000001a}.order-detail-page .order-detail-header .order-total-badge .total-label{color:#666;margin-bottom:.25rem;font-size:.875rem;display:block}.order-detail-page .order-detail-header .order-total-badge .total-amount{color:#ff6b6b;font-size:1.5rem;font-weight:700;display:block}.order-detail-page .order-detail-header .order-status-badge{color:#fff;background:#4ade80;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;display:inline-block}.order-detail-page .section-title{color:#333;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;display:flex}.order-detail-page .order-timeline-section{border-bottom:1px solid #e5e7eb;padding:2rem}.order-detail-page .order-timeline-section .timeline{gap:2rem;padding-left:1rem;display:flex;position:relative}.order-detail-page .order-timeline-section .timeline:before{content:"";background:#e5e7eb;height:2px;position:absolute;top:20px;left:1rem;right:1rem}.order-detail-page .order-timeline-section .timeline .timeline-item{flex:1;position:relative}.order-detail-page .order-timeline-section .timeline .timeline-item .timeline-icon{color:#fff;z-index:1;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;font-weight:600;transition:all .3s;display:flex;position:relative}.order-detail-page .order-timeline-section .timeline .timeline-item .timeline-content .timeline-title{color:#666;margin-bottom:.25rem;font-weight:600}.order-detail-page .order-timeline-section .timeline .timeline-item .timeline-content .timeline-time{color:#999;font-size:.875rem}.order-detail-page .order-timeline-section .timeline .timeline-item.completed .timeline-icon{background:#4ade80}.order-detail-page .order-timeline-section .timeline .timeline-item.completed .timeline-content .timeline-title{color:#333}.order-detail-page .order-products-section{border-bottom:1px solid #e5e7eb;padding:2rem}.order-detail-page .order-products-section .products-list{flex-direction:column;gap:1.5rem;display:flex}.order-detail-page .order-products-section .product-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:1.5rem;padding:1.5rem;display:flex}.order-detail-page .order-products-section .product-item .product-image .product-image-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex}.order-detail-page .order-products-section .product-item .product-details{flex:1}.order-detail-page .order-products-section .product-item .product-details .product-name{color:#333;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.order-detail-page .order-products-section .product-item .product-details .product-specs{flex-direction:column;gap:.5rem;display:flex}.order-detail-page .order-products-section .product-item .product-details .product-specs .spec-badge{color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.order-detail-page .order-products-section .product-item .product-quantity{flex-direction:column;align-items:center;gap:.25rem;display:flex}.order-detail-page .order-products-section .product-item .product-quantity .quantity-label{color:#666;font-size:.875rem}.order-detail-page .order-products-section .product-item .product-quantity .quantity-value{color:#333;font-size:1.25rem;font-weight:600}.order-detail-page .order-products-section .product-item .product-price{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.order-detail-page .order-products-section .product-item .product-price .unit-price{color:#666;font-size:.875rem}.order-detail-page .order-products-section .product-item .product-price .subtotal{color:#ff6b6b;font-size:1.25rem;font-weight:700}.order-detail-page .order-details-grid{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid}@media (max-width:768px){.order-detail-page .order-details-grid{grid-template-columns:1fr}}.order-detail-page .order-details-grid .detail-column{flex-direction:column;gap:1.5rem;display:flex}.order-detail-page .order-details-grid .detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.order-detail-page .order-details-grid .detail-card .card-title{color:#333;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.order-detail-page .order-details-grid .detail-card .card-content{flex-direction:column;gap:.75rem;display:flex}.order-detail-page .order-details-grid .detail-card .card-content .info-item{justify-content:space-between;font-size:.9rem;display:flex}.order-detail-page .order-details-grid .detail-card .card-content .info-item.full-width{flex-direction:column;gap:.25rem}.order-detail-page .order-details-grid .detail-card .card-content .info-item .info-label{color:#666}.order-detail-page .order-details-grid .detail-card .card-content .info-item .info-value{color:#333;font-weight:500}.order-detail-page .order-details-grid .detail-card .card-content .payment-method{align-items:center;gap:1rem;display:flex}.order-detail-page .order-details-grid .detail-card .card-content .payment-method .payment-logo{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.order-detail-page .order-details-grid .detail-card .card-content .payment-method .payment-name{color:#333;font-weight:500}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row{justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row.total{padding-top:1rem;font-size:1.125rem;font-weight:700}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row.total .summary-value{color:#ff6b6b;font-size:1.5rem}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row .summary-label{color:#666}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row .summary-value{color:#333;font-weight:500}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row .summary-value.free{color:#4ade80}.order-detail-page .order-details-grid .detail-card.summary-card .summary-row .summary-value.discount{color:#ff6b6b}.order-detail-page .order-details-grid .detail-card.summary-card .summary-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.order-detail-page .order-details-grid .detail-card.summary-card .charity-info{text-align:center;background:linear-gradient(135deg,#ffe8e8 0%,#fff5f5 100%);border-radius:6px;margin-top:1rem;padding:1rem}.order-detail-page .order-details-grid .detail-card.summary-card .charity-info .charity-badge{color:#666;margin-bottom:.25rem;font-size:.875rem}.order-detail-page .order-details-grid .detail-card.summary-card .charity-info .charity-amount{color:#ff6b6b;font-size:1.25rem;font-weight:700}.order-detail-page .charity-section{background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%);border-bottom:1px solid #e5e7eb;padding:2rem}.order-detail-page .charity-section .charity-content{text-align:center;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.order-detail-page .charity-section .charity-content .charity-message{color:#666;margin-bottom:1rem;font-size:1rem}.order-detail-page .charity-section .charity-content .charity-amount-large{color:#ff6b6b;margin:1rem 0;font-size:2.5rem;font-weight:700}.order-detail-page .charity-section .charity-content .charity-description{color:#999;font-size:.9rem;font-style:italic}.order-detail-page .order-actions{justify-content:center;gap:1rem;padding:2rem;display:flex}.order-detail-page .order-actions button{min-width:150px}