/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--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;--leading-snug:1.375;--radius-md:calc(var(--radius) * .8);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;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)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-\(--radix-accordion-content-height\){height:var(--radix-accordion-content-height)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-4{gap:calc(var(--spacing) * 4)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-clip-padding{background-clip:padding-box}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.text-left{text-align:left}.font-heading{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.ring,.ring-1{--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)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-aria-expanded\/accordion-trigger\:hidden:is(:where(.group\/accordion-trigger)[aria-expanded=true] *){display:none}.group-aria-expanded\/accordion-trigger\:inline:is(:where(.group\/accordion-trigger)[aria-expanded=true] *){display:inline}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:after\:border-ring:focus-visible:after{content:var(--tw-content);border-color:var(--ring)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot=accordion-trigger-icon]{margin-left:auto}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot=accordion-trigger-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot=accordion-trigger-icon]{color:var(--muted-foreground)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-open\:animate-accordion-down:where([data-state=open]),.data-open\:animate-accordion-down:where([data-open]:not([data-open=false])){animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:animate-accordion-up:where([data-state=closed]),.data-closed\:animate-accordion-up:where([data-closed]:not([data-closed=false])){animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--accent:#2563eb;--accent-hover:#1d4ed8;--text-primary:#fff;--text-secondary:#aaa;--border:#ffffff1a;--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--radius:.625rem}.light{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-card:#f1f5f9;--accent:#185fa5;--accent-hover:#1d4ed8;--text-primary:#1a1a1a;--text-secondary:#555;--border:#0000001a}.light body{background-color:var(--bg-primary);color:var(--text-primary)}html{scroll-behavior:smooth}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0}.navbar-logo{color:var(--accent);letter-spacing:1px;font-size:1.4rem;font-weight:700}.navbar-logo-img{object-fit:contain;width:auto;height:40px}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:flex}.hamburger span{background-color:var(--text-primary);width:25px;height:2px;transition:all .3s}.navbar-links{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);border-left:1px solid var(--border);flex-direction:column;gap:1rem;width:200px;padding:1rem 2rem;display:none;position:absolute;top:100%;right:0}.navbar-links.open{display:flex}.navbar-links button{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;font-size:.95rem;transition:color .2s}.navbar-links button:hover{color:#60a5fa!important}.navbar-links li{list-style:none}.navbar-links button.active{color:#185fa5;font-weight:600}.nav-deals{font-weight:700!important}.navbar-theme-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.navbar-theme-btn:hover{color:var(--text-primary);background:#ffffff14}.light .navbar-theme-btn:hover{background:#0000000f}.light .navbar-links button{color:#000}.light .navbar-links button:hover,.light .navbar-links button.active{color:#185fa5}.footer{background-color:var(--bg-secondary);border-top:1px solid #ffffff14;padding:4rem 2rem 0}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;padding-bottom:3rem;display:grid}.footer-logo{object-fit:contain;width:auto;height:40px;margin-bottom:.75rem}.footer-tagline{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;font-style:italic}.footer-desc{flex-direction:column;gap:.25rem;display:flex}.footer-desc p{color:var(--text-secondary);font-size:.9rem}.footer-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);margin-bottom:1rem;font-size:.8rem;font-weight:700}.footer-links{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-links li{color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:color .2s}.footer-links li:hover{color:#60a5fa}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#60a5fa}.footer-bottom{border-top:1px solid #ffffff14;max-width:1100px;margin:0 auto;padding:1.5rem 0}.footer-copy{color:var(--text-secondary);font-size:.85rem}.coming-soon{color:var(--text-secondary);margin-left:4px;font-size:.6rem;font-style:italic}.light .footer{background-color:#f8f8f8;border-top:1px solid #00000014}.light .footer-heading,.light .footer-copy,.light .footer-links li,.light .footer-tagline,.light .footer-desc p{color:#1a1a1a}.light .footer-links li:hover{color:#185fa5}.light .footer-links a{color:#1a1a1a}.light .footer-links a:hover{color:#185fa5}@media (width<=768px){.footer-container{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}.hero{text-align:center;background-position:50% 42%;background-size:cover;justify-content:center;align-items:center;min-height:68vh;padding:2rem;display:flex;position:relative}.hero-content{z-index:1;max-width:700px;position:relative}.hero-title{margin-bottom:1.5rem;font-size:clamp(2rem,6vw,4rem);font-weight:800;line-height:1.2}.hero-accent{color:#1c63e6;text-shadow:0 2px 2px #000}.hero-subtitle{color:#fff;margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.25rem)}.hero-buttons{grid-template-columns:1fr 1fr;gap:.75rem;width:fit-content;margin:0 auto;display:grid}.hero-btn-primary,.hero-btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.hero-btn-primary:hover,.hero-btn-secondary:hover{transform:translateY(-2px)}.hero-btn-primary{color:#fff;background:#185fa5;box-shadow:0 4px 18px #185fa573}.hero-btn-primary:hover{background:#1d6fc0;box-shadow:0 6px 24px #185fa599}.hero-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform;background:#ffffff1f;border:1px solid #ffffff59;transform:translateZ(0);box-shadow:0 4px 16px #0003}.hero-btn-secondary:hover{background:#fff3;border-color:#ffffff8c;box-shadow:0 6px 20px #00000047}.hero-overlay{opacity:1;z-index:0;background-color:#1c1c1c80;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-50%)}.light .hero-btn-primary{background:#0f3460;box-shadow:0 4px 18px #0f346073}.light .hero-btn-primary:hover{background:#1a4a8a;box-shadow:0 6px 24px #0f34608c}.light .hero-btn-secondary{color:#0f172a;background:#ffffff8c;border-color:#ffffffb3;box-shadow:0 4px 16px #0000001f}.light .hero-btn-secondary:hover{background:#ffffffbf;box-shadow:0 6px 20px #0000002e}@media (width<=480px){.hero-buttons{grid-template-columns:1fr;width:220px}}.services{background-color:var(--bg-primary);padding:6rem 2rem}.services-container{max-width:1100px;margin:0 auto}.section-title{text-align:center;color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.service-card{transition:border-color .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);background:var(--bg-card)!important;box-shadow:none!important;border:1px solid #ffffff14!important;border-radius:12px!important}.service-card:hover{transform:translateY(-6px);border-color:#fff3!important;box-shadow:0 12px 32px #0000004d!important}.service-card-content{padding:2rem!important}.service-icon{color:#fff;margin-bottom:1rem}.service-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.service-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.products{background-color:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.products-container{max-width:1100px;margin:0 auto}.products-container .section-title{color:var(--text-primary);text-align:center;font-size:2rem;font-weight:700}.products-container .section-subtitle{color:var(--text-secondary);text-align:center;margin-top:.5rem}.products-layout{align-items:flex-start;gap:1.5rem;margin-top:2rem;display:flex}.step-content{flex:1}.step-container{flex-direction:column;gap:1rem;display:flex}.step-title{color:var(--text-primary);text-align:center;font-size:1.1rem;font-weight:600}.step-hint{color:var(--text-secondary);font-size:.95rem}.price-bar{border-bottom:1px solid #ffffff14;margin-bottom:.5rem;padding:.75rem .5rem}.price-bar-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-size:11px;display:block}.price-bar-amount{color:#60a5fa;font-size:20px;font-weight:600}.side-menu{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:2px;width:200px;min-width:200px;padding:.75rem;display:flex;position:sticky;top:100px}.side-menu-item{cursor:pointer;text-align:left;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;outline:none;flex-direction:column;gap:1px;padding:.5rem .6rem;font-family:inherit;transition:background .15s;display:flex}.side-menu-item:hover{background:#ffffff0d}.side-menu-item.active{color:var(--text-primary);background:#ffffff0d}.side-menu-item.active .side-menu-dot{color:#60a5fa;font-weight:700}.side-menu-item.done .side-menu-dot{color:#22c55e}.side-menu-dot{color:var(--text-secondary);font-size:13px}.side-menu-label{color:var(--text-primary);font-size:13px;font-weight:500}.side-menu-value{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-reset{width:100%;margin-top:.5rem;color:var(--text-secondary)!important;background:0 0!important;border-color:#ffffff14!important;padding:6px!important;font-size:12px!important}.btn-reset:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.tier-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.tier-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.tier-card.selected{box-shadow:0 0 0 2px}.tier-card-body{flex-direction:column;flex:1;gap:.4rem;padding:1.25rem;display:flex}.tier-label{font-size:1.15rem;font-weight:800}.tier-tagline{color:var(--text-secondary);margin-bottom:.25rem;font-size:.82rem}.tier-price{color:var(--text-primary);white-space:nowrap;margin-top:auto;padding-top:.5rem;font-size:1.15rem;font-weight:800;line-height:1.2}.tier-highlights{flex-direction:column;gap:.35rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.tier-highlights li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.tier-highlights li:before{content:"";background:var(--dot-color,#888);border-radius:50%;flex-shrink:0;width:7px;height:7px}.tier-select-btn{cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff14;width:100%;margin:0;padding:.75rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .15s}.tier-select-btn:hover{background:#ffffff0d}.tier-card-s.selected{box-shadow:0 0 0 2px #a855f7}.tier-card-a.selected{box-shadow:0 0 0 2px #f59e0b}.tier-card-b.selected{box-shadow:0 0 0 2px #185fa5}.tier-card-c.selected{box-shadow:0 0 0 2px #22c55e}.tier-highlights-toggle{cursor:pointer;text-align:center;opacity:.85;background:0 0;border:none;border-top:1px solid #ffffff14;width:100%;padding:.65rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s;display:none}.tier-highlights-toggle:hover{opacity:1;background:#ffffff0a}.light .tier-highlights-toggle{border-top-color:#00000014}.tier-price-from{color:var(--text-secondary);font-size:.72rem;font-weight:400;display:block}.step-subtitle{color:var(--text-secondary);margin:-.5rem 0 1rem;font-size:.85rem}.color-grid{gap:1rem;display:flex}.color-card2{background:var(--bg-card);cursor:pointer;border:1px solid #ffffff14;border-radius:12px;flex:1;align-items:center;gap:.85rem;padding:1rem 1.25rem;transition:border-color .15s;display:flex}.color-card2:hover{border-color:#fff3}.color-card2.selected{border:2px solid #6366f1}.color-circle2{border-radius:50%;flex-shrink:0;width:40px;height:40px}.color-circle2.black{background:#18181b;border:1px solid #3f3f46}.color-circle2.white{background:#fafafa;border:1px solid #d4d4d8}.color-card2-info{flex-direction:column;gap:2px;display:flex}.color-card2-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.color-card2-desc{color:var(--text-secondary);font-size:.78rem}.rgb-card{background:var(--bg-card);cursor:pointer;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem;transition:border-color .15s;display:flex}.rgb-card:hover{border-color:#fff3}.rgb-card.selected{border:2px solid #6366f1}.rgb-preview{border:2px solid #ffffff26;border-radius:8px;width:100%;height:36px}.rgb-preview.rainbow{background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00f,#8b00ff)}.rgb-preview.dark{background:#1a1a1a;border-color:#ffffff14}.rgb-preview.white-chassis{background:#f4f4f5;border-color:#0000001f}.rgb-card-info{flex-direction:column;gap:2px;display:flex}.rgb-card-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.rgb-card-desc{color:var(--text-secondary);font-size:.78rem}.rgb-card-price{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:20px;align-self:flex-start;margin-top:4px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.color-card{cursor:pointer;min-width:130px;transition:border-color .15s;background:var(--bg-card)!important;box-shadow:none!important;border:1px solid #ffffff14!important;border-radius:12px!important}.color-card:hover{border-color:#fff3!important}.color-card.selected{border:2px solid #185fa5!important}.color-card-content{color:var(--text-primary);flex-direction:column;align-items:center;gap:.75rem;font-size:14px;font-weight:500;display:flex;padding:1.5rem!important}.color-circle{border-radius:50%;width:48px;height:48px}.color-circle.black{background:#18181b;border:1px solid #3f3f46}.color-circle.white{background:#fafafa;border:1px solid #d4d4d8}.cpu-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.option-card{cursor:pointer;min-width:180px;transition:border-color .15s,transform .15s;background:var(--bg-card)!important;box-shadow:none!important;border:1px solid #ffffff14!important;border-radius:12px!important}.option-card:hover{transform:translateY(-2px);border-color:#fff3!important}.option-card-selected{border:2px solid #185fa5!important}.option-card-out-of-stock{pointer-events:none;opacity:.4!important;cursor:not-allowed!important}.badge-out-of-stock{color:#f87171!important;background:#f8717126!important;border:1px solid #f871714d!important;padding:.3rem .75rem!important;font-size:.85rem!important}.option-card-content{flex-direction:column;align-items:center;gap:.5rem;display:flex;padding:1.25rem 1.5rem!important}.cpu-name{color:var(--text-primary);text-align:center;font-size:.9rem;font-weight:600}.chassis-option-img{object-fit:contain;width:110px;height:110px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.spec-card{background:var(--bg-card);cursor:pointer;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.spec-card:hover{border-color:#ffffff38}.spec-card.selected{border:2px solid #185fa5}.spec-card.out-of-stock{opacity:.4;cursor:not-allowed;pointer-events:none}.spec-card-img{object-fit:contain;width:100%;height:140px}.spec-card-name{color:var(--text-primary);padding-right:5rem;font-size:1rem;font-weight:700;line-height:1.3}.spec-card-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.spec-card-specs{border-top:1px solid #ffffff12;flex-direction:column;flex:1;padding-top:.6rem;display:flex}.spec-card-row{justify-content:space-between;align-items:center;padding:.28rem 0;font-size:.85rem;display:flex}.spec-card-label{color:var(--text-secondary)}.spec-card-value{color:var(--text-primary);font-weight:700}.spec-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex;position:relative}.spec-card-price-tag{font-size:.92rem;font-weight:700;position:absolute;top:.85rem;right:.85rem}.spec-card-price-tag.included{color:#60a5fa}.spec-card-price-tag.extra{color:#fbbf24}.light .spec-card-price-tag.included{color:#1e40af}.light .spec-card-price-tag.extra{color:#92400e}.spec-card-badge{margin-top:auto}.spec-card-btn{cursor:pointer;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;transition:background .15s;display:flex}.spec-price-text{font-size:.85rem;font-weight:600}.spec-price-text.included{color:var(--text-secondary)}.spec-price-text.extra{color:#fbbf24}.spec-price-text.out{color:#f87171}.spec-välj-text{color:#60a5fa;font-size:.88rem;font-weight:600}.spec-card-btn:hover{background:#ffffff0a}.spec-card.selected .spec-card-btn{border-top-color:#ffffff1f}.spec-välj-text.vald{color:#22c55e}.light .spec-card-btn{border-top-color:#00000014}.light .spec-välj-text{color:#185fa5}.light .spec-card-btn:hover{background:#00000008}.light .spec-card{border-color:#00000017}.light .spec-card:hover{border-color:#185fa566}.light .spec-card.selected{border-color:#185fa5}.light .spec-card-specs{border-top-color:#00000014}.badge-included{color:#60a5fa!important;background:#2563eb33!important;border:none!important;padding:4px 10px!important;font-size:13px!important}.badge-extra{color:#fbbf24!important;background:#f59e0b33!important;border:none!important;padding:4px 10px!important;font-size:13px!important}.badge-cooler-type{text-transform:uppercase;letter-spacing:.04em;color:#60a5fa!important;background:#2563eb26!important;border:1px solid #2563eb4d!important;padding:4px 10px!important;font-size:13px!important}.summary{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.summary h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}.summary ul{flex-direction:column;gap:0;list-style:none;display:flex}.summary ul li{color:var(--text-secondary);border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:.6rem 0;font-size:.9rem;display:flex}.summary ul li:last-child{border-bottom:none;padding-bottom:0}.summary ul li>span:first-child{color:#fff;font-weight:700}.summary-item-right>span:not(.summary-extra-price){color:var(--text-secondary);font-weight:400}.summary ul li:first-child span:last-child{font-size:1.1rem;font-weight:700}.summary-item-right{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.summary-extra-price{white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:800;color:#fbbf24!important}.light .summary-extra-price{color:#92400e}.summary-item-right span{color:var(--text-primary);font-weight:600}.summary-price{color:var(--text-primary)!important;border-bottom:none!important;font-weight:600!important}.summary-price span:last-child{color:#60a5fa!important;font-size:1.2rem!important;font-weight:700!important}.order-form{border-top:1px solid #ffffff14;flex-direction:column;gap:1rem;margin-top:0;padding-top:.2rem;display:flex}.order-form-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.order-form-fields{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.order-field{flex-direction:column;gap:.3rem;display:flex}.order-field label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.order-field input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.order-field input:focus{border-color:#60a5fa}.order-submit-row{justify-content:space-between;align-items:center;gap:1rem;padding-top:.25rem;display:flex}.order-total{flex-direction:column;gap:1px;display:flex}.order-total-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.order-total-price{color:#60a5fa;font-size:1.6rem;font-weight:700;line-height:1}.order-submit-btn{flex-shrink:0;width:auto!important}.light .order-total-price{color:#185fa5}.light .order-form{border-top-color:#00000014}.light .order-field input{background:#f8f8f8;border-color:#0000001f}.btn-primary{width:100%;color:#fff!important;background:#185fa5!important;border-radius:8px!important;padding:.75rem!important;font-size:.95rem!important;font-weight:500!important}.btn-primary:hover{background:#1d4ed8!important}.light .tier-card{border-color:#0000001a;box-shadow:0 2px 12px #00000012}.light .tier-card:hover{box-shadow:0 6px 20px #0000001f}.light .tier-select-btn{border-top-color:#00000014}.light .tier-select-btn:hover{background:#00000008}.light .option-card,.light .color-card,.light .side-menu{border-color:#0066ff25!important}.light .option-card:hover,.light .color-card:hover{border-color:#185fa5!important}.light .color-card2,.light .rgb-card{border-color:#0000001a}.light .color-card2:hover,.light .rgb-card:hover{border-color:#0003}.light .rgb-preview.dark{background:#d4d4d8;border-color:#0000001a}.light .tier-tagline{color:#000}.light .badge-included{color:#1e40af!important;background:#dbeafe!important}.light .badge-extra{color:#92400e!important;background:#fef3c7!important}.light .badge-cooler-type{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.light .summary{border-color:#0000001a!important}.light .summary ul li{border-bottom-color:#00000014}.light .price-bar-amount{color:#185fa5}.light .summary-price span:last-child{color:#185fa5!important}@media (width<=768px){.order-form-fields{grid-template-columns:1fr}.products-layout{flex-direction:column}.side-menu{width:100%;min-width:unset;flex-flow:wrap;gap:4px;padding:.5rem;position:static}.price-bar{text-align:center;border-bottom:none;width:100%;margin-bottom:0;padding:.5rem}.side-menu-item{flex:1;align-items:center;min-width:55px;max-width:75px;padding:.4rem}.side-menu-label{font-size:.8rem}.side-menu-dot{font-size:10px}.side-menu-value{display:none}.tier-grid{grid-template-columns:repeat(2,1fr)}.tier-highlights{display:none}.tier-highlights.expanded{display:flex}.tier-highlights-toggle{display:block}.cpu-grid{flex-direction:column;align-items:center}.spec-grid{grid-template-columns:1fr}.option-card,.step-content,.summary{width:100%}.summary ul li{flex-direction:column;align-items:flex-start;gap:.15rem;font-size:.85rem}.summary ul li .summary-item-right{justify-content:space-between;width:100%}.summary-item-right>span:not(.summary-extra-price){order:1}.summary-extra-price{order:2}.badge-extra{padding:2px 6px!important;font-size:10px!important}}.alert-modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.alert-modal{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:1.5rem;position:relative}.alert-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px;display:flex;position:absolute;top:1rem;right:1rem}.alert-modal-title{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.alert-modal-body{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.alert-modal-message{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.light .alert-modal{border-color:#0000001a}.services-page{background:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.services-page-container{max-width:780px;margin:0 auto}.services-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:2.5rem 0 1rem;font-size:.78rem;font-weight:700}.packages-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.package-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.package-header{flex-direction:column;gap:.25rem;display:flex}.package-name{color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.3}.package-pricing{align-items:baseline;gap:.5rem;display:flex}.package-price{color:#60a5fa;font-size:1.4rem;font-weight:800}.package-save{color:#4ade80;font-size:.75rem;font-weight:600}.package-items{flex-direction:column;flex:1;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.package-items li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.package-dot{background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.package-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.6rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.package-btn:hover{background:#ffffff1a;border-color:#fff3}.services-list{border:1px solid #ffffff14;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.service-row{background:var(--bg-card);border-bottom:1px solid #ffffff0f;transition:background .15s}.service-row:last-child{border-bottom:none}.service-row.open{background:#ffffff08}.service-main{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-family:inherit;display:flex}.service-left{align-items:center;gap:.85rem;min-width:0;display:flex}.service-icon{width:36px;height:36px;color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-title{color:var(--text-primary);text-align:left;font-size:.9rem;font-weight:600}.service-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.service-price{color:#60a5fa;white-space:nowrap;font-size:.9rem;font-weight:700}.service-book-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;padding:.35rem .8rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s}.service-book-btn:hover{background:#ffffff1a;border-color:#fff3}.service-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.service-chevron.rotated{transform:rotate(180deg)}.service-desc{color:var(--text-secondary);padding:0 1.25rem 1rem 4rem;font-size:.85rem;line-height:1.6}.service-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.service-modal{background:var(--bg-card);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:1.5rem}.service-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.service-modal-title{color:var(--text-primary);margin:0 0 .2rem;font-size:1.1rem;font-weight:700}.service-modal-sub{color:var(--text-secondary);margin:0;font-size:.85rem}.service-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.service-modal-form{flex-direction:column;gap:.85rem;display:flex}.service-field{flex-direction:column;gap:.3rem;display:flex}.service-field label{color:var(--text-primary);font-size:.82rem;font-weight:600}.service-field input,.service-field textarea{background:var(--bg-primary);color:var(--text-primary);resize:vertical;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .15s}.service-field input:focus,.service-field textarea:focus{border-color:#ffffff40}.service-field input::placeholder,.service-field textarea::placeholder{color:var(--text-secondary)}.service-modal-desc{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;margin:0;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.light .service-modal-desc{background:#0000000a;border-color:#0000001a}.service-modal-error{color:#f87171;margin:0;font-size:.82rem}.service-modal-notice{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;margin:0;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.service-submit-btn{color:#fff;cursor:pointer;background:#185fa5;border:none;border-radius:8px;padding:.75rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .15s}.service-submit-btn:hover{opacity:.9}.service-submit-btn:disabled{opacity:1;cursor:not-allowed;background:#374151}.service-fee-text{font-size:.82rem;font-weight:700}.service-confirm-label{color:var(--text-primary);cursor:pointer;align-self:flex-start;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.service-confirm-label input[type=checkbox]{cursor:pointer;accent-color:#2563eb;flex-shrink:0;width:16px;height:16px}.service-modal-done{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 .5rem;display:flex}.service-modal-done p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.light .package-card,.light .services-list{border-color:#00000014}.light .service-row{border-bottom-color:#0000000f}.light .service-row.open{background:#00000005}.light .service-icon,.light .package-btn,.light .service-book-btn{background:#0000000a;border-color:#00000014}.light .package-btn:hover,.light .service-book-btn:hover{background:#00000014;border-color:#00000026}.light .package-price,.light .service-price{color:#185fa5}.light .package-save{color:#15803d}.light .service-modal{border-color:#0000001a}.light .service-field input,.light .service-field textarea{background:#fff;border-color:#0000001a}.light .service-field input:focus,.light .service-field textarea:focus{border-color:#00000040}.light .service-modal-notice{background:#0000000a;border-color:#0000001a}.light .service-submit-btn{color:#fff;background:#185fa5}@media (width<=700px){.packages-grid{grid-template-columns:1fr}.service-desc{padding-left:1.25rem}.service-book-btn{display:flex}}.contact{background-color:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.contact-container{max-width:580px;margin:0 auto}.contact-card{margin-top:2rem;background:var(--bg-card)!important;box-shadow:none!important;border:1px solid #ffffff14!important;border-radius:14px!important}.contact-card-content{padding:1.75rem!important}.contact-form{flex-direction:column;gap:.85rem;display:flex}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group label{color:var(--text-primary);font-size:.82rem;font-weight:600}.form-group input,.form-group textarea{background:var(--bg-primary);color:var(--text-primary);resize:vertical;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:#ffffff40}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-select{background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .15s}.form-select:focus{border-color:#ffffff40}.form-select option{background-color:var(--bg-card);color:var(--text-primary)}.submit-btn{cursor:pointer;margin-top:.25rem;color:#000!important;background:#60a5fa!important;border:none!important;border-radius:8px!important;width:100%!important;height:auto!important;padding:.75rem!important;font-family:inherit!important;font-size:.9rem!important;font-weight:700!important;transition:opacity .15s!important}.submit-btn:hover{opacity:.9!important}.light .contact-card{border-color:#00000014!important}.light .form-group input,.light .form-group textarea,.light .form-select{color:#1a1a1a;background:#fff;border-color:#0000001a}.light .form-group input:focus,.light .form-group textarea:focus,.light .form-select:focus{border-color:#00000040}.light .submit-btn{color:#fff!important;background:#185fa5!important}.reviews-section{background-color:var(--bg-primary);padding:0 2rem 6rem}.reviews-container{max-width:900px;margin:0 auto}.reviews-container .section-subtitle{margin-bottom:.75rem}.reviews-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;margin-bottom:3rem;display:grid}.review-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.6rem;padding:1.25rem 1.4rem;display:flex}.review-card-header{justify-content:space-between;align-items:center;display:flex}.review-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.review-date{color:var(--text-secondary);font-size:.78rem}.star-display{gap:2px;display:flex}.review-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.review-form-wrap{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;padding:1.75rem}.review-form-title{color:var(--text-primary);margin:0 0 .3rem;font-size:1.1rem;font-weight:700}.review-form-sub{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.82rem}.review-form{flex-direction:column;gap:.85rem;display:flex}.review-form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.star-input{gap:2px;padding-top:.3rem;display:flex}.star-input-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.review-done{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0 .5rem;display:flex}.review-done p{color:var(--text-secondary);margin:0;font-size:.95rem}.light .review-card,.light .review-form-wrap{border-color:#00000014}.light .star-display svg,.light .star-input-btn svg{color:#0003}@media (width<=768px){.reviews-grid,.review-form-row{grid-template-columns:1fr}.review-form-wrap{padding:1.25rem}}.stats-wrapper{background:var(--bg-primary);width:100%}.stats-section{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:900px;margin:0 auto;padding:2rem 2rem 0;display:grid}.stat-item{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}@media (width<=600px){.stats-section{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 1.5rem}.stat-value{font-size:2rem}}.about{background-color:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.about-container{max-width:700px;margin:0 auto}.about-card{margin-top:2rem;background:var(--bg-card)!important;box-shadow:none!important;border:1px solid #ffffff14!important;border-radius:12px!important}.about-card-content{flex-direction:column;gap:1.25rem;display:flex;padding:2rem!important}.about-card-content p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.about-stat-card{background:var(--bg-card)!important;box-shadow:none!important;border:1px solid #ffffff14!important;border-radius:12px!important}.about-stat-content{flex-direction:column;align-items:center;gap:.4rem;display:flex;padding:1.5rem!important}.about-stat-number{color:#60a5fa;white-space:nowrap;font-size:2rem;font-weight:700}.about-stat-label{color:var(--text-secondary);text-align:center;font-size:.85rem}.light .about-card,.light .about-stat-card{border-color:#0066ff25!important}.light .about-stat-number{color:#185fa5}@media (width<=768px){.about-stats{grid-template-columns:repeat(2,1fr)}}.faq{background-color:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.faq-container{max-width:700px;margin:0 auto}.faq-accordion{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.faq-item{transition:border-color .2s;background:var(--bg-card)!important;border:1px solid #ffffff14!important;border-radius:12px!important;padding:0!important}.faq-item-skel{justify-content:space-between;align-items:center;display:flex;padding:1.25rem 1.5rem!important}.faq-item:hover{border-color:#fff3!important}.faq-question{color:var(--text-primary)!important;text-align:left!important;padding:1.25rem 1.5rem!important;font-size:1rem!important;font-weight:600!important}.faq-question:hover{text-decoration:none!important}.faq-question svg{color:#60a5fa!important}.faq-answer{color:var(--text-secondary)!important;padding:0 1.5rem 1.25rem!important;font-size:.95rem!important;line-height:1.7!important}.light .faq-item{border-color:#0066ff25!important}.light .faq-answer{color:#1a1a1a!important}.used-products{background-color:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.used-products-container{max-width:900px;margin:0 auto}.used-products-grid{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.used-product-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;transition:border-color .2s,transform .2s;overflow:hidden}.used-product-content{align-items:stretch;gap:0;display:flex}.used-product-image{cursor:pointer;border-radius:12px 0 0 12px;min-width:200px;position:relative;overflow:hidden}.used-product-img{object-fit:cover;border-radius:12px 0 0 12px;width:200px;height:100%;display:block}.used-product-icon{justify-content:center;align-items:center;width:200px;height:100%;font-size:3rem;display:flex}.used-product-gallery-hint{text-align:center;color:var(--text-secondary);background:#0000004d;width:100%;padding:4px 0;font-size:11px;display:block;position:absolute;bottom:0}.used-product-info{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.used-product-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.used-product-name{color:var(--text-primary);font-size:1.05rem;font-weight:600}.used-product-condition{z-index:1;border:none!important;border-radius:6px!important;padding:4px 10px!important;font-size:12px!important;font-weight:700!important;position:absolute!important;top:10px!important;right:10px!important}.used-product-specs{flex-direction:column;flex:1;gap:0;list-style:none;display:flex}.used-product-specs li{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:.4rem 0;font-size:.85rem;display:flex}.spec-label{color:var(--text-secondary);font-weight:500}.spec-value{color:var(--text-primary);font-weight:600}.used-product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.used-product-price{color:#60a5fa;font-size:1.3rem;font-weight:700}.used-product-btn{color:#fff;cursor:pointer;background:#185fa5;border:none;border-radius:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .2s}.used-product-btn:hover{background:#1d4ed8}.used-product-gallery{border-top:1px solid #ffffff14;gap:.75rem;padding:1rem;display:flex;overflow-x:auto}.used-product-gallery-item{cursor:pointer;border-radius:8px;flex-shrink:0;overflow:hidden}.used-product-gallery-img{object-fit:cover;width:100px;height:100px;transition:transform .15s;display:block}.used-product-gallery-img:hover{transform:scale(1.05)}.lightbox{z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-content{background:var(--bg-card);border-radius:12px;width:90%;max-width:500px;padding:1rem;position:relative}.lightbox-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:.5rem;right:.75rem}.lightbox-img{object-fit:contain;border-radius:8px;width:100%}.used-product-actions{align-items:center;gap:.75rem;display:flex}.details-btn{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem}.details-btn:hover{color:#93c5fd}.used-product-details{border-top:1px solid #ffffff14;flex-direction:column;gap:0;padding:1rem 1.25rem;display:flex}.detail-row{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:2px;padding:.5rem 0;display:flex}.detail-row.last{border-bottom:none}.detail-label{text-transform:uppercase;letter-spacing:.06em;color:#60a5fa;font-size:11px;font-weight:600}.detail-text{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.light .used-product-card{border-color:#0066ff25!important}.light .used-product-specs li,.light .detail-row{border-bottom-color:#00000014}.light .used-product-gallery{border-top-color:#00000014}.light .used-product-price,.light .details-btn{color:#185fa5}.light .details-btn:hover{color:#0f3460}.light .detail-label{color:#185fa5}.light .detail-text{color:#555}.used-product-card.reserved{opacity:.55;filter:grayscale(.6);pointer-events:auto}.used-product-btn.reserved-btn{color:var(--text-secondary)!important;cursor:default!important;background:#ffffff14!important;border-color:#ffffff1f!important}.light .used-product-btn.reserved-btn{color:#aaa!important;background:#0000000f!important;border-color:#0000001a!important}.buy-modal-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.buy-modal{background:var(--bg-card);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:420px;padding:1.5rem}.buy-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.buy-modal-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.buy-modal-sub{color:var(--text-secondary);margin:.2rem 0 0;font-size:.8rem}.buy-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.buy-modal-close:hover{color:var(--text-primary)}.buy-modal-form{flex-direction:column;gap:.85rem;display:flex}.buy-field{flex-direction:column;gap:.3rem;display:flex}.buy-field label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.buy-field input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.buy-field input:focus{border-color:#60a5fa}.buy-error{color:#f87171;margin:0;font-size:.82rem}.buy-modal-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding-top:.75rem;display:flex}.buy-modal-price{color:#60a5fa;font-size:1.4rem;font-weight:700}.buy-submit-btn{color:#fff;cursor:pointer;background:#185fa5;border:none;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .15s}.buy-submit-btn:hover:not(:disabled){background:#1d4ed8}.buy-submit-btn:disabled{opacity:1;cursor:not-allowed;background:#374151}.buy-delivery-label{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;margin:0 0 .75rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.light .buy-delivery-label{background:#0000000a;border-color:#0000001a}.tab-group{background:#ffffff0f;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2px;width:100%;padding:3px;display:grid}.tab-option{color:var(--text-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1 1 0;padding:.5rem .75rem;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.tab-option:hover{color:var(--text-primary);background:#ffffff12}.tab-option.active{color:#fff;background:#1d4ed8}.tab-delivery-fee{color:#fbbf24;font-weight:600}.tab-option.active .tab-delivery-fee{color:#fde68a}.light .tab-group{background:#00000012}.light .tab-option{color:#6b7280}.light .tab-option:hover{color:#111827;background:#0000000f}.light .tab-option.active{color:#fff;background:#1d4ed8}.light .tab-delivery-fee{color:#dc2626}.light .tab-option.active .tab-delivery-fee{color:#fca5a5}.buy-fee-text{font-size:.82rem;font-weight:700}.buy-confirm-label{color:var(--text-primary);cursor:pointer;align-self:flex-start;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.buy-confirm-label input[type=checkbox]{cursor:pointer;accent-color:#2563eb;flex-shrink:0;width:16px;height:16px}.light .buy-modal{border-color:#0000001a}.light .buy-field input{background:#f8f8f8;border-color:#0000001f}.light .buy-modal-footer{border-top-color:#00000014}.buy-pay-step{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.5rem;display:flex}.light .buy-modal-price{color:#185fa5}@media (width<=768px){.used-products{padding:5rem 1rem 3rem}.used-product-content{flex-direction:column}.used-product-header{flex-direction:column;align-items:flex-start}.used-product-image{width:100%;min-width:unset;border-radius:12px 12px 0 0}.used-product-img{object-fit:cover;object-position:center 50%;border-radius:12px 12px 0 0;width:100%;height:220px}.used-product-icon{width:100%;height:160px}.used-product-info{gap:.6rem;padding:1rem}.used-product-name{font-size:.98rem}.used-product-specs li{flex-direction:column;gap:1px;padding:.35rem 0}.spec-label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.spec-value{font-size:.82rem}.used-product-footer{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem}.used-product-price{font-size:1.15rem}.used-product-actions{flex-direction:row;align-items:center}.used-product-btn{width:auto;padding:.5rem 1rem;font-size:.85rem}.used-product-card:hover{border-color:#ffffff14;transform:none}}.track-page{background:var(--bg-primary);min-height:100vh;padding:6rem 2rem}.track-container{max-width:680px;margin:0 auto}.track-title{color:var(--text-primary);text-align:center;margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.track-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 2.5rem;font-size:1rem}.track-form{margin-bottom:2rem}.track-input-wrap{gap:.75rem;display:flex}.track-input{background:var(--bg-card);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.track-input:focus{border-color:#ffffff40}.track-input::placeholder{color:var(--text-secondary)}.track-btn{background:var(--accent,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .15s;display:flex}.track-btn:disabled{opacity:.6;cursor:not-allowed}.track-error{color:#f87171;margin:0 0 1rem;font-size:.88rem}.track-empty{color:var(--text-secondary);margin:0;font-size:.9rem}.track-orders{flex-direction:column;gap:1.25rem;display:flex}.track-order-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;padding:1.25rem 1.5rem}.track-order-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.track-order-type{color:var(--text-primary);font-size:1rem;font-weight:700;display:block}.track-order-config{color:var(--text-secondary);margin-top:.2rem;font-size:.8rem;display:block}.track-order-meta{text-align:right;flex-shrink:0}.track-order-price{color:var(--text-primary);font-size:1rem;font-weight:700;display:block}.track-order-date{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem;display:block}.track-steps{flex-direction:column;gap:0;display:flex}.track-step{align-items:flex-start;gap:.75rem;display:flex;position:relative}.track-step-icon{width:32px;height:32px;color:var(--text-secondary);background:var(--bg-primary);z-index:1;border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-step.done .track-step-icon{color:#4ade80;border-color:#4ade80}.track-step.active .track-step-icon{color:#60a5fa;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.track-step-line{background:#ffffff14;width:2px;height:28px;position:absolute;top:32px;left:15px}.track-step-line.done{background:#4ade80}.track-step-info{flex-direction:column;gap:.2rem;padding:6px 0 24px;display:flex}.track-step:last-child .track-step-info{padding-bottom:0}.track-step-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.track-step-label{color:var(--text-secondary);font-size:.88rem;font-weight:600}.track-step.done .track-step-label{color:var(--text-primary)}.track-step-ts{color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:1px 8px;font-size:.73rem;font-weight:500}.track-step.active .track-step-ts{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa33}.track-step-desc{color:var(--text-secondary);font-size:.78rem}.light .track-step-ts{background:#0000000a;border-color:#00000017}.light .track-step.active .track-step-ts{color:#1d4ed8;background:#1d4ed812;border-color:#1d4ed833}.track-invoice-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}.track-invoice-btn:hover{color:var(--text-primary);border-color:#ffffff4d}.track-review-wrap{border-top:1px solid #ffffff12;margin-top:1.5rem;padding-top:1.5rem}.track-review-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:700}.track-review-sub{color:var(--text-secondary);margin:0 0 1rem;font-size:.82rem}.track-review-form{flex-direction:column;gap:.75rem;display:flex}.track-review-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.track-review-field{flex-direction:column;gap:.3rem;display:flex}.track-review-field label{color:var(--text-primary);font-size:.82rem;font-weight:600}.track-review-field input,.track-review-field textarea{background:var(--bg-primary);color:var(--text-primary);resize:vertical;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .15s}.track-review-field input:focus,.track-review-field textarea:focus{border-color:#ffffff40}.track-review-field input::placeholder,.track-review-field textarea::placeholder{color:var(--text-secondary)}.track-star-input{gap:2px;padding-top:.3rem;display:flex}.track-review-btn{color:#000;cursor:pointer;background:#60a5fa;border:none;border-radius:8px;align-self:flex-start;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .15s}.track-review-btn:hover{opacity:.9}.track-review-btn:disabled{opacity:.6;cursor:not-allowed}.track-review-done{border-top:1px solid #ffffff12;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.track-review-done p{color:var(--text-secondary);margin:0;font-size:.9rem}.light .track-input{border-color:#0000001a}.light .track-input:focus{border-color:#00000040}.light .track-order-card{border-color:#00000014}.light .track-step-icon{border-color:#0000001f}.light .track-step-line{background:#00000014}.light .track-invoice-btn{border-color:#00000026}.light .track-invoice-btn:hover{border-color:#0000004d}.light .track-review-wrap{border-top-color:#00000014}.light .track-review-field input,.light .track-review-field textarea{color:#1a1a1a;background:#fff;border-color:#0000001a}.light .track-review-field input:focus,.light .track-review-field textarea:focus{border-color:#00000040}.light .track-review-field input::placeholder,.light .track-review-field textarea::placeholder{color:#00000059}.light .track-review-done{border-top-color:#00000014}@media (width<=600px){.track-page{padding:5rem 1rem 2rem}.track-title{font-size:1.5rem}.track-input-wrap,.track-order-header{flex-direction:column}.track-order-meta{text-align:left}}.admin-login-page{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:380px;padding:2.5rem}.admin-login-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.admin-login-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.admin-login-form{flex-direction:column;gap:1.25rem;display:flex}.admin-login-error{color:#f87171;font-size:.85rem}.admin-login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s}.admin-login-btn:hover{opacity:.85}.admin-login-btn:disabled{opacity:.5;cursor:not-allowed}.builds-specs-textarea{width:100%;font-family:monospace!important;font-size:.82rem!important}.builds-tier-list{flex-direction:column;gap:.75rem;display:flex}.builds-tier-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.builds-tier-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.builds-tier-info{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.builds-tier-badge{border-radius:6px;flex-shrink:0;padding:.25rem .65rem;font-size:.85rem;font-weight:800}.builds-tier-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.builds-tier-tagline{color:var(--text-secondary);margin-top:1px;font-size:.78rem;display:block}.builds-tier-price{color:#60a5fa;margin-left:auto;font-size:.88rem;font-weight:600}.builds-tier-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.builds-expand-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:.35rem .5rem;transition:color .2s,border-color .2s;display:flex}.builds-expand-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.builds-components{border-top:1px solid var(--border);padding:1rem 1.25rem}.builds-components-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.builds-components-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.builds-add-component-btn{padding:.35rem .75rem!important;font-size:.8rem!important}.builds-component-form{margin-bottom:.75rem}.builds-component-list{flex-direction:column;gap:.4rem;display:flex}.builds-component-row{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.builds-component-images{flex-shrink:0}.builds-img-pair{gap:4px;display:flex}.builds-img-slot{flex-direction:column;align-items:center;gap:2px;display:flex}.builds-img-label{color:var(--text-secondary);font-size:.65rem;font-weight:700;line-height:1}.builds-component-img{object-fit:contain;background:#1a1a1a;border-radius:6px;width:36px;height:36px}.builds-component-img-white{background:#e5e7eb}.builds-img-placeholder{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:6px;width:36px;height:36px;display:block}.builds-component-icon{width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.builds-component-main{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.builds-component-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.builds-component-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.builds-component-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.builds-component-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.builds-component-brand{color:#60a5fa;text-transform:capitalize;font-size:.72rem}.builds-component-extra{color:#86efac;text-align:right;flex-shrink:0;min-width:70px;font-size:.82rem;font-weight:600}.builds-component-extra.upgrade{color:#fbbf24}.builds-component-group{margin-bottom:.75rem}.builds-group-label{text-transform:uppercase;letter-spacing:.06em;color:#86efac;margin-bottom:.4rem;padding-left:.25rem;font-size:.72rem;font-weight:700;display:block}.builds-group-label-upgrade{color:#fbbf24}.builds-radio-group{gap:.6rem;padding:.25rem 0;display:flex}.builds-radio-label{color:var(--text-secondary);cursor:pointer;border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:border-color .2s,color .2s,background .2s;display:flex}.builds-radio-label:has(input:checked){color:#60a5fa;background:#60a5fa26;border-color:#60a5fa}.builds-radio-label input[type=radio]{display:none}.builds-pending-section{border-top:1px solid var(--border);margin-top:.25rem;padding-top:1rem}.builds-pending-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.builds-pending-comp-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:.75rem}.builds-pending-form-actions{border-top:none!important;margin-top:.5rem!important;padding-top:.5rem!important}.builds-pending-list{margin-top:.5rem}.builds-no-components{margin:.5rem 0 0!important;font-size:.85rem!important}.light .builds-component-row{background:#00000008}.light .builds-component-extra{color:#15803d}.light .builds-component-extra.upgrade{color:#b45309}.light .builds-group-label{color:#15803d}.light .builds-group-label-upgrade{color:#b45309}.light .builds-radio-label:has(input:checked){color:#1d4ed8;background:#1d4ed814;border-color:#1d4ed8}.light .builds-component-img{background:#e5e7eb}@media (width<=600px){.builds-tier-header{flex-wrap:wrap}.builds-tier-price{margin-left:0}.builds-tier-actions{justify-content:flex-end;width:100%}.builds-component-main{flex-direction:column;align-items:flex-start;gap:.4rem}.builds-component-right{justify-content:flex-start;width:100%}}.orders-list{flex-direction:column;gap:.75rem;display:flex}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.order-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.order-meta{align-items:center;gap:.6rem;display:flex}.order-type-badge,.order-status-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.order-customer-block{flex-direction:column;gap:1px;display:flex}.order-customer{color:var(--text-primary);font-size:.95rem;font-weight:700}.order-subtitle{color:var(--text-secondary);font-size:.75rem}.order-details{border-top:1px solid var(--border);flex-direction:column;gap:0;padding-top:.6rem;display:flex}.order-detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:.3rem 0;font-size:.83rem;display:flex}.order-detail-row:last-child{border-bottom:none}.order-detail-label{color:var(--text-secondary)}.order-detail-value{color:var(--text-primary);font-weight:500}.order-price{color:#60a5fa!important;font-weight:700!important}.order-config{border-top:1px solid var(--border);padding-top:.6rem}.order-config-toggle{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem}.order-config-toggle:hover{color:#93c5fd}.order-config-list{flex-direction:column;gap:0;margin-top:.5rem;list-style:none;display:flex}.order-config-list li{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:.25rem 0;font-size:.8rem;display:flex}.order-config-list li:last-child{border-bottom:none}.order-config-key{color:var(--text-secondary);text-transform:capitalize}.order-config-val{color:var(--text-primary);text-align:right;max-width:60%;font-weight:500}.order-actions{flex-wrap:wrap;gap:.5rem;display:flex}.order-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:opacity .2s}.order-btn:disabled{opacity:.5;cursor:not-allowed}.order-btn:hover:not(:disabled){opacity:.8}.order-btn-confirm{color:#60a5fa;background:#60a5fa33;border:1px solid #60a5fa59}.order-btn-built{color:#86efac;background:#86efac33;border:1px solid #86efac59}.order-btn-delivered{color:#22c55e;background:#22c55e33;border:1px solid #22c55e59}.order-btn-edit{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1f}.order-btn-edit:hover:not(:disabled){color:var(--text-primary)}.order-status-edit{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.order-status-option{cursor:pointer;border:1px solid;border-radius:8px;padding:.4rem .8rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:opacity .15s}.order-status-option:disabled{opacity:.35;cursor:default}.order-status-option:not(:disabled):hover{opacity:.75}.order-btn-delete{color:#f87171;background:#f871711f;border:1px solid #f871714d;margin-left:auto;padding:.5rem .7rem}.order-confirm-delete{color:var(--text-secondary);align-items:center;gap:.5rem;margin-left:auto;font-size:.83rem;display:flex}.order-confirm-yes,.order-confirm-no{cursor:pointer;border:none;border-radius:6px;padding:.3rem .7rem;font-family:inherit;font-size:.8rem;font-weight:600}.order-confirm-yes{color:#f87171;background:#f8717133;border:1px solid #f871714d}.order-confirm-yes:hover{background:#f8717159}.order-confirm-no{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a}.order-confirm-no:hover{background:#ffffff1a}.light .order-detail-row,.light .order-config-list li{border-bottom-color:#0000000d}.light .order-btn-confirm{color:#1d4ed8;background:#1d4ed81a;border-color:#1d4ed84d}.light .order-btn-built{color:#15803d;background:#15803d1a;border-color:#15803d4d}.light .order-btn-delivered{color:#166534;background:#15803d1f;border-color:#15803d59}.light .order-btn-edit{background:#0000000d;border-color:#0000001f}.light .order-btn-edit:hover:not(:disabled){background:#00000014}.light .order-confirm-no{background:#0000000d;border-color:#0000001a}.light .order-confirm-no:hover{background:#00000014}.light .order-status-option[data-status=PENDING]{color:#92400e!important;background:#92400e1f!important;border-color:#92400e66!important}.light .order-status-option[data-status=CONFIRMED]{color:#1e40af!important;background:#1e40af1f!important;border-color:#1e40af66!important}.light .order-status-option[data-status=BUILT]{color:#166534!important;background:#1665341f!important;border-color:#16653466!important}.light .order-status-option[data-status=DELIVERED]{color:#14532d!important;background:#14532d26!important;border-color:#14532d73!important}@media (width<=600px){.order-card{padding:.9rem 1rem}.order-detail-row,.order-config-list li{flex-direction:column;gap:1px}.order-config-val{text-align:left;max-width:100%}}.skel-stat-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.skel-panel{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.dashboard{padding:0}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.dashboard-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.85rem}.dashboard-stats{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.dash-stat-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:130px;padding:1.25rem 1.5rem;transition:border-color .15s;display:flex}.dash-stat-card:hover{border-color:#ffffff26}.dash-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.78rem;font-weight:500}.dash-stat-bottom{color:var(--text-secondary);font-size:.78rem}.dash-stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1}.dash-stat-sub{color:var(--text-secondary);font-size:.78rem}.dash-revenue-wrap{align-items:center;display:flex;position:relative}.dash-revenue-tooltip{background:var(--bg-card);z-index:100;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:.3rem;min-width:160px;padding:.6rem .85rem;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 16px #0000004d}.dash-revenue-wrap:hover .dash-revenue-tooltip{display:flex}.dash-revenue-row{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.dash-revenue-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-revenue-val{color:var(--text-primary);margin-left:auto;padding-left:.75rem;font-weight:600}.light .dash-revenue-tooltip{border-color:#0000001a;box-shadow:0 4px 16px #0000001a}.dashboard-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:1.5rem;display:grid;overflow:hidden}.dash-right-col{flex-direction:column;gap:1rem;display:flex}.dash-panel{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:1.25rem;overflow:hidden}.dash-panel-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem;font-weight:600}.dash-orders-list{flex-direction:column;gap:0;display:flex}.dash-order-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;display:flex;overflow:hidden}.dash-order-row:last-child{border-bottom:none}.dash-order-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.dash-order-top{align-items:baseline;gap:.5rem;display:flex}.dash-order-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.dash-order-num{color:var(--text-secondary);flex-shrink:0;font-size:.72rem;font-weight:500}.dash-order-meta{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.dash-order-tag{color:#60a5fa;white-space:nowrap;text-overflow:ellipsis;background:#60a5fa1a;border:1px solid #60a5fa40;border-radius:4px;flex-shrink:1;max-width:180px;padding:.1rem .4rem;font-size:.7rem;font-weight:600;overflow:hidden}.dash-order-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:260px;font-size:.72rem;overflow:hidden}.dash-order-config{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dash-order-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.3rem;margin-top:.25rem;padding-top:.75rem;display:flex}.dash-page-arrow{border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.dash-page-arrow:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.dash-page-arrow:disabled{opacity:.25;cursor:default}.dash-page-num{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.dash-page-num:hover{color:var(--text-primary);border-color:var(--border)}.dash-page-num.active{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa66}.dash-order-date{color:var(--text-secondary);opacity:.7;font-size:.72rem}.dash-order-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.dash-order-price{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600}.dash-status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.dash-tiers-list{flex-direction:column;gap:.6rem;display:flex}.dash-tier-row{flex-direction:column;gap:.3rem;display:flex}.dash-tier-row-bar{align-items:center;gap:.75rem;display:flex}.dash-tier-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.dash-tier-bar-wrap{background:#ffffff0f;border-radius:4px;flex:1;height:8px;overflow:hidden}.dash-tier-bar{border-radius:4px;height:100%;transition:width .4s}.dash-tier-count{color:var(--text-secondary);text-align:right;flex-shrink:0;width:20px;font-size:.8rem}.dash-computers-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.dash-computer-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.dash-computer-thumb{object-fit:cover;width:100%;height:130px}.dash-computer-thumb-placeholder{background:#ffffff0f;width:100%;height:130px}.dash-computer-card-info{flex-direction:column;gap:.25rem;padding:.6rem .7rem;display:flex}.dash-computer-name{color:var(--text-primary);word-break:break-word;font-size:.82rem;font-weight:700;line-height:1.3}.dash-computer-price{color:var(--text-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.dash-computer-badge{white-space:nowrap;border:1px solid;border-radius:20px;align-self:flex-start;padding:2px 8px;font-size:.68rem;font-weight:600}.dash-nav{gap:.75rem;display:flex}.dash-nav-btn{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}.dash-nav-btn:hover{color:var(--text-primary);border-color:#fff3}.dash-nav-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.light .dash-stat-card,.light .dash-panel,.light .dash-nav-btn{border-color:#00000014}.light .dash-stat-card:hover{border-color:#00000026}.light .dash-order-row,.light .dash-computer-row{border-bottom-color:#0000000f}.light .dash-computer-card{background:#00000008;border-color:#00000014}.light .dash-computer-thumb-placeholder{background:#0000000f}.light .dash-computer-badge[data-badge=Till\ salu]{color:#15803d!important;background:#15803d1f!important;border-color:#15803d59!important}.light .dash-computer-badge[data-badge=Reserverad]{color:#92400e!important;background:#92400e1f!important;border-color:#92400e59!important}.light .dash-computer-badge[data-badge=Såld]{color:#b91c1c!important;background:#b91c1c1a!important;border-color:#b91c1c4d!important}.light .dash-tier-bar-wrap{background:#0000000f}.light .dash-nav-btn:hover{border-color:#0003}@media (width<=768px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.dash-nav{flex-wrap:wrap}.dashboard-columns{grid-template-columns:1fr}.dash-stat-value{font-size:1.6rem}.dash-nav{flex-wrap:wrap;gap:.5rem}.dash-nav-btn{padding:.55rem .85rem;font-size:.82rem}.dash-panel{padding:1rem;overflow:hidden}.dash-panel-title{margin-bottom:.75rem}.dash-order-row{flex-wrap:wrap;gap:.3rem}.dash-order-info{flex:1;min-width:0}.dash-order-name{font-size:.85rem}.dash-order-config{white-space:normal;font-size:.72rem}.dash-order-right{flex-direction:column;align-items:flex-start;gap:3px;width:100%}.dash-tier-name{width:45px}.dash-computers-grid{grid-template-columns:repeat(2,1fr)}}.skel{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.light .skel{background:linear-gradient(90deg,#0000000f 25%,#0000001a 50%,#0000000f 75%) 0 0/600px 100%}.skel-product-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.light .skel-product-row{border-bottom-color:#0000000f}.admin-panel-page{background-color:var(--bg-primary);min-height:100vh;padding:2rem}.admin-panel-header{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 2rem;display:flex}.admin-panel-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.admin-logout-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:color .2s,border-color .2s;display:flex}.admin-logout-btn:hover{color:#f87171;border-color:#f87171}.admin-panel-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;max-width:900px;margin:0 auto;padding:2rem}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-section-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.admin-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.admin-add-btn:hover{opacity:.85}.admin-error{color:#f87171;margin-bottom:1rem;font-size:.9rem}.admin-loading,.admin-empty{color:var(--text-secondary);font-size:.95rem}.admin-form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.admin-form h4{color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;font-weight:700}.admin-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-field{flex-direction:column;gap:.4rem;display:flex}.admin-field label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.admin-field input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.admin-field input:focus{border-color:var(--accent)}.admin-field select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.admin-field select:focus{border-color:var(--accent)}.admin-form-actions{gap:.75rem;margin-top:1.25rem;display:flex}.admin-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .2s}.admin-save-btn:hover{opacity:.85}.admin-save-btn:disabled{opacity:.5;cursor:not-allowed}.svc-tab-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.svc-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:.45rem 1.25rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.svc-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.svc-tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px #0000004d}.svc-icon-picker{flex-wrap:wrap;gap:.4rem;display:flex}.svc-icon-btn{border:1px solid var(--border);background:var(--bg-secondary);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.svc-icon-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.svc-icon-btn.selected{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa}.svc-list-icon{background:var(--bg-secondary);width:34px;height:34px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-cancel-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.admin-cancel-btn:hover{border-color:var(--text-secondary)}.admin-products-list{flex-direction:column;gap:.75rem;display:flex}.admin-product-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-product-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:70px;height:70px}.admin-product-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.admin-product-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.admin-product-price{color:#60a5fa;font-size:.85rem;font-weight:600}.admin-product-condition{color:var(--text-secondary);font-size:.8rem}.admin-product-actions{gap:.5rem;display:flex}.admin-product-sold{color:#f87171;font-size:.75rem;font-weight:600}.admin-field-full{grid-column:1/-1}.admin-field textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.admin-field textarea:focus{border-color:var(--accent)}.admin-edit-btn,.admin-delete-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:.45rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:opacity .2s;display:flex}.admin-edit-btn{color:#60a5fa;background:#60a5fa26}.admin-delete-btn{color:#f87171;background:#f8717126}.admin-edit-btn:hover,.admin-delete-btn:hover{opacity:.75}.admin-panel-header-left{align-items:center;gap:.75rem;display:flex}.admin-back-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:color .2s,border-color .2s;display:flex}.admin-back-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.admin-dashboard{max-width:700px;margin:0 auto}.admin-dashboard-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.admin-section-cards{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.admin-section-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.75rem;font-family:inherit;transition:border-color .2s,transform .15s;display:flex}.admin-section-card:hover{border-color:#ffffff80}.admin-section-card-icon{color:#fff;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;padding:.6rem;display:flex}.admin-section-card-title{color:var(--text-primary);font-size:1rem;font-weight:700}.admin-section-card-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.5}@media (width<=500px){.admin-section-cards{grid-template-columns:1fr}}.admin-upload-area{border:2px dashed var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:1rem 1.25rem;font-size:.9rem;transition:border-color .2s,color .2s;display:flex}.admin-upload-area:hover{border-color:var(--accent);color:var(--text-primary)}.admin-image-preview{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.admin-image-thumb{border-radius:8px;width:80px;height:80px;position:relative;overflow:visible}.admin-image-thumb img{object-fit:cover;border-radius:8px;width:80px;height:80px;display:block}.admin-image-remove{color:#fff;cursor:pointer;background:#f87171;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .2s;display:flex;position:absolute;top:-6px;right:-6px}.admin-image-remove:hover{background:#ef4444}.admin-confirm-delete{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.admin-confirm-yes{color:#f87171;cursor:pointer;background:#f8717133;border:1px solid #f8717166;border-radius:6px;padding:.3rem .65rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .2s}.admin-confirm-yes:hover{background:#f8717159}.admin-confirm-no{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .65rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:border-color .2s}.admin-confirm-no:hover{border-color:var(--text-secondary)}.admin-sold-header{justify-content:space-between;align-items:flex-start;display:flex}.admin-sold-dates{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}@media (width<=600px){.admin-sold-header{flex-direction:column;gap:.4rem}.admin-sold-dates{align-items:flex-start}.admin-panel-page{padding:1rem}.admin-panel-header{margin-bottom:1rem}.admin-panel-title{font-size:1.2rem}.admin-panel-container{padding:1rem}.admin-form-grid{grid-template-columns:1fr}.admin-form{padding:1rem}.admin-section-header{flex-wrap:wrap;gap:.6rem}.admin-add-btn{padding:.45rem .85rem;font-size:.82rem}.admin-product-row{flex-wrap:wrap;gap:.75rem}.admin-product-img{width:56px;height:56px}.admin-product-info{flex:1;min-width:0}.admin-product-actions{justify-content:flex-end;width:100%}.admin-logout-btn span{display:none}.admin-logout-btn{padding:.5rem .65rem}}.admin-badge-approved{color:#4ade80;white-space:nowrap;background:#4ade801f;border:1px solid #4ade804d;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.light .admin-badge-approved{color:#15803d;background:#15803d1a;border-color:#15803d4d}.admin-inner-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-top:.6rem;padding:.75rem 1rem}.admin-inner-card-divider{border-top:1px solid #ffffff0f;margin-top:.6rem;padding-top:.6rem}.admin-config-row{border-bottom:1px solid #ffffff0d}.light .admin-inner-card{background:#00000008;border-color:#00000014}.light .admin-inner-card-divider{border-top-color:#00000012}.light .admin-config-row{border-bottom-color:#0000000f}.light .admin-edit-btn{color:#1d4ed8;background:#1d4ed81a}.light .admin-delete-btn{color:#b91c1c;background:#b91c1c1a}.light .admin-confirm-yes{color:#b91c1c;background:#b91c1c1a;border-color:#b91c1c4d}.light .admin-confirm-yes:hover{background:#b91c1c33}.light .admin-product-price{color:#1d4ed8}.light .admin-product-condition[data-condition="Mycket bra skick"],.light .admin-product-condition[data-condition=Nyskick]{color:#15803d!important}.light .admin-product-condition[data-condition=Bra\ skick]{color:#92400e!important}.light .admin-product-condition[data-condition=Använt\ skick]{color:#c2410c!important}
