/*! tailwindcss v4.1.17 | 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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:host,:root{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-serif:"Helvetica Now Text",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(94% .03 17.67);--color-red-500:oklch(60% .24 28.91);--color-red-900:oklch(28% .11 30.29);--color-orange-50:oklch(93% .04 43.84);--color-orange-400:oklch(67% .22 37.64);--color-orange-900:oklch(25% .07 31.33);--color-yellow-50:oklch(94% .13 101.76);--color-yellow-900:oklch(50% .13 49.4);--color-green-900:oklch(32% .07 166.07);--color-teal-50:oklch(97% .04 189.52);--color-teal-900:oklch(30% .05 221.38);--color-blue-50:oklch(94% .03 238.67);--color-blue-400:oklch(65% .19 252.4);--color-blue-500:oklch(53% .26 263.81);--color-blue-900:oklch(24% .15 265.15);--color-purple-50:oklch(92% .04 290.76);--color-purple-900:oklch(24% .14 281.1);--color-pink-50:oklch(94% .04 341.18);--color-pink-900:oklch(27% .11 352.12);--color-gray-50:oklch(99% 0 0);--color-gray-100:oklch(97% 0 0);--color-gray-200:oklch(92% 0 0);--color-gray-300:oklch(84% 0 286.37);--color-gray-400:oklch(70% 0 286.33);--color-gray-500:oklch(55% 0 286.3);--color-gray-600:oklch(41% 0 286.26);--color-gray-700:oklch(35% 0 286.22);--color-gray-800:oklch(28% 0 286.16);--color-gray-900:oklch(24% 0 286.11);--color-neutral-500:oklch(55.6% 0 0);--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:var(--podium-cds-font-size-xxs,.75rem);--text-xs--line-height:1.33333;--text-sm:var(--podium-cds-font-size-xs,.875rem);--text-sm--line-height:1.42857;--text-base:var(--podium-cds-font-size-s,1rem);--text-lg:var(--podium-cds-font-size-m,1.125rem);--text-lg--line-height:1.55556;--text-xl:var(--podium-cds-font-size-l,1.25rem);--text-2xl:var(--podium-cds-font-size-xl,1.5rem);--text-2xl--line-height:1.33333;--text-3xl:var(--podium-cds-font-size-xxl,1.875rem);--text-4xl:var(--podium-cds-font-size-xxxl,2.25rem);--text-4xl--line-height:1.11111;--text-5xl:var(--podium-cds-font-size-xxxxl,3rem);--font-weight-normal:var(--podium-cds-font-weight-regular,400);--font-weight-medium:500;--font-weight-semibold:var(--podium-cds-font-weight-medium,500);--font-weight-bold:var(--podium-cds-font-weight-bold,700);--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:var(--podium-cds-size-border-radius-s,.25rem);--radius-md:var(--podium-cds-size-border-radius-m,.375rem);--radius-lg:var(--podium-cds-size-border-radius-l,.5rem);--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--default-mono-font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.5rem;--color-sidebar:var(--sidebar-background);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--animate-accordion-down:accordion-down .2s ease-out;--animate-accordion-up:accordion-up .2s ease-out;--background:var(--pds-color-element-secondary,#f5f5f5);--foreground:var(--pds-color-text-primary,#111);--card:var(--pds-color-element-secondary,#f5f5f5);--card-foreground:var(--pds-color-text-primary,#111);--popover:var(--pds-color-element-secondary,#f5f5f5);--popover-foreground:var(--pds-color-text-primary,#111);--primary:var(--pds-color-element-primary,#111);--primary-foreground:var(--pds-color-text-primary-inverse,#fff);--secondary:var(--pds-color-element-secondary,#f5f5f5);--secondary-foreground:var(--pds-color-text-secondary,#707072);--muted:var(--pds-color-element-secondary,#f5f5f5);--muted-foreground:var(--pds-color-text-secondary,#707072);--accent:var(--pds-color-element-accent,#111);--accent-foreground:var(--pds-color-text-primary-inverse,#fff);--destructive:var(--pds-color-element-critical,#d30005);--destructive-foreground:var(--pds-color-text-primary-inverse,#fff);--border:var(--pds-color-border-primary,#707072);--input:var(--pds-color-border-primary,#707072);--ring:var(--pds-color-border-focused,#1151ff);--chart-1:var(--color-gray-400);--chart-2:var(--color-gray-500);--chart-3:var(--color-gray-600);--chart-4:var(--color-gray-700);--chart-5:var(--color-gray-800);--sidebar-background:var(--color-gray-50);--sidebar-foreground:var(--color-gray-900);--sidebar-primary:var(--color-gray-900);--sidebar-primary-foreground:var(--color-gray-50);--sidebar-accent:var(--color-gray-200);--sidebar-accent-foreground:var(--color-gray-900);--sidebar-border:var(--color-gray-200);--sidebar-ring:var(--color-gray-400);--font-serif-medium:"Helvetica Now Display Medium",Helvetica,Arial,sans-serif;--font-futura:"Nike Futura ND","Helvetica Now Text Medium",Helvetica,Arial,sans-serif;--font-palatino:"Palatino LT Pro Light",Helvetica,Arial,sans-serif;--color-green-50:oklch(96% .1 128.07)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::-webkit-file-upload-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;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-variation-settings:normal;font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:normal;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::-webkit-file-upload-button{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;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%,#0000)}}}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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,::backdrop,:after,:before{border-color:currentColor;border-color:var(--color-gray-200,currentColor)}::-webkit-file-upload-button{border-color:currentColor;border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:currentColor;border-color:var(--color-gray-200,currentColor)}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}.dark{--pds-color-element-secondary:var(--pds-color-element-secondary-hover,#39393b);--pds-color-text-primary:var(--pds-color-text-primary-inverse,#fff);--pds-color-text-secondary:var(--pds-color-text-secondary-inverse,#9e9ea0);--pds-color-element-accent:var(--pds-color-element-accent,#fff);--pds-color-element-critical:var(--pds-color-element-critical,#f87171);--pds-color-border-primary:var(--pds-color-border-primary-inverse,#9e9ea0);--pds-color-border-focused:var(--pds-color-border-focused,#60a5fa);--background:var(--pds-color-element-primary-always-dark,#111);--foreground:var(--pds-color-text-primary-inverse,#fff);--card:var(--pds-color-element-secondary-always-dark,#111);--card-foreground:var(--pds-color-text-primary-inverse,#fff);--popover:var(--pds-color-element-secondary-always-dark,#111);--popover-foreground:var(--pds-color-text-primary-inverse,#fff);--primary:var(--pds-color-element-primary,#fff);--primary-foreground:var(--pds-color-text-primary,#111);--secondary:var(--pds-color-element-secondary-hover,#39393b);--secondary-foreground:var(--pds-color-text-secondary-inverse,#9e9ea0);--muted:var(--pds-color-element-secondary-hover,#39393b);--muted-foreground:var(--pds-color-text-secondary-inverse,#9e9ea0);--accent:var(--pds-color-element-accent,#fff);--accent-foreground:var(--pds-color-text-primary,#111);--destructive:var(--pds-color-element-critical,#f87171);--destructive-foreground:var(--pds-color-text-primary,#111);--border:var(--pds-color-border-primary-inverse,#9e9ea0);--input:var(--pds-color-border-primary-inverse,#9e9ea0);--ring:var(--pds-color-border-focused,#60a5fa);--chart-1:var(--color-gray-400);--chart-2:var(--color-gray-500);--chart-3:var(--color-gray-600);--chart-4:var(--color-gray-700);--chart-5:var(--color-gray-800);--radius:.5rem;--sidebar-background:var(--color-gray-800);--sidebar-foreground:var(--color-gray-300);--sidebar-primary:var(--color-gray-900);--sidebar-primary-foreground:var(--color-gray-50);--sidebar-accent:var(--color-gray-600);--sidebar-accent-foreground:var(--color-gray-100);--sidebar-border:var(--color-gray-50);--sidebar-ring:var(--color-gray-50)}.hyper-royal{--background:var(--color-gray-50);--foreground:var(--color-gray-900);--card:var(--color-gray-50);--card-foreground:var(--color-gray-900);--popover:var(--color-gray-50);--popover-foreground:var(--color-gray-900);--primary:var(--color-blue-500);--primary-foreground:var(--color-gray-50);--secondary:var(--color-gray-200);--secondary-foreground:var(--color-gray-500);--muted:var(--color-gray-100);--muted-foreground:var(--color-gray-700);--accent:var(--color-gray-50);--accent-foreground:var(--color-gray-900);--destructive:var(--color-red-500);--destructive-foreground:var(--color-gray-50);--border:var(--color-gray-300);--input:var(--color-gray-200);--ring:var(--color-blue-500);--chart-1:var(--color-blue-400);--chart-2:var(--color-gray-500);--chart-3:var(--color-gray-600);--chart-4:var(--color-gray-700);--chart-5:var(--color-gray-800);--radius:.5rem;--sidebar-background:var(--color-gray-50);--sidebar-foreground:var(--color-gray-900);--sidebar-primary:var(--color-blue-500);--sidebar-primary-foreground:var(--color-gray-50);--sidebar-accent:var(--color-blue-500);--sidebar-accent-foreground:var(--color-gray-50);--sidebar-border:var(--color-gray-300);--sidebar-ring:var(--color-blue-400)}.dark-hyper-royal{--background:var(--color-gray-900);--foreground:var(--color-gray-50);--card:var(--color-gray-800);--card-foreground:var(--color-gray-50);--popover:var(--color-gray-800);--popover-foreground:var(--color-gray-50);--primary:var(--color-blue-500);--secondary:var(--color-gray-50);--secondary-foreground:var(--color-gray-50);--muted:var(--color-gray-600);--muted-foreground:var(--color-gray-200);--accent:var(--color-gray-700);--accent-foreground:var(--color-gray-50);--destructive:var(--color-red-500);--destructive-foreground:var(--color-gray-50);--border:var(--color-gray-700);--input:var(--color-gray-200);--ring:var(--color-blue-500);--chart-1:var(--color-gray-400);--chart-2:var(--color-gray-500);--chart-3:var(--color-gray-600);--chart-4:var(--color-gray-700);--chart-5:var(--color-gray-800);--radius:.5rem;--sidebar-background:var(--color-gray-800);--sidebar-foreground:var(--color-gray-300);--sidebar-primary-foreground:var(--color-gray-50);--sidebar-accent-foreground:var(--color-gray-100);--sidebar-border:var(--color-gray-50);--sidebar-primary:var(--color-blue-500);--sidebar-accent:var(--color-blue-500);--sidebar-ring:var(--color-blue-400)}}@layer components{.legal-1{font:normal normal 400 12px/18px var(--font-serif),Helvetica,Arial,sans-serif}.body-3{font:normal normal 400 14px/20px var(--font-serif),Helvetica,Arial,sans-serif}.body-2{font:normal normal 400 16px/24px var(--font-serif),Helvetica,Arial,sans-serif}.body-1{font:normal normal 400 20px/28px var(--font-serif),Helvetica,Arial,sans-serif}.subtitle-2{font:normal normal 500 14px/20px var(--font-serif),Helvetica,Arial,sans-serif}.subtitle-1{font:normal normal 500 16px/24px var(--font-serif),Helvetica,Arial,sans-serif}.title-6{font:normal normal 500 18px/24px var(--font-serif),Helvetica,Arial,sans-serif}.title-5{font:normal normal 500 20px/24px var(--font-serif),Helvetica,Arial,sans-serif}.title-4{font:normal normal 500 24px/28px var(--font-serif),Helvetica,Arial,sans-serif}.title-3{font:normal normal 500 28px/32px var(--font-serif),Helvetica,Arial,sans-serif}.title-2{font:normal normal 500 32px/36px var(--font-serif),Helvetica,Arial,sans-serif}.title-1{font:normal normal 500 36px/40px var(--font-serif),Helvetica,Arial,sans-serif}.display-5{font:normal normal 700 24px/22px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif}.display-4{font:normal normal 700 40px/34px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif}.display-3{font:normal normal 700 48px/40px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif}.display-2{font:normal normal 700 56px/48px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif}.display-1{font:normal normal 700 72px/62px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif}.pds-text-oversize-1{font:normal normal var(--font-weight-semibold)150px/150px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-oversize-1)}.pds-text-oversize-2{font:normal normal var(--font-weight-semibold)120px/120px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-oversize-2)}.pds-text-oversize-3{font:normal normal var(--font-weight-semibold)96px/105.6px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-oversize-3)}.pds-text-display-1{font:normal normal 400 96px/86.4px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif;font:var(--pds-typography-display-1)}.pds-text-display-2{font:normal normal 400 76px/68.4px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif;font:var(--pds-typography-display-2)}.pds-text-display-3{font:normal normal 400 60px/54px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif;font:var(--pds-typography-display-3)}.pds-text-display-4{font:normal normal 400 48px/43.2px var(--font-futura),Helvetica Neue,Helvetica,Arial,sans-serif;font:var(--pds-typography-display-4)}.pds-text-conversation-1{font:normal normal 300 48px/52.8px var(--font-palatino),Helvetica,Arial,sans-serif;font:var(--pds-typography-conversation-1)}.pds-text-conversation-2{font:normal normal 300 40px/44px var(--font-palatino),Helvetica,Arial,sans-serif;font:var(--pds-typography-conversation-2)}.pds-text-conversation-3{font:normal normal 300 32px/43.2px var(--font-palatino),Helvetica,Arial,sans-serif;font:var(--pds-typography-conversation-3)}.pds-text-conversation-4{font:normal normal 300 20px/27px var(--font-palatino),Helvetica,Arial,sans-serif;font:var(--pds-typography-conversation-4)}.pds-text-editorial-body-1{font:normal normal 400 20px/30px var(--font-serif),Helvetica,Arial,sans-serif;font:var(--pds-typography-editorial-body-1)}.pds-text-editorial-body-1-strong{font:normal normal var(--font-weight-semibold)20px/30px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-editorial-body-1-strong)}.pds-text-title-1{font:normal normal var(--font-weight-semibold)40px/48px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-title-1)}.pds-text-title-2{font:normal normal var(--font-weight-semibold)32px/38.4px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-title-2)}.pds-text-title-3{font:normal normal var(--font-weight-semibold)24px/28.8px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-title-3)}.pds-text-title-4{font:normal normal var(--font-weight-semibold)20px/24px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-title-4)}.pds-text-body-1{font:normal normal 400 16px/24px var(--font-serif),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-1)}.pds-text-body-1-strong{font:normal normal var(--font-weight-semibold)16px/24px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-1-strong)}.pds-text-body-2{font:normal normal 400 14px/21px var(--font-serif),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-2)}.pds-text-body-2-strong{font:normal normal var(--font-weight-semibold)14px/21px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-2-strong)}.pds-text-body-3{font:normal normal 400 12px/18px var(--font-serif),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-3)}.pds-text-body-3-strong{font:normal normal var(--font-weight-semibold)12px/18px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-3-strong)}.pds-text-body-4{font:normal normal 400 10px/15px var(--font-serif),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-4)}.pds-text-body-4-strong{font:normal normal var(--font-weight-semibold)10px/15px var(--font-serif-medium),Helvetica,Arial,sans-serif;font:var(--pds-typography-body-4-strong)}.pds-text-legal{font:normal normal 400 14px/21px var(--font-serif),Helvetica,Arial,sans-serif;font:var(--pds-typography-legal)}}@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[60\%\]{top:60%}.top-full{top:100%}.top-px{top:1px}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[90\]{z-index:90}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing)*2)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.\!mt-0{margin-top:calc(var(--spacing)*0)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-\[var\(--sidebar-width\)\]{margin-left:var(--sidebar-width)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.size-\[10px\]{height:10px;width:10px}.size-\[36px\]{height:36px;width:36px}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-\[1\.5px\]{height:1.5px}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[100vh\]{height:100vh}.h-\[120px\]{height:120px}.h-\[200px\]{height:200px}.h-\[420px\]{height:420px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[85\%\]{max-height:85%}.max-h-\[95vh\]{max-height:95vh}.max-h-\[300px\]{max-height:300px}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-24{min-height:calc(var(--spacing)*24)}.min-h-\[100vh\],.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-\[90\%\]{width:90%}.w-\[95\%\]{width:95%}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[480px\]{width:480px}.w-\[600px\]{width:600px}.w-\[720px\]{width:720px}.w-\[800px\]{width:800px}.w-\[calc\(var\(--sidebar-width\)_\/_1\.6\)\]{width:calc(var(--sidebar-width)/1.6)}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1800px\]{max-width:1800px}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[160px\]{min-width:160px}.min-w-\[240px\]{min-width:240px}.min-w-\[300px\]{min-width:300px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[top_center\]{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-180{rotate:-180deg}.rotate-0{rotate:none}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[var\(--animate-accordion-down\)\]{animation:var(--animate-accordion-down)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-max{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing)*1*var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing)*1.5*var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1.5*var(--tw-space-y-reverse))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing)*2*var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing)*3*var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing)*4*var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing)*6*var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-24{column-gap:calc(var(--spacing)*24)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing)*-2*var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing)*-2*(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing)*-2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*-2*var(--tw-space-x-reverse))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing)*1*var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing)*2*var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing)*4*var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing)*6*var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*6*var(--tw-space-x-reverse))}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}:where(.divide-border>:not(:last-child)){border-color:var(--border)}.self-center{align-self:center}.self-stretch{align-self:stretch}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.5rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:.5rem;border-radius:var(--podium-cds-size-border-radius-l,.5rem)}.rounded-md{border-radius:.375rem;border-radius:var(--podium-cds-size-border-radius-m,.375rem)}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem;border-radius:var(--podium-cds-size-border-radius-s,.25rem)}.rounded-xl{border-radius:.75rem;border-radius:var(--podium-cds-size-border-radius-xl,.75rem)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-sm{border-top-left-radius:.25rem;border-top-left-radius:var(--podium-cds-size-border-radius-s,.25rem);border-top-right-radius:.25rem;border-top-right-radius:var(--podium-cds-size-border-radius-s,.25rem)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\(--pds-color-gray-500\){border-color:var(--pds-color-gray-500)}.border-\[var\(--pds-color-border-critical\,\#d30005\)\]{border-color:#d30005;border-color:var(--pds-color-border-critical,#d30005)}.border-\[var\(--pds-color-border-focused\,\#1151ff\)\]{border-color:#1151ff;border-color:var(--pds-color-border-focused,#1151ff)}.border-\[var\(--pds-color-border-primary\,\#707072\)\]{border-color:#707072;border-color:var(--pds-color-border-primary,#707072)}.border-\[var\(--pds-color-border-secondary\,\#cacacb\)\]{border-color:#cacacb;border-color:var(--pds-color-border-secondary,#cacacb)}.border-\[var\(--pds-color-border-success\,\#007d48\)\]{border-color:#007d48;border-color:var(--pds-color-border-success,#007d48)}.border-\[var\(--pds-color-border-tertiary\,\#cacacb\)\]{border-color:#cacacb;border-color:var(--pds-color-border-tertiary,#cacacb)}.border-\[var\(--pds-color-border-tertiary\,\#e5e5e5\)\]{border-color:#e5e5e5;border-color:var(--pds-color-border-tertiary,#e5e5e5)}.border-\[var\(--pds-color-border-tertiary-always-dark\,\#39393b\)\]{border-color:#39393b;border-color:var(--pds-color-border-tertiary-always-dark,#39393b)}.border-\[var\(--pds-color-border-warning\,\#fedf35\)\]{border-color:#fedf35;border-color:var(--pds-color-border-warning,#fedf35)}.border-blue-200{border-color:oklch(82% .1 239.72)}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--border)40%,#0000)}}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--destructive)50%,#0000)}}.border-gray-300{border-color:oklch(84% 0 286.37)}.border-gray-800{border-color:oklch(28% 0 286.16)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-red-200{border-color:oklch(82% .1 17.87)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:oklch(90% .17 98.05)}.bg-\(--pds-color-blue-500\){background-color:var(--pds-color-blue-500)}.bg-\(--pds-color-gray-300\){background-color:var(--pds-color-gray-300)}.bg-\(--pds-color-gray-600\){background-color:var(--pds-color-gray-600)}.bg-\(--pds-color-green-600\){background-color:var(--pds-color-green-600)}.bg-\(--pds-color-red-600\){background-color:var(--pds-color-red-600)}.bg-\(--pds-color-red-800\){background-color:var(--pds-color-red-800)}.bg-\(--pds-color-yellow-300\){background-color:var(--pds-color-yellow-300)}.bg-\[\#1151ff\]{background-color:#1151ff}.bg-\[\#CCC\]{background-color:#ccc}.bg-\[\#DDD\]{background-color:#ddd}.bg-\[\#E5E5E5\]{background-color:#e5e5e5}.bg-\[\#EEE\]{background-color:#eee}.bg-\[\#ddd\]{background-color:#ddd}.bg-\[\#eee\]{background-color:#eee}.bg-\[--color-sidebar-accent\]{background-color:--color-sidebar-accent}.bg-\[--color-sidebar-border\]{background-color:--color-sidebar-border}.bg-\[--color-sidebar\]{background-color:--color-sidebar}.bg-\[--eds-color-background-danger\]{background-color:--eds-color-background-danger}.bg-\[--eds-color-background-success\]{background-color:--eds-color-background-success}.bg-\[var\(--background\,\#f5f5f5\)\]{background-color:#f5f5f5;background-color:var(--background,#f5f5f5)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--pds-color-border-primary\,\#707072\)\]{background-color:#707072;background-color:var(--pds-color-border-primary,#707072)}.bg-\[var\(--pds-color-element-accent\,\#111111\)\]{background-color:#111;background-color:var(--pds-color-element-accent,#111)}.bg-\[var\(--pds-color-element-brand-orange\,\#ff5000\)\]{background-color:#ff5000;background-color:var(--pds-color-element-brand-orange,#ff5000)}.bg-\[var\(--pds-color-element-brand-orange\,var\(--color-orange-400\)\)\]{background-color:var(--color-orange-400);background-color:var(--pds-color-element-brand-orange,var(--color-orange-400))}.bg-\[var\(--pds-color-element-critical\,\#d30005\)\]{background-color:#d30005;background-color:var(--pds-color-element-critical,#d30005)}.bg-\[var\(--pds-color-element-info\,\#1151ff\)\]{background-color:#1151ff;background-color:var(--pds-color-element-info,#1151ff)}.bg-\[var\(--pds-color-element-primary\,\#111111\)\]{background-color:#111;background-color:var(--pds-color-element-primary,#111)}.bg-\[var\(--pds-color-element-primary-inverse\,\#ffffff\)\]{background-color:#fff;background-color:var(--pds-color-element-primary-inverse,#fff)}.bg-\[var\(--pds-color-element-secondary\,\#cacacb\)\]{background-color:#cacacb;background-color:var(--pds-color-element-secondary,#cacacb)}.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\],.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/40{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary,#f5f5f5)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/40{background-color:color-mix(in oklab,#f5f5f540%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-secondary,#f5f5f5)40%,#0000)}}.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/60{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary,#f5f5f5)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/60{background-color:color-mix(in oklab,#f5f5f560%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-secondary,#f5f5f5)60%,#0000)}}.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/70{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary,#f5f5f5)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/70{background-color:color-mix(in oklab,#f5f5f570%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-secondary,#f5f5f5)70%,#0000)}}.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/80{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary,#f5f5f5)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]\/80{background-color:color-mix(in oklab,#f5f5f580%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-secondary,#f5f5f5)80%,#0000)}}.bg-\[var\(--pds-color-element-secondary-hover\,\#2a2a2a\)\]{background-color:#2a2a2a;background-color:var(--pds-color-element-secondary-hover,#2a2a2a)}.bg-\[var\(--pds-color-element-secondary-hover\,\#cacacb\)\]{background-color:#cacacb;background-color:var(--pds-color-element-secondary-hover,#cacacb)}.bg-\[var\(--pds-color-element-shadow\,\#1111111f\)\]{background-color:#1111111f;background-color:var(--pds-color-element-shadow,#1111111f)}.bg-\[var\(--pds-color-element-success\,\#007D48\)\],.bg-\[var\(--pds-color-element-success\,\#007d48\)\]{background-color:#007d48;background-color:var(--pds-color-element-success,#007d48)}.bg-\[var\(--pds-color-element-tertiary\,\#cacacb\)\],.bg-\[var\(--pds-color-element-tertiary\,\#cacacb\)\]\/50{background-color:#cacacb;background-color:var(--pds-color-element-tertiary,#cacacb)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--pds-color-element-tertiary\,\#cacacb\)\]\/50{background-color:color-mix(in oklab,#cacacb50%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-tertiary,#cacacb)50%,#0000)}}.bg-\[var\(--pds-color-element-tertiary-always-light\,\#CACACB\)\]{background-color:#cacacb;background-color:var(--pds-color-element-tertiary-always-light,#cacacb)}.bg-\[var\(--pds-color-element-warning\,\#fedf35\)\]{background-color:#fedf35;background-color:var(--pds-color-element-warning,#fedf35)}.bg-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]{background-color:#fff;background-color:var(--pds-color-text-primary-inverse,#fff)}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black{background-color:#111}.bg-blue-50{background-color:oklch(94% .03 238.67)}.bg-border,.bg-border\/60{background-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.bg-border\/60{background-color:color-mix(in oklab,var(--border)60%,#0000)}}.bg-card{background-color:var(--card)}.bg-chart-1{background-color:var(--chart-1)}.bg-chart-2{background-color:var(--chart-2)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-gray-100{background-color:oklch(97% 0 0)}.bg-gray-300{background-color:oklch(84% 0 286.37)}.bg-gray-500{background-color:oklch(55% 0 286.3)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-red-50{background-color:oklch(94% .03 17.67)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar-background)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-white\/50{background-color:oklab(100% 0 5.96046e-8/.5)}.bg-yellow-50{background-color:oklch(94% .13 101.76)}.from-border\/60{--tw-gradient-from:var(--border)}@supports (color:color-mix(in lab,red,red)){.from-border\/60{--tw-gradient-from:color-mix(in oklab,var(--border)60%,#0000)}}.from-border\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:#0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-12{padding-inline:calc(var(--spacing)*12)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-\[3px\]{padding-block:3px}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;font-size:var(--podium-cds-font-size-xl,1.5rem);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:2.25rem;font-size:var(--podium-cds-font-size-xxxl,2.25rem);line-height:var(--text-4xl--line-height);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:1.125rem;font-size:var(--podium-cds-font-size-m,1.125rem);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:.875rem;font-size:var(--podium-cds-font-size-xs,.875rem);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:.75rem;font-size:var(--podium-cds-font-size-xxs,.75rem);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[var\(--font-futura\)\]{--tw-font-weight:var(--font-futura);font-weight:var(--font-futura)}.font-\[var\(--font-mono\)\]{--tw-font-weight:var(--font-mono);font-weight:var(--font-mono)}.font-\[var\(--font-serif\)\]{--tw-font-weight:var(--font-serif);font-weight:var(--font-serif)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--podium-cds-font-weight-bold,700);font-weight:700;font-weight:var(--podium-cds-font-weight-bold,700)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--podium-cds-font-weight-regular,400);font-weight:400;font-weight:var(--podium-cds-font-weight-regular,400)}.font-semibold{--tw-font-weight:var(--podium-cds-font-weight-medium,500);font-weight:500;font-weight:var(--podium-cds-font-weight-medium,500)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.\!text-foreground{color:var(--foreground)!important}.text-\(--pds-color-gray-50\){color:var(--pds-color-gray-50)}.text-\(--pds-color-gray-900\){color:var(--pds-color-gray-900)}.text-\[\#007D48\]{color:#007d48}.text-\[\#555\]{color:#555}.text-\[\#1151ff\]{color:#1151ff}.text-\[--color-sidebar-accent-foreground\]{color:--color-sidebar-accent-foreground}.text-\[--color-sidebar-foreground\]{color:--color-sidebar-foreground}.text-\[var\(--color-blue-50\)\]{color:var(--color-blue-50)}.text-\[var\(--pds-color-border-secondary\,\#cacacb\)\]{color:#cacacb;color:var(--pds-color-border-secondary,#cacacb)}.text-\[var\(--pds-color-text-critical\,\#D30005\)\]{color:#d30005;color:var(--pds-color-text-critical,#d30005)}.text-\[var\(--pds-color-text-link\,\#1151ff\)\]{color:#1151ff;color:var(--pds-color-text-link,#1151ff)}.text-\[var\(--pds-color-text-primary\,\#111111\)\]{color:#111;color:var(--pds-color-text-primary,#111)}.text-\[var\(--pds-color-text-primary-always-dark\,\#111111\)\]{color:#111;color:var(--pds-color-text-primary-always-dark,#111)}.text-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]{color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}.text-\[var\(--pds-color-text-secondary\,\#707072\)\]{color:#707072;color:var(--pds-color-text-secondary,#707072)}.text-\[var\(--pds-color-text-secondary-inverse\,\#9e9ea0\)\]{color:#9e9ea0;color:var(--pds-color-text-secondary-inverse,#9e9ea0)}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-black{color:#111}.text-blue-900{color:oklch(24% .15 265.15)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-gray-500{color:oklch(55% 0 286.3)}.text-gray-600{color:oklch(41% 0 286.26)}.text-gray-700{color:oklch(35% 0 286.22)}.text-gray-800{color:oklch(28% 0 286.16)}.text-gray-900{color:oklch(24% 0 286.11)}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-500{color:var(--color-neutral-500)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-400{color:oklch(67% .21 26.09)}.text-red-700{color:oklch(46% .18 30.38)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground{color:var(--sidebar-foreground)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-md,.shadow-none{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(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-ring{--tw-ring-color:var(--ring)}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md))}.transition{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[width\]{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:width;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-shadow{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:box-shadow;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}:is(.\*\:size-\[42px\]>*){height:42px;width:42px}:is(.\*\:fill-gray-700>*){fill:oklch(35% 0 286.22)}:is(.\*\:stroke-1>*){stroke-width:1px}:is(.\*\:stroke-\[3px\]>*){stroke-width:3px}:is(.\*\:py-2>*){padding-block:calc(var(--spacing)*2)}@media (hover:hover){.group-hover\:text-\[var\(--pds-color-text-primary\,\#111111\)\]:is(:where(.group):hover *){color:#111;color:var(--pds-color-text-primary,#111)}.group-hover\:text-\[var\(--pds-color-text-secondary\,\#707072\)\]:is(:where(.group):hover *){color:#707072;color:var(--pds-color-text-secondary,#707072)}.group-hover\/modifier\:opacity-100:is(:where(.group\/modifier):hover *),.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[active\=true\]\/menu-button\:opacity-100:is(:where(.peer\/menu-button)[data-active=true]~*){opacity:1}.file\:border-0::-webkit-file-upload-button{border-style:var(--tw-border-style);border-width:0}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:#0000}.file\:bg-transparent::file-selector-button{background-color:#0000}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:bottom-0:after{bottom:calc(var(--spacing)*0);content:var(--tw-content)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.after\:rounded-full:after{border-radius:3.40282e+38px;content:var(--tw-content)}.after\:bg-transparent:after{background-color:#0000;content:var(--tw-content)}.after\:transition-colors:after{content:var(--tw-content);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\:border-\[var\(--pds-color-border-hover\,\#111111\)\]:hover{border-color:#111;border-color:var(--pds-color-border-hover,#111)}.hover\:border-\[var\(--pds-color-border-primary\,\#707072\)\]:hover{border-color:#707072;border-color:var(--pds-color-border-primary,#707072)}.hover\:border-\[var\(--pds-color-border-secondary\,\#cacacb\)\]:hover{border-color:#cacacb;border-color:var(--pds-color-border-secondary,#cacacb)}.hover\:border-gray-400:hover{border-color:oklch(70% 0 286.33)}.hover\:bg-\[\#CACACB\]:hover{background-color:#cacacb}.hover\:bg-\[\#ccc\]:hover{background-color:#ccc}.hover\:bg-\[--color-sidebar-accent\]:hover{background-color:--color-sidebar-accent}.hover\:bg-\[var\(--background\,\#f5f5f5\)\]:hover{background-color:#f5f5f5;background-color:var(--background,#f5f5f5)}.hover\:bg-\[var\(--pds-color-element-critical-inverse\,\#ff4e4a\)\]:hover{background-color:#ff4e4a;background-color:var(--pds-color-element-critical-inverse,#ff4e4a)}.hover\:bg-\[var\(--pds-color-element-hover\,\#707072\)\]:hover{background-color:#707072;background-color:var(--pds-color-element-hover,#707072)}.hover\:bg-\[var\(--pds-color-element-secondary\,\#f5f5f5\)\]:hover{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary,#f5f5f5)}.hover\:bg-\[var\(--pds-color-element-secondary-hover\,\#cacacb\)\]:hover{background-color:#cacacb;background-color:var(--pds-color-element-secondary-hover,#cacacb)}.hover\:bg-accent:hover,.hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,#0000)}}.hover\:bg-background:hover{background-color:var(--background)}.hover\:bg-gray-50:hover{background-color:oklch(99% 0 0)}.hover\:bg-gray-100:hover{background-color:oklch(97% 0 0)}.hover\:bg-gray-300:hover{background-color:oklch(84% 0 286.37)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,#0000)}}.hover\:text-\[--color-sidebar-accent-foreground\]:hover{color:--color-sidebar-accent-foreground}.hover\:text-\[var\(--pds-color-text-primary\,\#111111\)\]:hover{color:#111;color:var(--pds-color-text-primary,#111)}.hover\:text-\[var\(--pds-color-text-primary-always-dark\,\#111111\)\]:hover{color:#111;color:var(--pds-color-text-primary-always-dark,#111)}.hover\:text-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]:hover{color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-300:hover{color:oklch(84% 0 286.37)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:after\:bg-muted-foreground:hover:after{background-color:var(--muted-foreground);content:var(--tw-content)}}.focus\:border-blue-500:focus{border-color:oklch(53% .26 263.81)}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-gray-100:focus{background-color:oklch(97% 0 0)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:oklch(53% .26 263.81)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(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-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);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-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-\[var\(--pds-color-border-focused\,\#1151ff\)\]:focus-visible{--tw-ring-color:var(--pds-color-border-focused,#1151ff)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\[aria-checked\=true\]\]\:border-blue-600:has([aria-checked=true]){border-color:oklch(45% .26 263.95)}.has-\[\[aria-checked\=true\]\]\:bg-blue-50:has([aria-checked=true]){background-color:oklch(94% .03 238.67)}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[active\=true\]\:bg-\[--color-sidebar-accent\][data-active=true]{background-color:--color-sidebar-accent}.data-\[active\=true\]\:text-\[--color-sidebar-accent-foreground\][data-active=true]{color:--color-sidebar-accent-foreground}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[motion\=from-end\]\:animate-in[data-motion=from-end]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\=from-end\]\:fade-in-0[data-motion=from-end]{--tw-enter-opacity:0}.data-\[motion\=from-end\]\:slide-in-from-right-2[data-motion=from-end]{--tw-enter-translate-x:.5rem}.data-\[motion\=from-start\]\:animate-in[data-motion=from-start]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\=from-start\]\:fade-in-0[data-motion=from-start]{--tw-enter-opacity:0}.data-\[motion\=from-start\]\:slide-in-from-left-2[data-motion=from-start]{--tw-enter-translate-x:-.5rem}.data-\[motion\=to-end\]\:animate-out[data-motion=to-end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\=to-end\]\:fade-out-0[data-motion=to-end]{--tw-exit-opacity:0}.data-\[motion\=to-end\]\:slide-out-to-right-2[data-motion=to-end]{--tw-exit-translate-x:.5rem}.data-\[motion\=to-start\]\:animate-out[data-motion=to-start]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\=to-start\]\:fade-out-0[data-motion=to-start]{--tw-exit-opacity:0}.data-\[motion\=to-start\]\:slide-out-to-left-2[data-motion=to-start]{--tw-exit-translate-x:-.5rem}.data-\[orientation\=horizontal\]\:h-2[data-orientation=horizontal]{height:calc(var(--spacing)*2)}.data-\[orientation\=horizontal\]\:h-5[data-orientation=horizontal]{height:calc(var(--spacing)*5)}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-48[data-orientation=vertical]{height:calc(var(--spacing)*48)}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-2[data-orientation=vertical]{width:calc(var(--spacing)*2)}.data-\[orientation\=vertical\]\:w-5[data-orientation=vertical]{width:calc(var(--spacing)*5)}.data-\[panel-group-direction\=horizontal\]\:h-10[data-panel-group-direction=horizontal]{height:calc(var(--spacing)*10)}.data-\[panel-group-direction\=horizontal\]\:w-1[data-panel-group-direction=horizontal]{width:calc(var(--spacing)*1)}.data-\[panel-group-direction\=horizontal\]\:w-px[data-panel-group-direction=horizontal]{width:1px}.data-\[panel-group-direction\=horizontal\]\:cursor-col-resize[data-panel-group-direction=horizontal]{cursor:col-resize}.data-\[panel-group-direction\=vertical\]\:h-1[data-panel-group-direction=vertical]{height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-10[data-panel-group-direction=vertical]{width:calc(var(--spacing)*10)}.data-\[panel-group-direction\=vertical\]\:cursor-row-resize[data-panel-group-direction=vertical]{cursor:row-resize}.data-\[placeholder\]\:text-foreground[data-placeholder]{color:var(--foreground)}.data-\[side\=bottom\]\:slide-in-from-top-1[data-side=bottom]{--tw-enter-translate-y:-.25rem}.data-\[side\=left\]\:slide-in-from-right-1[data-side=left]{--tw-enter-translate-x:.25rem}.data-\[side\=right\]\:slide-in-from-left-1[data-side=right]{--tw-enter-translate-x:-.25rem}.data-\[side\=top\]\:slide-in-from-bottom-1[data-side=top]{--tw-enter-translate-y:.25rem}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\:data-\[slot\=avatar\]\:grayscale>*)[data-slot=avatar]{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:after\:bg-current[data-state=active]:after{background-color:currentColor;content:var(--tw-content)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-\[var\(--pds-color-element-success\,\#007D48\)\][data-state=checked]{border-color:#007d48;border-color:var(--pds-color-element-success,#007d48)}.data-\[state\=checked\]\:border-blue-600[data-state=checked]{border-color:oklch(45% .26 263.95)}.data-\[state\=checked\]\:bg-\[var\(--pds-color-element-brand-orange\,\#FF5000\)\][data-state=checked]{background-color:#ff5000;background-color:var(--pds-color-element-brand-orange,#ff5000)}.data-\[state\=checked\]\:bg-\[var\(--pds-color-element-success\,\#007D48\)\][data-state=checked]{background-color:#007d48;background-color:var(--pds-color-element-success,#007d48)}.data-\[state\=checked\]\:bg-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\][data-state=checked]{background-color:#fff;background-color:var(--pds-color-text-primary-inverse,#fff)}.data-\[state\=checked\]\:bg-blue-600[data-state=checked]{background-color:oklch(45% .26 263.95)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-white[data-state=checked]{color:#fff}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=delayed-open\]\:data-\[side\=bottom\]\:animate-in[data-state=delayed-open][data-side=bottom]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[state\=delayed-open\]\:data-\[side\=bottom\]\:fade-in-0[data-state=delayed-open][data-side=bottom]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:data-\[side\=left\]\:animate-in[data-state=delayed-open][data-side=left]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[state\=delayed-open\]\:data-\[side\=left\]\:fade-in-0[data-state=delayed-open][data-side=left]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:data-\[side\=right\]\:animate-in[data-state=delayed-open][data-side=right]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[state\=delayed-open\]\:data-\[side\=right\]\:fade-in-0[data-state=delayed-open][data-side=right]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:data-\[side\=top\]\:animate-in[data-state=delayed-open][data-side=top]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[state\=delayed-open\]\:data-\[side\=top\]\:fade-in-0[data-state=delayed-open][data-side=top]{--tw-enter-opacity:0}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[state\=on\]\:border-\[var\(--pds-color-border-active\,\#111111\)\][data-state=on]{border-color:#111;border-color:var(--pds-color-border-active,#111)}.data-\[state\=on\]\:border-transparent[data-state=on]{border-color:#0000}.data-\[state\=on\]\:bg-\[var\(--pds-color-element-primary\,\#111111\)\][data-state=on]{background-color:#111;background-color:var(--pds-color-element-primary,#111)}.data-\[state\=on\]\:bg-\[var\(--pds-color-element-secondary-hover\,\#cacacb\)\][data-state=on]{background-color:#cacacb;background-color:var(--pds-color-element-secondary-hover,#cacacb)}.data-\[state\=on\]\:text-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\][data-state=on]{color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}.data-\[state\=on\]\:shadow-\[0_0_0_1px_var\(--pds-color-border-focused\,\#1151ff\)\][data-state=on]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--pds-color-border-focused,#1151ff));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:rotate-180[data-state=open]{rotate:180deg}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-1\/2[data-state=open]{--tw-enter-translate-y:-50%}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=selected\]\:bg-background[data-state=selected]{background-color:var(--background)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}@media not all and (min-width:40rem){.max-sm\:w-0{width:calc(var(--spacing)*0)}.max-sm\:w-\[var\(--sidebar-width-mobile\)\]{width:var(--sidebar-width-mobile)}}@media (min-width:40rem){.sm\:not-sr-only{-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:ml-3{margin-left:calc(var(--spacing)*3)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-1\/3{height:33.3333%}.sm\:w-\[420px\]{width:420px}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-0{column-gap:calc(var(--spacing)*0)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing)*2*var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--podium-cds-size-border-radius-l,.5rem)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:top-full{top:100%}.md\:mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:w-\[520px\]{width:520px}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:p-4{padding:calc(var(--spacing)*4)}}@media (min-width:64rem){.lg\:ml-4{margin-left:calc(var(--spacing)*4)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:w-\[620px\]{width:620px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}}@media (min-width:80rem){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:inline-flex{display:inline-flex}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:96rem){.\32 xl\:block{display:block}.\32 xl\:flex{display:flex}.\32 xl\:grid{display:grid}.\32 xl\:hidden{display:none}.\32 xl\:inline-flex{display:inline-flex}.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:border-\[\#28282A\]:where(.dark,.dark *){border-color:#28282a}.dark\:border-\[var\(--pds-color-border-primary-inverse\,\#9e9ea0\)\]:where(.dark,.dark *){border-color:#9e9ea0;border-color:var(--pds-color-border-primary-inverse,#9e9ea0)}.dark\:border-\[var\(--pds-color-border-secondary\,\#4b4b4d\)\]:where(.dark,.dark *){border-color:#4b4b4d;border-color:var(--pds-color-border-secondary,#4b4b4d)}.dark\:border-\[var\(--pds-color-border-tertiary\,\#3f3f46\)\]:where(.dark,.dark *){border-color:#3f3f46;border-color:var(--pds-color-border-tertiary,#3f3f46)}.dark\:border-\[var\(--pds-color-border-tertiary-always-dark\,\#39393b\)\]:where(.dark,.dark *){border-color:#39393b;border-color:var(--pds-color-border-tertiary-always-dark,#39393b)}.dark\:border-blue-800:where(.dark,.dark *){border-color:oklch(30% .2 264.62)}.dark\:border-destructive:where(.dark,.dark *){border-color:var(--destructive)}.dark\:border-gray-600:where(.dark,.dark *){border-color:oklch(41% 0 286.26)}.dark\:border-gray-700:where(.dark,.dark *){border-color:oklch(35% 0 286.22)}.dark\:border-red-800:where(.dark,.dark *){border-color:oklch(36% .14 30.37)}.dark\:border-yellow-800:where(.dark,.dark *){border-color:oklch(61% .16 49.72)}.dark\:bg-\(--pds-color-gray-600\):where(.dark,.dark *){background-color:var(--pds-color-gray-600)}.dark\:bg-\[\#1f1f21\]:where(.dark,.dark *){background-color:#1f1f21}.dark\:bg-\[\#28282A\]:where(.dark,.dark *){background-color:#28282a}.dark\:bg-\[\#181818\]:where(.dark,.dark *){background-color:#181818}.dark\:bg-\[\#202020\]:where(.dark,.dark *){background-color:#202020}.dark\:bg-\[\#303030\]:where(.dark,.dark *){background-color:#303030}.dark\:bg-\[\#CEFF00\]:where(.dark,.dark *){background-color:#ceff00}.dark\:bg-\[var\(--background\,\#111111\)\]:where(.dark,.dark *){background-color:#111;background-color:var(--background,#111)}.dark\:bg-\[var\(--pds-color-border-primary-inverse\,\#9e9ea0\)\]:where(.dark,.dark *){background-color:#9e9ea0;background-color:var(--pds-color-border-primary-inverse,#9e9ea0)}.dark\:bg-\[var\(--pds-color-element-critical\,\#f87171\)\]:where(.dark,.dark *){background-color:#f87171;background-color:var(--pds-color-element-critical,#f87171)}.dark\:bg-\[var\(--pds-color-element-primary\,\#ffffff\)\]:where(.dark,.dark *){background-color:#fff;background-color:var(--pds-color-element-primary,#fff)}.dark\:bg-\[var\(--pds-color-element-secondary-hover\,\#2a2a2a\)\]:where(.dark,.dark *),.dark\:bg-\[var\(--pds-color-element-secondary-hover\,\#2a2a2a\)\]\/70:where(.dark,.dark *){background-color:#2a2a2a;background-color:var(--pds-color-element-secondary-hover,#2a2a2a)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-\[var\(--pds-color-element-secondary-hover\,\#2a2a2a\)\]\/70:where(.dark,.dark *){background-color:color-mix(in oklab,#2a2a2a70%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-secondary-hover,#2a2a2a)70%,#0000)}}.dark\:bg-\[var\(--pds-color-element-secondary-hover\,\#39393b\)\]:where(.dark,.dark *){background-color:#39393b;background-color:var(--pds-color-element-secondary-hover,#39393b)}.dark\:bg-\[var\(--pds-color-element-success\,\#22C55E\)\]:where(.dark,.dark *){background-color:#22c55e;background-color:var(--pds-color-element-success,#22c55e)}.dark\:bg-\[var\(--pds-color-element-tertiary-always-dark\,\#39393b\)\]:where(.dark,.dark *),.dark\:bg-\[var\(--pds-color-element-tertiary-always-dark\,\#39393b\)\]\/60:where(.dark,.dark *){background-color:#39393b;background-color:var(--pds-color-element-tertiary-always-dark,#39393b)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-\[var\(--pds-color-element-tertiary-always-dark\,\#39393b\)\]\/60:where(.dark,.dark *){background-color:color-mix(in oklab,#39393b60%,#0000);background-color:color-mix(in oklab,var(--pds-color-element-tertiary-always-dark,#39393b)60%,#0000)}}.dark\:bg-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]:where(.dark,.dark *){background-color:#fff;background-color:var(--pds-color-text-primary-inverse,#fff)}.dark\:bg-black:where(.dark,.dark *){background-color:#111}.dark\:bg-black\/50:where(.dark,.dark *){background-color:oklab(17.7638% -2.23517e-8 0/.5)}.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:oklab(24% -.0126821 -.149463/.2)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:oklch(35% 0 286.22)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:oklch(28% 0 286.16)}.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:oklab(28% .0949832 .0554815/.2)}.dark\:bg-transparent:where(.dark,.dark *){background-color:#0000}.dark\:bg-yellow-900\/20:where(.dark,.dark *){background-color:oklab(50% .0846006 .0987053/.2)}.dark\:text-\(--pds-color-gray-50\):where(.dark,.dark *){color:var(--pds-color-gray-50)}.dark\:text-\[\#787878\]:where(.dark,.dark *){color:#787878}.dark\:text-\[\#898989\]:where(.dark,.dark *){color:#898989}.dark\:text-\[\#BDFB72\]:where(.dark,.dark *){color:#bdfb72}.dark\:text-\[\#aaa\]:where(.dark,.dark *){color:#aaa}.dark\:text-\[--eds-color-grey-2\]:where(.dark,.dark *){color:--eds-color-grey-2}.dark\:text-\[var\(--pds-color-border-secondary\,\#4b4b4d\)\]:where(.dark,.dark *){color:#4b4b4d;color:var(--pds-color-border-secondary,#4b4b4d)}.dark\:text-\[var\(--pds-color-text-link\,\#60a5fa\)\]:where(.dark,.dark *){color:#60a5fa;color:var(--pds-color-text-link,#60a5fa)}.dark\:text-\[var\(--pds-color-text-primary-always-dark\,\#111111\)\]:where(.dark,.dark *){color:#111;color:var(--pds-color-text-primary-always-dark,#111)}.dark\:text-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]:where(.dark,.dark *){color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}.dark\:text-\[var\(--pds-color-text-secondary-inverse\,\#9e9ea0\)\]:where(.dark,.dark *){color:#9e9ea0;color:var(--pds-color-text-secondary-inverse,#9e9ea0)}.dark\:text-blue-300:where(.dark,.dark *){color:oklch(72% .15 248.32)}.dark\:text-gray-100:where(.dark,.dark *){color:oklch(97% 0 0)}.dark\:text-gray-200:where(.dark,.dark *){color:oklch(92% 0 0)}.dark\:text-gray-300:where(.dark,.dark *){color:oklch(84% 0 286.37)}.dark\:text-gray-400:where(.dark,.dark *){color:oklch(70% 0 286.33)}.dark\:text-red-300:where(.dark,.dark *){color:oklch(73% .16 23.69)}.dark\:text-white:where(.dark,.dark *){color:#fff}.dark\:opacity-80:where(.dark,.dark *){opacity:.8}:is(.dark\:\*\:fill-black:where(.dark,.dark *)>*){fill:#111}:is(.dark\:\*\:fill-white:where(.dark,.dark *)>*){fill:#fff}@media (hover:hover){.dark\:group-hover\:text-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]:where(.dark,.dark *):is(:where(.group):hover *){color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}.dark\:hover\:border-\[var\(--pds-color-border-hover\,\#ffffff\)\]:where(.dark,.dark *):hover{border-color:#fff;border-color:var(--pds-color-border-hover,#fff)}.dark\:hover\:border-\[var\(--pds-color-border-secondary\,\#4B4B4D\)\]:where(.dark,.dark *):hover{border-color:#4b4b4d;border-color:var(--pds-color-border-secondary,#4b4b4d)}.dark\:hover\:border-gray-600:where(.dark,.dark *):hover{border-color:oklch(41% 0 286.26)}.dark\:hover\:bg-\[\#39393B\]:where(.dark,.dark *):hover{background-color:#39393b}.dark\:hover\:bg-\[\#303030\]:where(.dark,.dark *):hover{background-color:#303030}.dark\:hover\:bg-\[\#404040\]:where(.dark,.dark *):hover{background-color:#404040}.dark\:hover\:bg-\[var\(--background\,\#111111\)\]:where(.dark,.dark *):hover{background-color:#111;background-color:var(--background,#111)}.dark\:hover\:bg-\[var\(--pds-color-element-critical-inverse\,\#b91c1c\)\]:where(.dark,.dark *):hover{background-color:#b91c1c;background-color:var(--pds-color-element-critical-inverse,#b91c1c)}.dark\:hover\:bg-\[var\(--pds-color-element-hover\,\#d1d1d1\)\]:where(.dark,.dark *):hover{background-color:#d1d1d1;background-color:var(--pds-color-element-hover,#d1d1d1)}.dark\:hover\:bg-\[var\(--pds-color-element-secondary-hover\,\#2a2a2a\)\]:where(.dark,.dark *):hover{background-color:#2a2a2a;background-color:var(--pds-color-element-secondary-hover,#2a2a2a)}.dark\:hover\:bg-\[var\(--pds-color-element-secondary-hover\,\#363636\)\]:where(.dark,.dark *):hover{background-color:#363636;background-color:var(--pds-color-element-secondary-hover,#363636)}.dark\:hover\:bg-gray-900\/20:where(.dark,.dark *):hover{background-color:oklab(24% 0 0/.2)}.dark\:hover\:text-\[var\(--pds-color-text-primary-always-dark\,\#111111\)\]:where(.dark,.dark *):hover{color:#111;color:var(--pds-color-text-primary-always-dark,#111)}.dark\:hover\:text-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]:where(.dark,.dark *):hover{color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}}.dark\:focus\:border-blue-400:where(.dark,.dark *):focus{border-color:oklch(65% .19 252.4)}.dark\:focus\:bg-\[\#303030\]:where(.dark,.dark *):focus{background-color:#303030}.dark\:focus\:ring-blue-400:where(.dark,.dark *):focus{--tw-ring-color:oklch(65% .19 252.4)}.dark\:focus\:ring-offset-gray-900:where(.dark,.dark *):focus{--tw-ring-offset-color:oklch(24% 0 286.11)}.dark\:has-\[\[aria-checked\=true\]\]\:border-blue-900:where(.dark,.dark *):has([aria-checked=true]){border-color:oklch(24% .15 265.15)}.dark\:data-\[state\=checked\]\:border-\[var\(--pds-color-element-success\,\#22C55E\)\]:where(.dark,.dark *)[data-state=checked]{border-color:#22c55e;border-color:var(--pds-color-element-success,#22c55e)}.dark\:data-\[state\=checked\]\:border-blue-700:where(.dark,.dark *)[data-state=checked]{border-color:oklch(38% .23 264.89)}.dark\:data-\[state\=checked\]\:bg-\[var\(--pds-color-element-success\,\#22C55E\)\]:where(.dark,.dark *)[data-state=checked]{background-color:#22c55e;background-color:var(--pds-color-element-success,#22c55e)}.dark\:data-\[state\=checked\]\:bg-\[var\(--pds-color-text-primary-inverse\,\#ffffff\)\]:where(.dark,.dark *)[data-state=checked]{background-color:#fff;background-color:var(--pds-color-text-primary-inverse,#fff)}.dark\:data-\[state\=checked\]\:bg-blue-700:where(.dark,.dark *)[data-state=checked]{background-color:oklch(38% .23 264.89)}.dark\:data-\[state\=on\]\:border-\[var\(--pds-color-border-active\,\#ffffff\)\]:where(.dark,.dark *)[data-state=on]{border-color:#fff;border-color:var(--pds-color-border-active,#fff)}.dark\:data-\[state\=on\]\:border-transparent:where(.dark,.dark *)[data-state=on]{border-color:#0000}.dark\:data-\[state\=on\]\:bg-\[var\(--pds-color-element-primary-inverse\,\#ffffff\)\]:where(.dark,.dark *)[data-state=on]{background-color:#fff;background-color:var(--pds-color-element-primary-inverse,#fff)}.dark\:data-\[state\=on\]\:bg-\[var\(--pds-color-element-secondary-hover\,\#363636\)\]:where(.dark,.dark *)[data-state=on]{background-color:#363636;background-color:var(--pds-color-element-secondary-hover,#363636)}.dark\:data-\[state\=on\]\:text-\[var\(--pds-color-text-primary-always-dark\,\#111111\)\]:where(.dark,.dark *)[data-state=on]{color:#111;color:var(--pds-color-text-primary-always-dark,#111)}.dark\:data-\[state\=on\]\:shadow-\[0_0_0_1px_var\(--pds-color-border-focused\,\#60a5fa\)\]:where(.dark,.dark *)[data-state=on]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--pds-color-border-focused,#60a5fa));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing)*4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing)*4)}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing)*7)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}.pds-color-text-primary{color:#111;color:var(--pds-color-text-primary,#111)}.dark .pds-color-text-primary{color:#fff;color:var(--pds-color-text-primary,#fff)}.dark .pds-color-text-primary-always-dark,.pds-color-text-primary-always-dark{color:#111;color:var(--pds-color-text-primary-always-dark,#111)}.dark .pds-color-text-primary-always-light,.pds-color-text-primary-always-light{color:#fff;color:var(--pds-color-text-primary-always-light,#fff)}.pds-color-text-primary-inverse{color:#fff;color:var(--pds-color-text-primary-inverse,#fff)}.dark .pds-color-text-primary-inverse{color:#111;color:var(--pds-color-text-primary-inverse,#111)}.pds-color-text-secondary{color:#707072;color:var(--pds-color-text-secondary,#707072)}.dark .pds-color-text-secondary{color:#9e9ea0;color:var(--pds-color-text-secondary,#9e9ea0)}.dark .pds-color-text-secondary-always-dark,.pds-color-text-secondary-always-dark{color:#707072;color:var(--pds-color-text-secondary-always-dark,#707072)}.dark .pds-color-text-secondary-always-light,.pds-color-text-secondary-always-light{color:#9e9ea0;color:var(--pds-color-text-secondary-always-light,#9e9ea0)}.pds-color-text-secondary-inverse{color:#9e9ea0;color:var(--pds-color-text-secondary-inverse,#9e9ea0)}.dark .pds-color-text-secondary-inverse{color:#707072;color:var(--pds-color-text-secondary-inverse,#707072)}.pds-color-text-accent{color:#111;color:var(--pds-color-text-accent,#111)}.dark .pds-color-text-accent{color:#fff;color:var(--pds-color-text-accent,#fff)}.pds-color-text-hover{color:#707072;color:var(--pds-color-text-hover,#707072)}.dark .pds-color-text-hover{color:#e5e5e5;color:var(--pds-color-text-hover,#e5e5e5)}.dark .pds-color-text-hover-always-dark,.pds-color-text-hover-always-dark{color:#707072;color:var(--pds-color-text-hover-always-dark,#707072)}.dark .pds-color-text-hover-always-light,.pds-color-text-hover-always-light{color:#e5e5e5;color:var(--pds-color-text-hover-always-light,#e5e5e5)}.pds-color-text-hover-inverse{color:#e5e5e5;color:var(--pds-color-text-hover-inverse,#e5e5e5)}.dark .pds-color-text-hover-inverse{color:#707072;color:var(--pds-color-text-hover-inverse,#707072)}.pds-color-text-disabled{color:#9e9ea0;color:var(--pds-color-text-disabled,#9e9ea0)}.dark .pds-color-text-disabled{color:#4b4b4d;color:var(--pds-color-text-disabled,#4b4b4d)}.dark .pds-color-text-disabled-always-light,.pds-color-text-disabled-always-light{color:#9e9ea0;color:var(--pds-color-text-disabled-always-light,#9e9ea0)}.dark .pds-color-text-disabled-always-dark,.pds-color-text-disabled-always-dark{color:#4b4b4d;color:var(--pds-color-text-disabled-always-dark,#4b4b4d)}.pds-color-text-disabled-inverse{color:#4b4b4d;color:var(--pds-color-text-disabled-inverse,#4b4b4d)}.dark .pds-color-text-disabled-inverse{color:#9e9ea0;color:var(--pds-color-text-disabled-inverse,#9e9ea0)}.pds-color-text-success{color:#007d48;color:var(--pds-color-text-success,#007d48)}.dark .pds-color-text-success{color:#22c55e;color:var(--pds-color-text-success,#22c55e)}.pds-color-text-critical{color:#d30005;color:var(--pds-color-text-critical,#d30005)}.dark .pds-color-text-critical{color:#f87171;color:var(--pds-color-text-critical,#f87171)}.pds-color-text-link{color:#1151ff;color:var(--pds-color-text-link,#1151ff)}.dark .pds-color-text-link{color:#60a5fa;color:var(--pds-color-text-link,#60a5fa)}.pds-color-text-badge{color:#d33918;color:var(--pds-color-text-badge,#d33918)}.dark .pds-color-text-badge{color:#fdba74;color:var(--pds-color-text-badge,#fdba74)}.pds-color-border-primary{border-color:#707072;border-color:var(--pds-color-border-primary,#707072)}.dark .pds-color-border-primary{border-color:#9e9ea0;border-color:var(--pds-color-border-primary,#9e9ea0)}.dark .pds-color-border-primary-always-dark,.pds-color-border-primary-always-dark{border-color:#707072;border-color:var(--pds-color-border-primary-always-dark,#707072)}.dark .pds-color-border-primary-always-light,.pds-color-border-primary-always-light{border-color:#9e9ea0;border-color:var(--pds-color-border-primary-always-light,#9e9ea0)}.pds-color-border-primary-inverse{border-color:#9e9ea0;border-color:var(--pds-color-border-primary-inverse,#9e9ea0)}.dark .pds-color-border-primary-inverse{border-color:#707072;border-color:var(--pds-color-border-primary-inverse,#707072)}.pds-color-border-secondary{border-color:#cacacb;border-color:var(--pds-color-border-secondary,#cacacb)}.dark .pds-color-border-secondary{border-color:#4b4b4d;border-color:var(--pds-color-border-secondary,#4b4b4d)}.pds-color-border-tertiary{border-color:#e5e5e5;border-color:var(--pds-color-border-tertiary,#e5e5e5)}.dark .pds-color-border-tertiary{border-color:#3f3f46;border-color:var(--pds-color-border-tertiary,#3f3f46)}.pds-color-border-accent{border-color:#707072;border-color:var(--pds-color-border-accent,#707072)}.dark .pds-color-border-accent{border-color:#9e9ea0;border-color:var(--pds-color-border-accent,#9e9ea0)}.pds-color-border-active{border-color:#111;border-color:var(--pds-color-border-active,#111)}.dark .pds-color-border-active{border-color:#fff;border-color:var(--pds-color-border-active,#fff)}.pds-color-border-inactive{border-color:#707072;border-color:var(--pds-color-border-inactive,#707072)}.dark .pds-color-border-inactive{border-color:#9e9ea0;border-color:var(--pds-color-border-inactive,#9e9ea0)}.pds-color-border-hover{border-color:#111;border-color:var(--pds-color-border-hover,#111)}.dark .pds-color-border-hover{border-color:#fff;border-color:var(--pds-color-border-hover,#fff)}.pds-color-border-disabled{border-color:#cacacb;border-color:var(--pds-color-border-disabled,#cacacb)}.dark .pds-color-border-disabled{border-color:#3f3f46;border-color:var(--pds-color-border-disabled,#3f3f46)}.dark .pds-color-border-disabled-always-light,.pds-color-border-disabled-always-light{border-color:#cacacb;border-color:var(--pds-color-border-disabled-always-light,#cacacb)}.dark .pds-color-border-disabled-always-dark,.pds-color-border-disabled-always-dark{border-color:#39393b;border-color:var(--pds-color-border-disabled-always-dark,#39393b)}.pds-color-border-success{border-color:#007d48;border-color:var(--pds-color-border-success,#007d48)}.dark .pds-color-border-success{border-color:#22c55e;border-color:var(--pds-color-border-success,#22c55e)}.pds-color-border-critical{border-color:#d30005;border-color:var(--pds-color-border-critical,#d30005)}.dark .pds-color-border-critical{border-color:#f87171;border-color:var(--pds-color-border-critical,#f87171)}.pds-color-border-focused{border-color:#1151ff;border-color:var(--pds-color-border-focused,#1151ff)}.dark .pds-color-border-focused{border-color:#60a5fa;border-color:var(--pds-color-border-focused,#60a5fa)}.pds-radius-0{border-radius:0;border-radius:var(--pds-radius-0,0)}.pds-radius-4{border-radius:4px;border-radius:var(--pds-radius-4,4px)}.pds-radius-8{border-radius:8px;border-radius:var(--pds-radius-8,8px)}.pds-radius-12{border-radius:12px;border-radius:var(--pds-radius-12,12px)}.pds-radius-24{border-radius:24px;border-radius:var(--pds-radius-24,24px)}.pds-radius-rounded{border-radius:9999px;border-radius:var(--pds-radius-rounded,9999px)}.pds-color-element-primary{background-color:#111;background-color:var(--pds-color-element-primary,#111)}.dark .pds-color-element-primary{background-color:#fff;background-color:var(--pds-color-element-primary,#fff)}.dark .pds-color-element-primary-always-dark,.pds-color-element-primary-always-dark{background-color:#111;background-color:var(--pds-color-element-primary-always-dark,#111)}.dark .pds-color-element-primary-always-light,.pds-color-element-primary-always-light{background-color:#fff;background-color:var(--pds-color-element-primary-always-light,#fff)}.pds-color-element-primary-inverse{background-color:#fff;background-color:var(--pds-color-element-primary-inverse,#fff)}.dark .pds-color-element-primary-inverse{background-color:#111;background-color:var(--pds-color-element-primary-inverse,#111)}.pds-color-element-secondary{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary,#f5f5f5)}.dark .pds-color-element-secondary{background-color:#111;background-color:var(--pds-color-element-secondary,#111)}.dark .pds-color-element-secondary-always-dark,.pds-color-element-secondary-always-dark{background-color:#111;background-color:var(--pds-color-element-secondary-always-dark,#111)}.dark .pds-color-element-secondary-always-light,.pds-color-element-secondary-always-light{background-color:#f5f5f5;background-color:var(--pds-color-element-secondary-always-light,#f5f5f5)}.pds-color-element-tertiary{background-color:#cacacb;background-color:var(--pds-color-element-tertiary,#cacacb)}.dark .pds-color-element-tertiary{background-color:#39393b;background-color:var(--pds-color-element-tertiary,#39393b)}.dark .pds-color-element-tertiary-always-dark,.pds-color-element-tertiary-always-dark{background-color:#39393b;background-color:var(--pds-color-element-tertiary-always-dark,#39393b)}.dark .pds-color-element-tertiary-always-light,.pds-color-element-tertiary-always-light{background-color:#cacacb;background-color:var(--pds-color-element-tertiary-always-light,#cacacb)}.pds-color-element-accent{background-color:#111;background-color:var(--pds-color-element-accent,#111)}.dark .pds-color-element-accent{background-color:#fff;background-color:var(--pds-color-element-accent,#fff)}.pds-color-element-shadow{background-color:#1111111f;background-color:var(--pds-color-element-shadow,#1111111f)}.dark .pds-color-element-shadow{background-color:#ffffff1f;background-color:var(--pds-color-element-shadow,#ffffff1f)}.pds-color-element-hover{background-color:#707072;background-color:var(--pds-color-element-hover,#707072)}.dark .pds-color-element-hover{background-color:#d1d1d1;background-color:var(--pds-color-element-hover,#d1d1d1)}.dark .pds-color-element-hover-always-dark,.pds-color-element-hover-always-dark{background-color:#707072;background-color:var(--pds-color-element-hover-always-dark,#707072)}.dark .pds-color-element-hover-always-light,.pds-color-element-hover-always-light{background-color:#cacacb;background-color:var(--pds-color-element-hover-always-light,#cacacb)}.pds-color-element-secondary-hover{background-color:#cacacb;background-color:var(--pds-color-element-secondary-hover,#cacacb)}.dark .pds-color-element-secondary-hover{background-color:#39393b;background-color:var(--pds-color-element-secondary-hover,#39393b)}.dark .pds-color-element-secondary-hover-always-dark,.pds-color-element-secondary-hover-always-dark{background-color:#39393b;background-color:var(--pds-color-element-secondary-hover-always-dark,#39393b)}.dark .pds-color-element-secondary-hover-always-light,.pds-color-element-secondary-hover-always-light{background-color:#cacacb;background-color:var(--pds-color-element-secondary-hover-always-light,#cacacb)}.pds-color-element-disabled{background-color:#e5e5e5;background-color:var(--pds-color-element-disabled,#e5e5e5)}.dark .pds-color-element-disabled{background-color:#707072;background-color:var(--pds-color-element-disabled,#707072)}.dark .pds-color-element-disabled-always-light,.pds-color-element-disabled-always-light{background-color:#e5e5e5;background-color:var(--pds-color-element-disabled-always-light,#e5e5e5)}.dark .pds-color-element-disabled-always-dark,.pds-color-element-disabled-always-dark{background-color:#707072;background-color:var(--pds-color-element-disabled-always-dark,#707072)}.pds-color-element-info{background-color:#1151ff;background-color:var(--pds-color-element-info,#1151ff)}.dark .pds-color-element-info{background-color:#60a5fa;background-color:var(--pds-color-element-info,#60a5fa)}.pds-color-element-info-inverse{background-color:#1190ff;background-color:var(--pds-color-element-info-inverse,#1190ff)}.dark .pds-color-element-info-inverse{background-color:#2563eb;background-color:var(--pds-color-element-info-inverse,#2563eb)}.pds-color-element-success{background-color:#007d48;background-color:var(--pds-color-element-success,#007d48)}.dark .pds-color-element-success{background-color:#22c55e;background-color:var(--pds-color-element-success,#22c55e)}.pds-color-element-success-inverse{background-color:#1eaa52;background-color:var(--pds-color-element-success-inverse,#1eaa52)}.dark .pds-color-element-success-inverse{background-color:#047857;background-color:var(--pds-color-element-success-inverse,#047857)}.pds-color-element-critical{background-color:#d30005;background-color:var(--pds-color-element-critical,#d30005)}.dark .pds-color-element-critical{background-color:#f87171;background-color:var(--pds-color-element-critical,#f87171)}.pds-color-element-critical-inverse{background-color:#ff4e4a;background-color:var(--pds-color-element-critical-inverse,#ff4e4a)}.dark .pds-color-element-critical-inverse{background-color:#b91c1c;background-color:var(--pds-color-element-critical-inverse,#b91c1c)}.pds-color-element-warning{background-color:#fedf35;background-color:var(--pds-color-element-warning,#fedf35)}.dark .pds-color-element-warning{background-color:#fef9c3;background-color:var(--pds-color-element-warning,#fef9c3)}.pds-color-element-warning-inverse{background-color:#feea55;background-color:var(--pds-color-element-warning-inverse,#feea55)}.dark .pds-color-element-warning-inverse{background-color:#facc15;background-color:var(--pds-color-element-warning-inverse,#facc15)}.dark .pds-color-element-brand-orange,.pds-color-element-brand-orange{background-color:#ff5000;background-color:var(--pds-color-element-brand-orange,#ff5000)}body{font-family:var(--font-serif)}}:root{--pds-typography-oversize-1:normal normal var(--font-weight-semibold)150px/150px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-oversize-2:normal normal var(--font-weight-semibold)120px/120px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-oversize-3:normal normal var(--font-weight-semibold)96px/105.6px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-display-1:normal normal 400 96px/86.4px var(--font-futura),"Helvetica Neue",Helvetica,Arial,sans-serif;--pds-typography-display-2:normal normal 400 76px/68.4px var(--font-futura),"Helvetica Neue",Helvetica,Arial,sans-serif;--pds-typography-display-3:normal normal 400 60px/54px var(--font-futura),"Helvetica Neue",Helvetica,Arial,sans-serif;--pds-typography-display-4:normal normal 400 48px/43.2px var(--font-futura),"Helvetica Neue",Helvetica,Arial,sans-serif;--pds-typography-conversation-1:normal normal 300 48px/52.8px var(--font-palatino),Helvetica,Arial,sans-serif;--pds-typography-conversation-2:normal normal 300 40px/44px var(--font-palatino),Helvetica,Arial,sans-serif;--pds-typography-conversation-3:normal normal 300 32px/43.2px var(--font-palatino),Helvetica,Arial,sans-serif;--pds-typography-conversation-4:normal normal 300 20px/27px var(--font-palatino),Helvetica,Arial,sans-serif;--pds-typography-editorial-body-1:normal normal 400 20px/30px var(--font-serif),Helvetica,Arial,sans-serif;--pds-typography-editorial-body-1-strong:normal normal var(--font-weight-semibold)20px/30px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-title-1:normal normal var(--font-weight-semibold)40px/48px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-title-2:normal normal var(--font-weight-semibold)32px/38.4px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-title-3:normal normal var(--font-weight-semibold)24px/28.8px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-title-4:normal normal var(--font-weight-semibold)20px/24px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-body-1:normal normal 400 16px/24px var(--font-serif),Helvetica,Arial,sans-serif;--pds-typography-body-1-strong:normal normal var(--font-weight-semibold)16px/24px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-body-2:normal normal 400 14px/21px var(--font-serif),Helvetica,Arial,sans-serif;--pds-typography-body-2-strong:normal normal var(--font-weight-semibold)14px/21px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-body-3:normal normal 400 12px/18px var(--font-serif),Helvetica,Arial,sans-serif;--pds-typography-body-3-strong:normal normal var(--font-weight-semibold)12px/18px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-body-4:normal normal 400 10px/15px var(--font-serif),Helvetica,Arial,sans-serif;--pds-typography-body-4-strong:normal normal var(--font-weight-semibold)10px/15px var(--font-serif-medium),Helvetica,Arial,sans-serif;--pds-typography-legal:normal normal 400 14px/21px var(--font-serif),Helvetica,Arial,sans-serif}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0)scaleX(1)rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0)scaleX(1)rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-surface-elevated:#fff;--color-surface-hover:#f1f3f5;--color-surface-border:#dee2e6;--color-text-primary:#212529;--color-text-secondary:#495057;--color-text-tertiary:#6c757d;--color-text-muted:#adb5bd;--color-nike-blue:#0d6efd;--color-progress-blue:#0d6efd;--color-progress-orange:#fd7e14;--color-progress-green:#198754;--color-success:#198754;--color-warning:#ffc107;--color-error:#dc3545;--color-info:#0dcaf0;--color-button-primary:#0d6efd;--color-button-primary-text:#fff;--color-button-secondary:#6c757d;--color-input-bg:#fff;--color-input-border:#ced4da;--color-input-focus:#0d6efd;--color-input-text:#212529;--color-input-placeholder:#6c757d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--bg:#fff;--text-primary:#212529;--text-secondary:#495057;--border-color:#dee2e6;--hover-bg:#f1f3f5;--font-sans:var(--font-family-primary)}body{background-color:#fff}.text-primary,body{color:#212529}.text-secondary{color:#495057}.text-tertiary{color:#6c757d}.text-muted{color:#adb5bd}.surface-primary{background-color:#fff}.surface-secondary{background-color:#f8f9fa}.surface-elevated{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.border-primary{border-color:#dee2e6}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--color-surface-border)}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--color-text-tertiary)}::selection{background-color:#0d6efd33;color:#212529}:focus-visible{outline:2px solid #0d6efd}option,select{background:#fff!important;color:#212529!important;color:var(--color-text-primary)!important}button,input,option,select,textarea{color-scheme:light!important}body{background:var(--color-bg-primary);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface-elevated:#1e293b;--color-surface-hover:#2d3748;--color-surface-border:#334155;--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-nike-orange:#ff6b35;--color-nike-blue:#3b82f6;--color-progress-blue:#3b82f6;--color-progress-orange:#f59e0b;--color-progress-green:#10b981;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-button-primary:#fff;--color-button-primary-text:#0f172a;--color-button-secondary:#334155;--color-button-secondary-text:#fff;--color-input-bg:#1e293b;--color-input-border:#334155;--color-input-focus:#3b82f6;--color-input-text:#fff;--color-input-placeholder:#64748b;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0}body{background-color:#0f172a;background-color:var(--color-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5}.text-primary,body{color:#fff;color:var(--color-text-primary)}.text-secondary{color:#94a3b8;color:var(--color-text-secondary)}.text-tertiary{color:#64748b;color:var(--color-text-tertiary)}.text-muted{color:#475569;color:var(--color-text-muted)}.surface-primary{background-color:#0f172a;background-color:var(--color-bg-primary)}.surface-secondary{background-color:#1e293b;background-color:var(--color-bg-secondary)}.surface-elevated{background-color:#1e293b;background-color:var(--color-surface-elevated)}.border-primary{border-color:#334155;border-color:var(--color-surface-border)}html{scroll-behavior:smooth}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#1e293b;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#334155;background:var(--color-bg-tertiary);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#2d3748;background:var(--color-surface-hover)}::selection{background-color:#3b82f6;background-color:var(--color-nike-blue);color:#fff;color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-nike-blue)}:root{--bg:#0b0b0c;--surface:#141416;--surface-2:#1a1b1e;--surface-3:#202227;--border:#2b2d33;--text-primary:#f5f6f8;--text-secondary:#a3a7b0;--text-muted:#7a7f88;--brand-white:#fff;--accent-blue:#3b82f6;--accent-orange:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--shadow-1:0 8px 24px #00000059;--shadow-2:0 4px 12px #00000040;--ring:0 0 0 2px #3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-impactish:Impact,"Arial Black",var(--font-sans)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0b0c;color:#f5f6f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-sans);margin:0}a{color:inherit}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 0 0 2px #3b82f6;box-shadow:var(--ring);outline:none}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--brand-white);font-weight:600;letter-spacing:.2px}h1{font-family:Impact,Arial Black,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-impactish);font-size:clamp(36px,6vw,56px);font-weight:900;letter-spacing:1px;line-height:1.05;text-transform:uppercase}.card,.modal-content,.panel,.widget{background:#141416;background:var(--surface);border:1px solid #2b2d33;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000059;box-shadow:var(--shadow-1)}.card__header,.widget-header{background:linear-gradient(180deg,#1a1b1e,#141416);background:linear-gradient(to bottom,var(--surface-2),var(--surface));border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border);padding:14px 24px;padding:14px var(--gap-lg)}.card__title,.widget-header h3{color:#fff;color:var(--brand-white);font-size:16px;font-weight:600;letter-spacing:.2px;margin:0}.card__body,.widget-body{padding:24px;padding:var(--gap-lg)}.btn,button{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-sans);font-weight:500;transition:all .2s ease}.action-btn,.btn-primary{background:#fff;background:var(--brand-white);border:1px solid #fff;border:1px solid var(--brand-white);color:#0b0b0c;padding:10px 20px}.action-btn:hover,.btn-primary:hover{background:#f5f6f8;background:var(--text-primary);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #2b2d33;border:1px solid var(--border);color:#f5f6f8;color:var(--text-primary)}.btn-secondary:hover{background:#1a1b1e;background:var(--surface-2);border-color:#3a3d46}.icon-btn{background:#0000;border:1px solid #2b2d33;border:1px solid var(--border);border-radius:999px;display:grid;height:32px;place-items:center;transition:background .2s ease,border-color .2s ease;width:32px}.icon-btn:hover{background:#1f2024;border-color:#3a3d46}input,select,textarea{background:#1a1b1e;background:var(--surface-2);border:1px solid #2b2d33;border-radius:8px;border-radius:var(--radius-sm);color:#f5f6f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-sans);padding:10px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f6;box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:#7a7f88;color:var(--text-muted)}.progress{background:#111216;border:1px solid #2b2d33;border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden;position:relative}.bar,.progress-bar{border-radius:999px;height:100%;transition:width .3s ease}.bar--blue,.progress-bar.blue{background:#3b82f6;background:var(--accent-blue)}.bar--orange,.progress-bar.orange{background:#f59e0b;background:var(--accent-orange)}.bar--green,.progress-bar.green{background:#10b981;background:var(--accent-green)}.bar--red,.progress-bar.red{background:#ef4444;background:var(--accent-red)}.badge,.pill,.tab-badge{background:#121318;border:1px solid #2b2d33;border:1px solid var(--border);border-radius:999px;color:#a3a7b0;color:var(--text-secondary);font-size:12px;padding:3px 8px}.status-approved,.status-success{color:#10b981;color:var(--accent-green)}.status-pending,.status-warning{color:#f59e0b;color:var(--accent-orange)}.status-error,.status-rejected{color:#ef4444;color:var(--accent-red)}.status-info{color:#3b82f6;color:var(--accent-blue)}.grid{grid-gap:24px;grid-gap:var(--gap-lg);display:grid;gap:24px;gap:var(--gap-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1200px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.icon{fill:#f5f6f8;fill:var(--text-primary);height:16px;width:16px}.icon-lg{height:24px;width:24px}.icon-xl{height:32px;width:32px}.divider{border:0;border-top:1px solid #2b2d33;border-top:1px solid var(--border);margin:16px 0;margin:var(--gap-md) 0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#141416;background:var(--surface)}::-webkit-scrollbar-thumb{background:#2b2d33;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3d46}body.dark-mode{--brand-white:#fff;--accent-blue:#60a5fa;--accent-orange:#fbbf24;--accent-green:#34d399;--accent-red:#f87171;--shadow-1:0 8px 24px #000c;--shadow-2:0 4px 12px #0009;--ring:0 0 0 2px #60a5fa;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-impactish:Impact,"Arial Black",var(--font-sans)}body:not(.dark-mode){--bg:#f8f8f8;--surface:#fff;--surface-2:#f9fafb;--surface-3:#fff;--border:#e0e0e0;--text-primary:#000;--text-secondary:#6b7280;--text-muted:#9ca3af;--brand-white:#fff;--accent-blue:#3b82f6;--accent-orange:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--shadow-1:0 8px 24px #0000001a;--shadow-2:0 4px 12px #0000000d;--ring:0 0 0 2px #3b82f6}*,:after,:before,body{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion:reduce){*,:after,:before,body{transition:none!important}}svg{color:currentColor}.icon-button svg{transition:color .3s ease}body.dark-mode .widget-card{background:var(--surface);border-color:var(--border);box-shadow:0 4px 12px #0009}body.dark-mode .widget-card:hover{border-color:var(--accent-blue);box-shadow:0 6px 16px #000c}body.dark-mode .dashboard-topbar{background:var(--surface-3);border-bottom-color:var(--border)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--surface-2);border-color:var(--border);color:var(--text-primary)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--text-muted)}:root:not(.dark-mode),body.light-mode{--dashboard-bg:#f8f8f8;--dashboard-surface:#fff;--dashboard-surface-hover:#f3f4f6;--dashboard-border:#e0e0e0;--dashboard-text:#000;--dashboard-text-secondary:#6b7280;--dashboard-text-muted:#9ca3af;--widget-bg:#fff;--widget-border:#e0e0e0;--widget-shadow:0 1px 3px #0000000d,0 1px 2px #0000000d;--widget-hover-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;--widget-button-bg:#f3f4f6;--widget-button-hover:#e5e7eb;--widget-button-text:#374151;--widget-button-border:#d1d5db}body.dark-mode{--dashboard-bg:#000;--dashboard-surface:#1a1a1a;--dashboard-surface-hover:#2a2a2a;--dashboard-border:#333;--bg:#000;--surface:#1a1a1a;--surface-2:#141416;--surface-3:#202227;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#333;--dashboard-text:#fff;--dashboard-text-secondary:#9ca3af;--dashboard-text-muted:#6b7280;--widget-bg:#1a1a1a;--widget-border:#333;--widget-shadow:0 1px 3px #000c,0 1px 2px #0009;--widget-hover-shadow:0 4px 6px #000000e6,0 2px 4px #000c;--widget-button-bg:#2a2a2a;--widget-button-hover:#3a3a3a;--widget-button-text:#fff;--widget-button-border:#333}.dashboard-main,.dashboard-new{background:var(--dashboard-bg);color:var(--dashboard-text);min-height:100vh}.widget-grid{background:#0000}.widget-card{background:var(--widget-bg)!important;border:1px solid var(--widget-border)!important;border-radius:8px!important;box-shadow:var(--widget-shadow)!important;color:var(--dashboard-text)}.widget-card:hover{border-color:#3b82f6!important;border-color:var(--accent-blue,#3b82f6)!important;box-shadow:var(--widget-hover-shadow)!important}.widget-header,.widget-title{color:var(--dashboard-text)}.widget-content{color:var(--dashboard-text-secondary)}.widget-control-btn{background:var(--widget-button-bg);border-color:var(--widget-button-border);color:var(--widget-button-text)}.widget-control-btn:hover{background:var(--widget-button-hover)}.dashboard-new .icon-button,.dashboard-topbar .icon-button{color:var(--text-secondary)}.dashboard-new .icon-button:hover,.dashboard-topbar .icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.dashboard-topbar{background:var(--surface-3);border-bottom:1px solid var(--border)}.search-input{border-color:var(--border);color:var(--text-primary)}.search-input,.search-input:focus{background:var(--surface)}.user-avatar{background:var(--accent-blue)}.menu-dropdown,.user-dropdown{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}.dropdown-item{color:var(--text-primary)}.dropdown-item:hover{background:var(--surface-hover)}.modal-content{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.widget-empty-state{color:var(--text-muted)}.metric-value,.stat-value{color:var(--text-primary);font-weight:600}.metric-label,.stat-label{color:var(--text-secondary)}.widget-link{color:var(--accent-blue)}.widget-link:hover{opacity:.8}.status-badge.success{background:#10b9811a;color:var(--status-success)}.status-badge.warning{background:#f59e0b1a;color:var(--status-warning)}.status-badge.error{background:#ef44441a;color:var(--status-error)}.skeleton-loader{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-hover) 0,var(--surface) 50%,var(--surface-hover) 100%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-topbar,.icon-button,.widget-card,body,button,input,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}svg{transition:color .3s ease,fill .3s ease,stroke .3s ease}:root,:root.light-mode,:root[data-theme=light]{--bg:#f8f8f8;--surface:#fff;--surface-2:#f9fafb;--surface-3:#fff;--surface-hover:#f3f4f6;--text-primary:#000;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border:#e0e0e0;--border-light:#f3f4f6;--border-focus:#3b82f6;--button-primary-bg:#111;--button-primary-text:#fff;--button-secondary-bg:#f3f4f6;--button-secondary-text:#374151;--button-hover:#e5e7eb;--accent-blue:#3b82f6;--accent-orange:#ff6b35;--nike-black:#111;--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#3b82f6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026}:root.dark-mode,:root[data-theme=dark]{--bg:#000;--surface:#1a1a1a;--surface-2:#141416;--surface-3:#202227;--surface-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#000;--border:#333;--border-light:#2b2d33;--border-focus:#3b82f6;--button-primary-bg:#fff;--button-primary-text:#000;--button-secondary-bg:#2a2a2a;--button-secondary-text:#fff;--button-hover:#3a3a3a;--accent-blue:#60a5fa;--accent-orange:#ff8a5b;--nike-black:#fff;--status-success:#34d399;--status-warning:#fbbf24;--status-error:#f87171;--status-info:#60a5fa;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px #0009;--shadow-lg:0 10px 15px #000000b3;--shadow-xl:0 20px 25px #000c}body{background:#f8f8f8;background:var(--bg);color:#000;color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}.card,.panel,.widget-card{background:#fff;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transition:all .2s ease}.card:hover,.widget-card:hover{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.btn-primary,.button-primary{background:#111;background:var(--button-primary-bg);border:1px solid #111;border:1px solid var(--button-primary-bg);color:#fff;color:var(--button-primary-text)}.btn-secondary,.button-secondary{background:#f3f4f6;background:var(--button-secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border);color:#374151;color:var(--button-secondary-text)}.btn-primary:hover,.button-primary:hover{opacity:.9}.btn-secondary:hover,.button-secondary:hover{background:#e5e7eb;background:var(--button-hover)}input,select,textarea{background:#fff;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--border);color:#000;color:var(--text-primary);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}a{color:#3b82f6;color:var(--accent-blue);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8;text-decoration:underline}*,:after,:before{transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}svg{color:inherit}:root.dark-mode svg,:root.light-mode svg,:root[data-theme=dark] svg,:root[data-theme=light] svg{color:#000;color:var(--text-primary)}.icon-button{color:#6b7280;color:var(--text-secondary)}.icon-button:hover{color:#000;color:var(--text-primary)}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-contrast:high){:root.light-mode,:root[data-theme=light]{--border:#000;--text-secondary:#1f2937}:root.dark-mode,:root[data-theme=dark]{--border:#fff;--text-secondary:#e5e7eb}}@media print{body{background:#fff;color:#000}.card,.widget-card{border:1px solid #000;box-shadow:none}}:root[data-theme=light]{--bom-bg:#fff;--bom-bg-secondary:#f9fafb;--bom-bg-hover:#f3f4f6;--bom-bg-active:#e5e7eb;--bom-text:#111827;--bom-text-secondary:#6b7280;--bom-text-muted:#9ca3af;--bom-toolbar-bg:#f7f7f7;--bom-toolbar-border:#e5e7eb;--bom-toolbar-text:#374151;--bom-grid-border:#e5e7eb;--bom-grid-header-bg:#f9fafb;--bom-grid-row-hover:#f3f4f6;--bom-grid-row-selected:#dbeafe;--bom-button-bg:#fff;--bom-button-border:#d1d5db;--bom-button-text:#374151;--bom-button-hover-bg:#f9fafb;--bom-button-hover-border:#9ca3af;--bom-button-active-bg:#e5e7eb;--bom-primary-bg:#2563eb;--bom-primary-hover:#1d4ed8;--bom-primary-text:#fff;--bom-status-draft:#f59e0b;--bom-status-active:#10b981;--bom-status-obsolete:#6b7280;--bom-input-bg:#fff;--bom-input-border:#d1d5db;--bom-input-focus-border:#2563eb;--bom-input-text:#111827;--bom-input-placeholder:#9ca3af;--bom-section-bg:#fff;--bom-section-border:#e5e7eb;--bom-section-header-bg:#f9fafb;--bom-shadow-sm:0 1px 2px 0 #0000000d;--bom-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--bom-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--bom-focus-ring:0 0 0 3px #2563eb1a}:root[data-theme=dark]{--bom-bg:#1f2937;--bom-bg-secondary:#111827;--bom-bg-hover:#374151;--bom-bg-active:#4b5563;--bom-text:#f3f4f6;--bom-text-secondary:#d1d5db;--bom-text-muted:#9ca3af;--bom-toolbar-bg:#111827;--bom-toolbar-border:#374151;--bom-toolbar-text:#f3f4f6;--bom-grid-border:#374151;--bom-grid-header-bg:#111827;--bom-grid-row-hover:#374151;--bom-grid-row-selected:#1e3a8a;--bom-button-bg:#374151;--bom-button-border:#4b5563;--bom-button-text:#f3f4f6;--bom-button-hover-bg:#4b5563;--bom-button-hover-border:#6b7280;--bom-button-active-bg:#6b7280;--bom-primary-bg:#3b82f6;--bom-primary-hover:#2563eb;--bom-primary-text:#fff;--bom-status-draft:#f59e0b;--bom-status-active:#10b981;--bom-status-obsolete:#6b7280;--bom-input-bg:#374151;--bom-input-border:#4b5563;--bom-input-focus-border:#3b82f6;--bom-input-text:#f3f4f6;--bom-input-placeholder:#9ca3af;--bom-section-bg:#1f2937;--bom-section-border:#374151;--bom-section-header-bg:#111827;--bom-shadow-sm:0 1px 2px 0 #0000004d;--bom-shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--bom-shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--bom-focus-ring:0 0 0 3px #3b82f64d}.bom-container{background:var(--bom-bg);color:var(--bom-text);transition:background-color .2s ease,color .2s ease}.bom-container *{box-sizing:border-box}.bom-text-primary{color:var(--bom-text)}.bom-text-secondary{color:var(--bom-text-secondary)}.bom-text-muted{color:var(--bom-text-muted)}.bom-container button:focus-visible,.bom-container input:focus-visible,.bom-container select:focus-visible,.bom-container textarea:focus-visible{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring);outline:none}.bom-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.bom-status-badge.draft{background-color:#f59e0b1a;color:var(--bom-status-draft)}.bom-status-badge.active{background-color:#10b9811a;color:var(--bom-status-active)}.bom-status-badge.obsolete{background-color:#6b72801a;color:var(--bom-status-obsolete)}@media (max-width:768px){.bom-container{font-size:14px}}@media print{.bom-container{background:#fff!important;color:#000!important}.bom-toolbar{display:none!important}}@media (prefers-contrast:high){:root[data-theme=light]{--bom-text:#000;--bom-grid-border:#000}:root[data-theme=dark]{--bom-text:#fff;--bom-grid-border:#fff}}@media (prefers-reduced-motion:reduce){.bom-container,.bom-container *{animation:none!important;transition:none!important}}.App,.app-loading{background:var(--color-bg-primary);min-height:100vh}.app-loading{align-items:center;display:flex;justify-content:center}.spinner{border:4px solid var(--color-bg-secondary);border-top-color:var(--color-nike-blue)}.theme-toggle-icon{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.theme-toggle-icon svg{display:block;height:20px;width:20px}.theme-toggle-icon:hover{background:var(--surface-2);color:var(--text-primary)}.theme-toggle-icon:active{transform:scale(.95)}body:not(.dark-mode) .theme-toggle-icon{color:#6b7280}body:not(.dark-mode) .theme-toggle-icon:hover{background:#f3f4f6;color:#000}body.dark-mode .theme-toggle-icon{color:#9ca3af}body.dark-mode .theme-toggle-icon:hover{background:#2a2a2a;color:#fff}.theme-toggle-icon[title]:hover:after{background:var(--surface-3);border-radius:6px;bottom:-32px;box-shadow:var(--shadow-2);color:var(--text-primary);content:attr(title);font-size:12px;left:50%;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.theme-toggle{align-items:center;display:flex;gap:.5rem}.theme-toggle.dark,.theme-toggle.light{transition:all .2s ease}.theme-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.notification-center{position:relative}.notification-bell{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:22px;padding:8px;position:relative;transition:background .2s ease}.notification-bell:hover{background:#f5f5f5}.notification-badge{background:#d32f2f;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notification-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:600px;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{font-size:18px;font-weight:700;margin:0}.mark-all-read{background:#0000;border:none;border-radius:4px;color:#1976d2;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:background .2s ease}.mark-all-read:hover{background:#e3f2fd}.notification-list{flex:1 1;max-height:480px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f5f5f5}.notification-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#999}.notification-item{border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:background .2s ease}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#e3f2fd}.notification-item.unread:hover{background:#d1e7fd}.notification-icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notification-item.unread .notification-icon{background:#fff}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.notification-title{color:#111;font-size:14px;font-weight:600;line-height:1.3}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notification-time{color:#999;font-size:12px;margin-top:2px}.notification-delete{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:0;padding:0;transition:opacity .2s ease,background .2s ease;width:24px}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#f5f5f5;color:#d32f2f}.unread-dot{background:#1976d2;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.notification-footer{border-top:1px solid #e5e5e5;padding:12px 20px}.notification-footer button{background:#0000;border:none;border-radius:8px;color:#1976d2;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:background .2s ease;width:100%}.notification-footer button:hover{background:#e3f2fd}.notification-empty{color:#999;padding:48px 24px;text-align:center}.empty-icon{display:block}.notification-empty p{color:#666;font-size:15px;font-weight:600;margin:0 0 8px}.notification-empty span{color:#999;display:block;font-size:13px;line-height:1.5}.notification-loading{color:#999;font-size:14px;padding:48px 24px;text-align:center}@media (max-width:480px){.notification-dropdown{right:-50px;width:320px}}.help-center-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.help-center-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;min-width:900px;width:100%}.help-center-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-surface-border,#e5e7eb);display:flex;justify-content:space-between;padding:24px 32px}.help-header-content h1{color:#111827;color:var(--color-text-primary,#111827);font-size:28px;font-weight:700;margin:0 0 4px}.help-header-content p{font-size:14px;margin:0}.help-close-button,.help-header-content p{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.help-close-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;transition:all .2s;width:36px}.help-close-button:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);color:#111827;color:var(--color-text-primary,#111827)}.help-search-container{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-surface-border,#e5e7eb);padding:0 32px 20px;position:relative}.help-search-icon{color:#9ca3af;color:var(--color-text-muted,#9ca3af);left:44px;position:absolute;top:12px}.help-search-input{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:inherit;font-size:15px;outline:none;padding:12px 40px 12px 48px;transition:all .2s;width:100%}.help-search-input:focus{background:#fff;background:var(--color-bg-primary,#fff);border-color:#3b82f6;border-color:var(--color-nike-blue,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.help-clear-search{background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:24px;height:28px;position:absolute;right:40px;top:10px;transition:all .2s;width:28px}.help-clear-search:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);color:#111827;color:var(--color-text-primary,#111827)}.help-tabs{background:#fff;border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:nowrap;gap:0;justify-content:flex-start;overflow-x:visible;padding:0 24px}.help-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#374151;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:600;margin-bottom:-2px;padding:14px 24px;transition:all .2s;white-space:nowrap}.help-tab:hover{background:#f3f4f6;color:#111827}.help-tab.active{background:#eff6ff;border-bottom-color:#2563eb;color:#2563eb;font-weight:700}.help-content{flex:1 1;overflow-y:auto;padding:32px}.help-section{margin:0 auto;max-width:900px}.help-section h2{color:#111827;color:var(--color-text-primary,#111827);font-size:32px;font-weight:700;margin:0 0 8px}.help-intro{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;line-height:1.6;margin:0 0 32px}.help-quick-links{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.help-quick-link{align-items:flex-start;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:left;transition:all .2s}.help-quick-link:hover{background:#fff;background:var(--color-bg-primary,#fff);border-color:#3b82f6;border-color:var(--color-nike-blue,#3b82f6);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.link-icon{font-size:32px;margin-bottom:12px}.link-title{color:#111827;color:var(--color-text-primary,#111827);font-size:16px;font-weight:600;margin-bottom:4px}.link-desc{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px}.help-getting-started-content h3{color:#111827;color:var(--color-text-primary,#111827);font-size:22px;font-weight:600;margin:32px 0 16px}.help-steps{list-style:decimal;margin:0 0 32px 20px;padding:0}.help-steps li{color:#374151;color:var(--color-text-secondary,#374151);font-size:15px;line-height:1.6;margin-bottom:16px}.help-steps strong{color:#111827;color:var(--color-text-primary,#111827);font-weight:600}.help-concepts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.help-concept-card{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:8px;padding:20px}.help-concept-card h4{color:#111827;color:var(--color-text-primary,#111827);font-size:16px;font-weight:600;margin:0 0 8px}.help-concept-card p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0}.help-tips{list-style:disc;margin:0 0 32px 20px;padding:0}.help-tips li{color:#374151;color:var(--color-text-secondary,#374151);font-size:15px;line-height:1.6;margin-bottom:12px}.help-kbd,kbd{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--color-surface-border,#d1d5db);border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#111827;color:var(--color-text-primary,#111827);display:inline-block;font-family:SF Mono,Monaco,monospace;font-size:12px;padding:2px 6px}.help-support-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-support-card{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:8px;padding:24px}.help-support-card h4{color:#111827;color:var(--color-text-primary,#111827);font-size:16px;font-weight:600;margin:0 0 12px}.help-support-card p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:4px 0}.help-support-hours{color:#9ca3af!important;color:var(--color-text-muted,#9ca3af)!important;font-size:12px!important}.help-faq-category{border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:8px;margin-bottom:12px;overflow:hidden}.help-faq-category-header{align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:none;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;transition:all .2s;width:100%}.help-faq-category-header:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6)}.help-faq-count{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:13px;font-weight:400;margin-left:8px}.help-faq-toggle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:20px}.help-faq-questions{background:#fff;background:var(--color-bg-primary,#fff);padding:8px}.help-faq-item{margin-bottom:8px}.help-faq-question{align-items:flex-start;background:#0000;border:none;border-radius:6px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-family:inherit;font-size:15px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.help-faq-question:hover{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb)}.help-faq-q-icon{align-items:center;background:#3b82f6;background:var(--color-nike-blue,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.help-faq-q-text{flex:1 1;font-weight:500}.help-faq-q-toggle{color:#9ca3af;color:var(--color-text-muted,#9ca3af);flex-shrink:0;font-size:12px}.help-faq-answer{animation:expandDown .2s ease-out;display:flex;gap:12px;padding:12px 16px 16px 52px}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-faq-a-icon{align-items:center;background:#10b981;background:var(--color-success,#10b981);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.help-faq-a-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);flex:1 1;font-size:14px;line-height:1.6}.help-no-results{padding:60px 20px;text-align:center}.help-no-results p{color:#6b7280;color:var(--color-text-secondary,#6b7280);margin:8px 0}.help-clear-button{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:6px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 24px;transition:all .2s}.help-clear-button:hover{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-color:#3b82f6;border-color:var(--color-nike-blue,#3b82f6)}.help-modules-grid{grid-gap:24px;display:grid;gap:24px}.help-module-card{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:12px;padding:24px}.help-module-icon{font-size:48px;margin-bottom:16px}.help-module-card h3{color:#111827;color:var(--color-text-primary,#111827);font-size:22px;font-weight:600;margin:0 0 8px}.help-module-desc{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:0 0 20px}.help-module-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-surface-border,#e5e7eb);margin-top:20px;padding-top:20px}.help-module-section h4{color:#111827;color:var(--color-text-primary,#111827);font-size:16px;font-weight:600;margin:0 0 8px}.help-module-content{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.help-shortcuts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.help-shortcuts-category h3{color:#111827;color:var(--color-text-primary,#111827);font-size:18px;font-weight:600;margin:0 0 16px}.help-shortcuts-list{display:flex;flex-direction:column;gap:12px}.help-shortcut-item{align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.help-shortcut-keys{display:flex;gap:4px}.help-shortcut-desc,.help-shortcut-note{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px}.help-shortcut-note{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-radius:8px;margin-top:32px;padding:16px}.help-videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.help-video-card{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:12px;padding:20px;transition:all .2s}.help-video-card:hover{border-color:#3b82f6;border-color:var(--color-nike-blue,#3b82f6);box-shadow:0 4px 12px #0000001a}.help-video-thumbnail{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;font-size:48px;justify-content:center;margin-bottom:16px;width:100%}.help-video-card h3{color:#111827;color:var(--color-text-primary,#111827);font-size:16px;font-weight:600;margin:0 0 8px}.help-video-card p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0 0 16px}.help-video-button{background:#3b82f6;background:var(--color-nike-blue,#3b82f6);border:1px solid #3b82f6;border:1px solid var(--color-nike-blue,#3b82f6);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .2s;width:100%}.help-video-button:hover{background:#2563eb;border-color:#2563eb}.help-videos-note{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-surface-border,#e5e7eb);border-radius:8px;padding:20px}.help-videos-note p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:8px 0}.help-videos-note a{color:#3b82f6;color:var(--color-nike-blue,#3b82f6);text-decoration:none}.help-videos-note a:hover{text-decoration:underline}.help-center-footer{align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-surface-border,#e5e7eb);display:flex;gap:16px;justify-content:center;padding:20px 32px}.help-center-footer p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:0}.help-contact-button{background:#3b82f6;background:var(--color-nike-blue,#3b82f6);border:1px solid #3b82f6;border:1px solid var(--color-nike-blue,#3b82f6);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.help-contact-button:hover{background:#2563eb;border-color:#2563eb}.help-footer-divider{color:#d1d5db;color:var(--color-text-muted,#d1d5db)}.help-center-footer a{color:#3b82f6;color:var(--color-nike-blue,#3b82f6);font-size:14px;font-weight:500;text-decoration:none}.help-center-footer a:hover{text-decoration:underline}@media (max-width:1024px){.help-center-modal{max-width:calc(100vw - 40px);min-width:auto}.help-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:768px){.help-center-modal{border-radius:0;max-height:100vh;max-width:100%;min-width:auto}.help-center-footer,.help-center-header,.help-content,.help-search-container{padding-left:20px;padding-right:20px}.help-tabs{overflow-x:auto;padding-left:16px;padding-right:16px}.help-tab{font-size:13px;padding:12px 16px}.help-section h2{font-size:24px}.help-concepts,.help-quick-links,.help-shortcuts-grid,.help-support-options,.help-videos-grid{grid-template-columns:1fr}}.help-center-overlay{color-scheme:light!important}.help-center-modal{background:#fff!important;color:#111827!important}.help-center-header{border-color:#e5e7eb!important}.help-header-content h1{color:#111827!important}.help-close-button,.help-header-content p{color:#6b7280!important}.help-close-button:hover{background:#f3f4f6!important;color:#111827!important}.help-search-container,.help-search-input{border-color:#e5e7eb!important}.help-search-input{background:#f9fafb!important;color:#111827!important}.help-search-input:focus{background:#fff!important;border-color:#3b82f6!important}.help-tabs{background:#fff!important;border-color:#e5e7eb!important}.help-tab{background:#0000!important;border-bottom:3px solid #0000!important;color:#374151!important;font-weight:600!important;padding:14px 20px!important}.help-tab:hover{background:#f3f4f6!important;color:#111827!important}.help-tab.active{background:#eff6ff!important;border-bottom-color:#2563eb!important;color:#2563eb!important;font-weight:700!important}.help-section h2{color:#111827!important}.help-intro{color:#6b7280!important}.help-quick-link{background:#f9fafb!important;border-color:#e5e7eb!important}.help-quick-link:hover{background:#fff!important;border-color:#3b82f6!important}.link-title{color:#111827!important}.link-desc{color:#6b7280!important}.help-getting-started-content h3,.help-module-card h3,.help-shortcuts-category h3,.help-video-card h3{color:#111827!important}.help-steps li,.help-tips li{color:#374151!important}.help-steps strong{color:#111827!important}.help-concept-card,.help-module-card,.help-shortcut-item,.help-support-card,.help-video-card{background:#f9fafb!important;border-color:#e5e7eb!important}.help-concept-card h4,.help-module-section h4,.help-support-card h4{color:#111827!important}.help-concept-card p,.help-module-content,.help-module-desc,.help-support-card p{color:#6b7280!important}.help-kbd,kbd{background:#fff!important;border-color:#d1d5db!important;color:#111827!important}.help-faq-category{border-color:#e5e7eb!important}.help-faq-category-header{background:#f9fafb!important;color:#111827!important}.help-faq-category-header:hover{background:#f3f4f6!important}.help-faq-questions{background:#fff!important}.help-faq-question{color:#111827!important}.help-faq-question:hover{background:#f9fafb!important}.help-faq-a-text{color:#6b7280!important}.help-center-footer{background:#f9fafb!important;border-color:#e5e7eb!important}.help-center-footer p,.help-shortcut-desc{color:#6b7280!important}.help-shortcut-note,.help-videos-note{background:#f9fafb!important;border-color:#e5e7eb!important}.help-videos-note p{color:#6b7280!important}.help-center-modal input,.help-center-modal option,.help-center-modal select,.help-center-modal textarea{background:#fff!important;color:#111827!important;color-scheme:light!important}.help-center-overlay,.help-center-overlay *{color-scheme:light!important}.global-search-overlay{align-items:flex-start;animation:fadeIn .15s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding-top:15vh;position:fixed;right:0;top:0;z-index:10003}.global-search-modal{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;max-height:70vh;max-width:640px;width:90%}.search-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:20px}.search-icon{color:#6c757d;font-size:1.5rem}.search-input{border:none;color:#1a1a1a;font-size:1.1rem;font-weight:500;outline:none}.search-input::placeholder{color:#adb5bd;font-weight:400}.search-close{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s}.search-close:hover{background:#e9ecef;color:#495057}.search-results{flex:1 1;max-height:50vh;overflow-y:auto}.search-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.search-spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}.search-empty{color:#6c757d;padding:60px 20px;text-align:center}.empty-hint{color:#adb5bd;display:block;font-size:.9rem;margin-top:8px}.search-hints{color:#495057;padding:32px}.search-hints h4{color:#1a1a1a;font-size:1rem;margin:0 0 16px}.search-hints ul{list-style:none;margin:0;padding:0}.search-hints li{font-size:.95rem;padding:8px 0}.search-hints strong{color:#007bff;font-weight:600}.search-result-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .15s}.search-result-item.selected,.search-result-item:hover{background:#f8f9fa}.search-result-item.selected{background:#e7f3ff;border-left:3px solid #007bff}.result-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-shrink:0;font-size:1.75rem;height:40px;justify-content:center;width:40px}.search-result-item.selected .result-icon{background:#fff}.result-content{flex:1 1;min-width:0}.result-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:4px}.result-subtitle,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{color:#6c757d;font-size:.85rem}.result-type{background:#e9ecef;border-radius:12px;color:#495057;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.search-result-item.selected .result-type{background:#007bff;color:#fff}.search-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;padding:16px 20px}.search-shortcuts{color:#6c757d;display:flex;font-size:.85rem;gap:20px;justify-content:center}.search-shortcuts span{align-items:center;display:flex;gap:6px}.search-shortcuts kbd{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#495057;font-family:monospace;font-size:.8rem;font-weight:600;padding:3px 8px}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#0000}.search-results::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (max-width:768px){.global-search-overlay{padding-top:10vh}.global-search-modal{max-height:75vh;width:95%}.search-header{padding:16px}.search-input{font-size:1rem}.search-result-item{padding:12px 16px}.result-icon{font-size:1.5rem;height:36px;width:36px}.search-shortcuts{flex-wrap:wrap;gap:12px}}.dashboard-topbar{align-items:center;background:#fff;background:var(--surface-3,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;gap:1.5rem;height:56px;justify-content:space-between;left:0;padding:0 24px;padding:0 var(--gap-lg,24px);position:fixed;right:0;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:1000}body:not(.dark-mode) .dashboard-topbar{background:#fff;border-bottom-color:#e0e0e0}body.dark-mode .dashboard-topbar{background:#202227;border-bottom-color:#333}.topbar-left{align-items:center;display:flex;gap:.75rem}.nike-logo{color:#000;color:var(--text-primary,#000);flex-shrink:0;height:32px;transition:color .3s ease;width:32px}body:not(.dark-mode) .nike-logo{color:#000}body.dark-mode .nike-logo{color:#fff}.logo-text{color:#000;color:var(--text-primary,#000);font-size:1rem;font-weight:600;letter-spacing:-.01em;transition:color .3s ease;white-space:nowrap}body:not(.dark-mode) .logo-text{color:#000}body.dark-mode .logo-text{color:#fff}.sidenav-toggle-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:6px;transition:background .15s ease}.sidenav-toggle-btn:focus-visible{outline:2px solid #4f6bfa;outline-offset:2px}.sidenav-toggle-btn:hover{background:#4f6bfa14}.sidenav-toggle-btn:active{transform:scale(.95)}.sidenav-icon{stroke:#333;fill:none;height:24px;transition:stroke .15s ease,fill .15s ease;width:24px}.sidenav-toggle-btn:hover .sidenav-icon{stroke:#4f6bfa}.sidenav-icon.is-active{fill:#4f6bfa;stroke:#fff}.sidenav-icon.is-disabled{stroke:#ccc;cursor:not-allowed}body:not(.dark-mode) .sidenav-icon{stroke:#333}body:not(.dark-mode) .sidenav-toggle-btn:hover .sidenav-icon{stroke:#4f6bfa}body:not(.dark-mode) .sidenav-icon.is-active{fill:#4f6bfa;stroke:#fff}body.dark-mode .sidenav-icon{stroke:#9ca3af}body.dark-mode .sidenav-toggle-btn:hover .sidenav-icon{stroke:#4f6bfa}body.dark-mode .sidenav-icon.is-active{fill:#4f6bfa;stroke:#fff}.topbar-center{flex:1 1;margin:0 auto;max-width:600px}.global-search{cursor:pointer;position:relative;width:100%}.search-icon{color:#9ca3af;color:var(--text-muted,#9ca3af);left:1rem;transition:color .3s ease;z-index:1}body:not(.dark-mode) .search-icon{color:#9ca3af}body.dark-mode .search-icon{color:#6b7280}.search-input{background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:var(--radius-sm,8px);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;height:36px;padding:0 3rem 0 2.75rem}body:not(.dark-mode) .search-input{background:#f8f8f8;border-color:#e0e0e0;color:#000}body:not(.dark-mode) .search-input::placeholder{color:#9ca3af}body:not(.dark-mode) .search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}body.dark-mode .search-input{background:#141416;border-color:#333;color:#fff}body.dark-mode .search-input::placeholder{color:#6b7280}body.dark-mode .search-input:focus{background:#1a1a1a;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.search-kbd{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:var(--font-sans);font-size:.75rem;line-height:1;padding:.25rem .5rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.topbar-right{gap:.25rem;padding:0 16px}.icon-button,.topbar-right{align-items:center;display:flex}.icon-button{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;height:36px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:36px}.icon-button svg{display:block;height:20px;width:20px}.icon-button:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e);color:#f5f6f8;color:var(--text-primary,#f5f6f8)}.icon-button:active{transform:scale(.95)}.icon-button.active{background:#3b82f6;background:var(--accent-blue,#3b82f6);color:#fff;color:var(--brand-white,#fff)}.icon-button.active:hover{background:#2563eb}body:not(.dark-mode) .icon-button{color:#6b7280}body:not(.dark-mode) .icon-button:hover{background:#f3f4f6;color:#000}body.dark-mode .icon-button{color:#9ca3af}body.dark-mode .icon-button:hover{background:#2a2a2a;color:#fff}.add-widget-btn svg{stroke-width:2.5}.edit-btn.active{background:#10b981;background:var(--accent-green,#10b981)}.edit-btn.active:hover{background:#059669}.user-menu-wrapper{margin-left:.25rem;position:relative}.user-avatar-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.25rem .5rem .25rem .25rem;transition:background .15s ease}.user-avatar-btn:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue,#3b82f6),#8b5cf6);height:32px;width:32px}.avatar-initials{color:#fff;color:var(--brand-white,#fff);font-size:.75rem;font-weight:600;line-height:1}.user-info{display:none;text-align:left}.user-name{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;line-height:1.25}.user-email{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;line-height:1.25}.menu-backdrop{inset:0;position:fixed;z-index:1050}.user-dropdown{animation:dropdownFadeIn .15s ease;background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 8px 24px #00000059;box-shadow:var(--shadow-1,0 8px 24px #00000059);min-width:240px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);margin-bottom:.5rem;padding:.75rem}.dropdown-user-name{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.dropdown-user-email{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem}.dropdown-divider{background:#2b2d33;background:var(--border,#2b2d33);margin:.5rem 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#f5f6f8;color:var(--text-primary,#f5f6f8);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:#202227;background:var(--surface-3,#202227)}.dropdown-item svg{flex-shrink:0}@media (min-width:1200px){.user-info{display:block}}@media (max-width:768px){.dashboard-topbar{gap:.75rem;padding:0 1rem}.topbar-center{max-width:300px}.logo-text,.search-kbd{display:none}.icon-button{height:32px;width:32px}}@media (max-width:640px){.topbar-center{display:none}}.dashboard-sidenav{background:#141416;background:var(--surface,#141416);border-right:1px solid #2b2d33;border-right:1px solid var(--border,#2b2d33);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,opacity .2s ease}.dashboard-sidenav.open{opacity:1}.dashboard-sidenav.closed{border-right:none;opacity:0;width:0!important}body:not(.dark-mode) .dashboard-sidenav{background:#fff;border-right-color:#e0e0e0}body.dark-mode .dashboard-sidenav{background:#1a1a1a;border-right-color:#333}.sidenav-content{flex:1 1;overflow-y:auto;padding:1rem}.sidenav-section{margin-bottom:1.5rem}.sidenav-section-header{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;text-align:left;transition:background .2s ease;width:100%}.sidenav-section-header:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}body:not(.dark-mode) .sidenav-section-header:hover{background:#f3f4f6}body.dark-mode .sidenav-section-header:hover{background:#2a2a2a}.sidenav-section-title{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}body:not(.dark-mode) .sidenav-section-title{color:#6b7280}.caret,body.dark-mode .sidenav-section-title{color:#9ca3af}.caret{align-items:center;color:var(--text-secondary,#9ca3af);display:inline-flex;justify-content:center;transition:transform .3s ease}.caret svg{display:block}.caret.up{transform:rotate(180deg)}.caret.down{transform:rotate(0deg)}body:not(.dark-mode) .caret{color:#6b7280}body:not(.dark-mode) .sidenav-section-header:hover .caret{color:#000}body.dark-mode .caret{color:#9ca3af}body.dark-mode .sidenav-section-header:hover .caret{color:#fff}.sidenav-list{list-style:none;margin:0;padding:0}.submenu{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.submenu.expanded{max-height:1000px;opacity:1}.submenu.collapsed{max-height:0;opacity:0}.sidenav-link{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;text-align:left;text-decoration:none;transition:all .2s;width:100%}.sidenav-link:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e);color:#f5f6f8;color:var(--text-primary,#f5f6f8)}body:not(.dark-mode) .sidenav-link{color:#6b7280}body:not(.dark-mode) .sidenav-link:hover{background:#f3f4f6;color:#000}body.dark-mode .sidenav-link{color:#9ca3af}body.dark-mode .sidenav-link:hover{background:#2a2a2a;color:#fff}.link-icon{flex-shrink:0;font-size:1.25rem;text-align:center;width:24px}.link-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-sidenav::-webkit-scrollbar{width:6px}.dashboard-sidenav::-webkit-scrollbar-track{background:#0000}.dashboard-sidenav::-webkit-scrollbar-thumb{background:#7a7f88;background:var(--text-muted,#7a7f88);border-radius:3px}.dashboard-sidenav::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-secondary,#9ca3af)}@media (max-width:768px){.sidenav-content,.sidenav-header{padding:.75rem}}.chat-fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #3b82f666;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:999}.chat-fab:hover{box-shadow:0 6px 20px #3b82f680;transform:scale(1.1)}.chat-fab:active{transform:scale(.95)}.chat-dock{animation:slideInUp .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;bottom:2rem;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 6rem);overflow:hidden;position:fixed;right:2rem;width:400px;z-index:1000}.dark .chat-dock{background:#1f2937;border-color:#374151}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.dark .chat-header{background:#1f2937;border-bottom-color:#374151}.chat-header-content{align-items:center;display:flex;gap:.75rem}.chat-title{color:#111827;font-size:1rem;font-weight:600;margin:0}.dark .chat-title{color:#fff}.chat-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.chat-close-btn:hover{background:#f3f4f6;color:#111827}.dark .chat-close-btn{color:#9ca3af}.dark .chat-close-btn:hover{background:#374151;color:#fff}.chat-messages{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.dark .chat-messages{background:#111827}.chat-message{animation:messageIn .2s ease;display:flex;max-width:80%}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.assistant-message{align-self:flex-start}.message-content{border-radius:12px;font-size:.875rem;line-height:1.5;padding:.75rem 1rem}.user-message .message-content{background:#3b82f6;border-bottom-right-radius:4px;color:#fff}.assistant-message .message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#111827}.dark .assistant-message .message-content{background:#1f2937;border-color:#374151;color:#fff}.message-content.typing{display:flex;gap:4px;padding:12px 16px}.message-content.typing span{animation:typing 1.4s infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}.chat-mode{border-radius:12px;font-size:.7rem;font-weight:500;padding:2px 8px}.chat-mode.demo{background:#fef3c7;color:#92400e}.chat-mode.openai{background:#d1fae5;color:#065f46}.dark .chat-mode.demo{background:#78350f;color:#fde68a}.dark .chat-mode.openai{background:#064e3b;color:#a7f3d0}.chat-input-container{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem 1.5rem}.dark .chat-input-container{background:#1f2937;border-top-color:#374151}.chat-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;flex:1 1;font-size:.875rem;height:40px;padding:0 1rem;transition:all .2s}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark .chat-input{background:#111827;border-color:#374151;color:#fff}.dark .chat-input:focus{border-color:#3b82f6}.chat-send-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;height:40px;padding:0 1.5rem;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:#2563eb}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dark .chat-messages::-webkit-scrollbar-thumb{background:#4b5563}@media (max-width:768px){.chat-fab{bottom:1.5rem;right:1.5rem}.chat-dock{border-radius:16px 16px 0 0;bottom:0;height:calc(100vh - 64px);left:0;max-height:none;right:0;width:100%}}@media (prefers-reduced-motion:reduce){.chat-dock,.chat-fab,.chat-message{animation:none;transition:none}}.modal-backdrop{animation:fadeIn .2s ease}.add-widget-modal{animation:modalIn .3s cubic-bezier(.4,0,.2,1);background:#141416;background:var(--surface,#141416);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 8px 24px #00000059;box-shadow:var(--shadow-1,0 8px 24px #00000059);display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);padding:1.5rem 2rem}.modal-title{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:1.25rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close-btn:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e);color:#f5f6f8;color:var(--text-primary,#f5f6f8)}.modal-search{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);padding:1rem 2rem;position:relative}.modal-search .search-icon{color:#9ca3af;left:2.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.modal-search-input{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;height:44px;padding:0 1rem 0 2.5rem;transition:all .2s;width:100%}.modal-search-input:focus{background:#141416;background:var(--surface,#141416);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.widgets-list{flex:1 1;overflow-y:auto;padding:1rem}.widget-list-item{align-items:center;border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1rem;transition:background .2s}.widget-list-item:last-child{border-bottom:none}.widget-list-item:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.widget-info{flex:1 1;min-width:0}.widget-item-title{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:1rem;font-weight:600;margin:0 0 .25rem}.widget-item-description{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.875rem;margin:0}.add-btn{background:#3b82f6;background:var(--accent-blue,#3b82f6);border:none;border-radius:20px;color:#fff;color:var(--brand-white,#fff);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s;white-space:nowrap}.add-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.add-btn:active:not(:disabled){transform:translateY(0)}.add-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.dark .add-btn{background:#fff;color:#111827}.dark .add-btn:hover:not(:disabled){background:#f3f4f6}.dark .add-btn:disabled{background:#4b5563;color:#9ca3af}.widgets-list .empty-state{padding:4rem 2rem}.widgets-list::-webkit-scrollbar{width:6px}.widgets-list::-webkit-scrollbar-track{background:#0000}.widgets-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dark .widgets-list::-webkit-scrollbar-thumb{background:#4b5563}@media (max-width:768px){.add-widget-modal{max-height:90vh;width:95%}.modal-header,.modal-search{padding-left:1.5rem;padding-right:1.5rem}}@media (prefers-reduced-motion:reduce){.add-widget-modal,.modal-backdrop{animation:none}}.command-palette-overlay{align-items:flex-start;animation:fadeIn .15s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:10vh;position:fixed;right:0;top:0;z-index:10004}.command-palette{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:70vh;max-width:640px;width:90%}.command-input-container{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:12px;padding:20px 24px}.command-icon{color:#007bff;font-size:1.5rem}.command-input{border:none;color:#1a1a1a;flex:1 1;font-size:1.1rem;font-weight:500;outline:none}.command-input::placeholder{color:#adb5bd;font-weight:400}.command-hint{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;font-family:monospace;font-size:.85rem;font-weight:600;padding:4px 10px}.command-results{flex:1 1;max-height:50vh;overflow-y:auto;padding:8px}.command-empty{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.command-empty p{font-size:1rem;margin:0}.command-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:16px;margin-bottom:4px;padding:14px 16px;transition:all .15s}.command-item.selected,.command-item:hover{background:#f8f9fa}.command-item.selected{background:#e7f3ff;border-left:3px solid #007bff}.command-item-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:36px;justify-content:center;width:36px}.command-item.selected .command-item-icon{background:#fff;box-shadow:0 2px 8px #007bff33}.command-item-content{flex:1 1;min-width:0}.command-item-label{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:2px}.command-item-description,.command-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-item-description{color:#6c757d;font-size:.85rem}.command-shortcut{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#6c757d;font-family:monospace;font-size:.8rem;font-weight:600;padding:4px 10px}.command-item.selected .command-shortcut{background:#fff;border-color:#007bff;color:#007bff}.command-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:.85rem;gap:24px;justify-content:center;padding:14px 20px}.command-footer span{align-items:center;display:flex;gap:6px}.command-footer kbd{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#495057;font-family:monospace;font-size:.8rem;font-weight:600;padding:3px 8px}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:#0000}.command-results::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.command-results::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (max-width:768px){.command-palette-overlay{padding-top:5vh}.command-palette{max-height:80vh;width:95%}.command-input-container{padding:16px 20px}.command-input{font-size:1rem}.command-item{padding:12px 14px}.command-item-icon{font-size:1.3rem;height:32px;width:32px}.command-shortcut{display:none}.command-footer{flex-wrap:wrap;gap:12px}}.quick-actions-widget{position:fixed;transition:none;z-index:10002}.quick-actions-widget.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.quick-actions-widget:not(.dragging){transition:left .3s ease,top .3s ease}.quick-actions-fab{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50%;box-shadow:0 8px 24px #007bff66;color:#fff;cursor:grab;display:flex;font-size:2rem;height:64px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.quick-actions-fab:hover:not(.dragging){box-shadow:0 12px 32px #007bff80;transform:scale(1.1) rotate(5deg)}.quick-actions-fab.dragging{box-shadow:0 16px 48px #007bff99;cursor:grabbing;transform:scale(1.15);transition:none}.quick-actions-fab.active{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 8px 24px #dc354566;cursor:pointer;transform:rotate(180deg)}.quick-actions-fab:after{bottom:8px;content:"⋮⋮";font-size:.75rem;letter-spacing:-2px;opacity:.5;position:absolute;transition:opacity .2s}.quick-actions-fab.active:after,.quick-actions-fab.dragging:after,.quick-actions-fab:hover:after{opacity:0}.quick-actions-overlay{animation:fadeIn .2s ease;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.quick-actions-menu{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-height:600px;max-width:calc(100vw - 32px);overflow:hidden;position:fixed;width:480px;z-index:10003}@media (max-height:800px){.quick-actions-menu{max-height:400px}}.menu-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:24px 24px 16px}.menu-header h3{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0 0 8px}.menu-header p{color:#6c757d;font-size:.9rem;margin:0}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-height:400px;overflow-y:auto;padding:16px}.action-card{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:left;transition:all .2s}.action-card:hover{background:linear-gradient(135deg,#fff,#007bff08);border-color:var(--action-color);box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;font-size:1.75rem;height:48px;justify-content:center;transition:all .2s;width:48px}.action-card:hover .action-icon{background:var(--action-color);transform:scale(1.1) rotate(5deg)}.action-content{flex:1 1}.action-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:4px}.action-description{color:#6c757d;font-size:.85rem;line-height:1.4}.menu-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 24px;text-align:center}.shortcut-hint{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:6px;justify-content:center}.shortcut-hint kbd{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#495057;font-family:monospace;font-size:.8rem;font-weight:600;padding:3px 8px}.actions-grid::-webkit-scrollbar{width:6px}.actions-grid::-webkit-scrollbar-track{background:#0000}.actions-grid::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.actions-grid::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (max-width:768px){.quick-actions-widget{bottom:20px;right:20px}.quick-actions-fab{font-size:1.75rem;height:56px;width:56px}.quick-actions-menu{bottom:72px;max-width:400px;right:-8px;width:calc(100vw - 40px)}.actions-grid{grid-template-columns:1fr}.menu-header{padding:20px}.action-card{padding:16px}}@media (max-width:480px){.action-description{font-size:.8rem}}.app-shell{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;min-height:100vh}.app-shell .dashboard-topbar{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.app-main-container{display:flex;flex:1 1;overflow:visible;position:relative}.app-shell .dashboard-sidenav{background:#141416;background:var(--surface,#141416);border-right:1px solid #2b2d33;border-right:1px solid var(--border,#2b2d33);flex-shrink:0;height:calc(100vh - 56px);left:0;overflow:hidden;position:-webkit-sticky;position:sticky;top:56px;transition:width .3s ease;width:0;z-index:50}.app-shell .dashboard-sidenav.open{overflow-y:auto;width:280px}.app-content{min-width:0;overflow:auto;position:relative;transition:none}.app-content,.app-content>*{display:flex;flex:1 1;flex-direction:column;width:100%}.app-content>*{min-height:calc(100vh - 56px)}.app-shell .sidenav-backdrop{display:none}@media (max-width:768px){.app-shell .dashboard-sidenav{box-shadow:2px 0 8px #0000004d;left:0;position:fixed;top:56px;width:0;z-index:110}.app-shell .dashboard-sidenav.open{width:280px}.app-shell .sidenav-backdrop{background:#00000080;display:block;inset:0;position:fixed;top:56px;z-index:105}.app-content{width:100%}}.library-panel{animation:slideInRight .3s ease-out;background:#141416;background:var(--surface,#141416);border-left:1px solid #2b2d33;border-left:1px solid var(--border,#2b2d33);box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;height:calc(100vh - 56px);max-width:90vw;position:fixed;right:0;top:56px;width:500px;z-index:90}.library-panel-backdrop{top:56px;z-index:85}.library-panel-backdrop,.modal-backdrop{background:#00000080;inset:0;position:fixed}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.chat-dock-wrapper{bottom:20px;position:fixed;right:20px;z-index:100}*{box-sizing:border-box}.suggested-tools-widget{display:flex;flex-direction:column;height:100%}.tools-grid{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(2,1fr)}.tool-card{align-items:center;background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.25rem .75rem;text-decoration:none;transition:all .2s;width:100%}.tool-card-button{cursor:pointer;font-family:inherit}.tool-card:hover{background:#141416;background:var(--surface,#141416);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 4px 12px #3b82f640;transform:translateY(-2px)}.tool-icon{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:2rem;line-height:1}.tool-name{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.8125rem;font-weight:500;text-align:center}@media (max-width:480px){.tools-grid{gap:.5rem}.tool-card{padding:1rem .5rem}.tool-icon{font-size:1.75rem}.tool-name{font-size:.75rem}}.suggested-tools-widget{background:#fff!important;border-color:#dee2e6!important}.tool-card{background:#f8f9fa!important;border-color:#dee2e6!important}.tool-card:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.line-plan-widget{display:flex;flex-direction:column;height:100%}.line-plan-widget .view-all-link{background:#0000;border:none;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.875rem;padding:0;transition:color .2s}.line-plan-widget .view-all-link:hover{color:#3b82f6;color:var(--accent-blue,#3b82f6)}.seasons-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto}.season-card{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;padding:1rem;transition:all .2s}.season-card:hover{background:#141416;background:var(--surface,#141416);box-shadow:0 4px 12px #00000040;box-shadow:var(--shadow-2,0 4px 12px #00000040);transform:translateY(-1px)}.season-header{justify-content:space-between;margin-bottom:.5rem}.season-header,.season-info{align-items:center;display:flex}.season-info{gap:.5rem}.season-code{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;font-weight:700}.season-name{color:#6b7280;font-size:.875rem;font-weight:500}.dark .season-name{color:#9ca3af}.season-progress-value{color:#3b82f6;font-size:1.125rem;font-weight:700}.season-meta{align-items:center;display:flex;font-size:.75rem;gap:1rem;margin-bottom:.75rem}.season-category{letter-spacing:.05em;text-transform:uppercase}.season-category,.season-count{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.progress-bar{background:#202227;background:var(--surface-3,#202227);margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.season-dates{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;font-size:.75rem;gap:.5rem}.seasons-list::-webkit-scrollbar{width:4px}.seasons-list::-webkit-scrollbar-track{background:#0000}.seasons-list::-webkit-scrollbar-thumb{background:#7a7f88;background:var(--text-muted,#7a7f88);border-radius:2px}.seasons-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-secondary,#9ca3af)}.lineplan-widget{background:#fff!important;color:#212529!important}.season-item{background:#f8f9fa!important;border-color:#dee2e6!important}.season-item:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.progress-bar-container{background:#e9ecef!important}.my-boms-widget{display:flex;flex-direction:column;height:100%;overflow:hidden}.my-boms-widget .widget-header{flex-shrink:0;margin-bottom:.75rem}.add-bom-btn{align-items:center;background:#0000;border-radius:var(--radius-sm,8px);color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.add-bom-btn:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e);color:#f5f6f8;color:var(--text-primary,#f5f6f8)}.boms-tabs{align-items:center;border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);display:flex;flex-shrink:0;gap:.5rem;margin-bottom:1rem}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:.5rem .75rem;transition:all .2s}.tab-button:hover{color:#f5f6f8;color:var(--text-primary,#f5f6f8)}.tab-button.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-blue,#3b82f6);color:#3b82f6;color:var(--accent-blue,#3b82f6)}.boms-search{margin-left:auto;position:relative;width:200px}.boms-search .search-icon{color:#7a7f88;color:var(--text-muted,#7a7f88);left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.boms-search .search-input{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.8125rem;height:32px;padding:0 .75rem 0 2.25rem;transition:all .2s;width:100%}.boms-search .search-input::placeholder{color:#7a7f88;color:var(--text-muted,#7a7f88)}.boms-search .search-input:focus{background:#141416;background:var(--surface,#141416);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-description{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-shrink:0;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.boms-filters{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filter-search-wrapper{flex:0 1 280px;position:relative}.filter-search-wrapper .search-icon{color:#7a7f88;color:var(--text-muted,#7a7f88);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-search-input{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:24px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;height:44px;padding:0 1rem 0 2.75rem;transition:all .2s;width:100%}.filter-search-input::placeholder{color:#7a7f88;color:var(--text-muted,#7a7f88)}.filter-search-input:focus,.filter-search-input:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.filter-search-input:focus{background:#141416;background:var(--surface,#141416);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-dropdown-wrapper{flex:0 1 auto;position:relative}.filter-dropdown-wrapper .dropdown-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.filter-select{-moz-appearance:none;background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:24px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;height:44px;min-width:200px;padding:0 2.75rem 0 1rem;width:100%}.filter-select:focus,.filter-select:hover{border-color:var(--accent-blue,#3b82f6)}.filter-select:focus{background:#141416;background:var(--surface,#141416);box-shadow:0 0 0 3px #3b82f61a}.boms-toolbar{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);flex-shrink:0;margin-bottom:.75rem;padding:.75rem}.toolbar-left{gap:1rem}.results-count{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.8125rem}.toolbar-right{gap:.25rem}.toolbar-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#9ca3af;color:var(--text-secondary,#9ca3af);height:32px;padding:0;width:32px}.toolbar-btn:hover{background:#141416;background:var(--surface,#141416);color:#f5f6f8;color:var(--text-primary,#f5f6f8)}.toolbar-btn:active{transform:scale(.95)}.boms-table-container{border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);min-height:200px}.boms-table-inline{border-collapse:collapse;font-size:.8125rem;width:100%}.boms-table-inline thead{background:#1a1b1e;background:var(--surface-2,#1a1b1e);position:-webkit-sticky;position:sticky;top:0;z-index:1}.boms-table-inline th{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.boms-table-inline th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.boms-table-inline th.sortable:hover{background:#141416;background:var(--surface,#141416);color:#f5f6f8;color:var(--text-primary,#f5f6f8)}.sort-icon{font-size:.75rem;margin-left:.25rem}.checkbox-cell{width:40px}.checkbox-cell input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--accent-blue,#3b82f6);cursor:pointer;height:16px;width:16px}.boms-table-inline td{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);color:#f5f6f8;color:var(--text-primary,#f5f6f8);padding:.75rem;white-space:nowrap}.boms-table-inline tbody tr{cursor:pointer;transition:background .2s}.boms-table-inline tbody tr:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.boms-table-inline tbody tr.selected{background:#3b82f61a}.boms-table-inline tbody tr:last-child td{border-bottom:none}.status-badge{background:#6b72801a;background:rgba(var(--status-color-rgb,107,114,128),.1);color:#6b7280;color:var(--status-color,#6b7280);gap:.375rem;padding:.25rem .625rem}.status-dot{background:#6b7280;background:var(--status-color,#6b7280);height:6px;width:6px}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;padding:.25rem .5rem;white-space:nowrap}.badge-neutral{background:#202227;background:var(--surface-3,#202227);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);color:#9ca3af;color:var(--text-secondary,#9ca3af)}.badge-gate{background:#3b82f61a;border:1px solid #3b82f64d}.badge-gate,.table-link{color:#3b82f6;color:var(--accent-blue,#3b82f6)}.table-link{font-weight:500;text-decoration:none;transition:color .2s}.table-link:hover{color:#2563eb;text-decoration:underline}.bom-id-code{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:Courier New,monospace;font-size:.75rem;padding:.125rem .375rem}.empty-state p{margin:0 0 .5rem}.boms-pagination{flex-shrink:0;gap:.5rem;justify-content:center;padding:1rem .75rem 0}.pagination-btn{border-radius:8px;border-radius:var(--radius-sm,8px);font-size:.8125rem;padding:.5rem .75rem}.pagination-btn:hover:not(:disabled){background:#141416;background:var(--surface,#141416)}.pagination-pages{display:flex;gap:.25rem}.pagination-page{align-items:center;background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);color:#f5f6f8;color:var(--text-primary,#f5f6f8);cursor:pointer;display:flex;font-size:.8125rem;height:32px;justify-content:center;transition:all .2s;width:32px}.pagination-page:hover{background:#141416;background:var(--surface,#141416)}.pagination-page.active,.pagination-page:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.pagination-page.active{background:#3b82f6;background:var(--accent-blue,#3b82f6);color:#fff;color:var(--brand-white,#fff)}.boms-table-container::-webkit-scrollbar{height:6px;width:6px}.boms-table-container::-webkit-scrollbar-track{background:#0000}.boms-table-container::-webkit-scrollbar-thumb{background:#7a7f88;background:var(--text-muted,#7a7f88);border-radius:3px}.boms-table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-secondary,#9ca3af)}@media (max-width:768px){.boms-filters{flex-direction:column}.filter-select{width:100%}.boms-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.toolbar-left,.toolbar-right{justify-content:space-between}.boms-table-inline{font-size:.75rem}.boms-table-inline td,.boms-table-inline th{padding:.5rem}}.recent-styles-widget{display:flex;flex-direction:column;height:100%}.styles-list{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(3,1fr);overflow-y:auto}.style-card{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;min-height:140px;padding:1rem;position:relative;text-decoration:none}.style-card:hover{background:#141416;background:var(--surface,#141416);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 4px 12px #3b82f640;transform:translateY(-2px)}.style-category{color:#7a7f88;color:var(--text-muted,#7a7f88);letter-spacing:.05em;margin-bottom:.5rem}.style-badge,.style-category{font-size:.625rem;font-weight:600;text-transform:uppercase}.style-badge{border-radius:12px;color:#fff;color:var(--brand-white,#fff);letter-spacing:.025em;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem}.style-name{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.9375rem;line-height:1.3;margin:0 0 .375rem}.style-meta{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;margin-bottom:.5rem}.style-colorway{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.8125rem;margin-top:auto}.styles-list::-webkit-scrollbar{width:4px}.styles-list::-webkit-scrollbar-track{background:#0000}.styles-list::-webkit-scrollbar-thumb{background:#7a7f88;background:var(--text-muted,#7a7f88);border-radius:2px}.styles-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-secondary,#9ca3af)}@media (max-width:1400px){.styles-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.styles-list{grid-template-columns:1fr}}.recent-styles-widget{background:#fff!important;color:#212529!important}.style-card{background:#f8f9fa!important;border-color:#dee2e6!important}.style-card:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.favorites-widget{display:flex;flex-direction:column;height:100%}.favorites-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto}.favorite-item{align-items:center;background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.favorite-item:hover{background:#141416;background:var(--surface,#141416);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.favorite-icon{font-size:1.5rem;line-height:1}.favorite-link{flex:1 1;min-width:0;text-decoration:none}.favorite-name{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.favorite-name,.favorite-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem}.remove-favorite-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#7a7f88;color:var(--text-muted,#7a7f88);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.remove-favorite-btn:hover{background:#ef44441a;color:#ef4444;color:var(--accent-red,#ef4444)}.favorites-count{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.8125rem;margin-top:1rem;padding-top:.75rem;text-align:center}.dark .favorites-count{border-top-color:#374151;color:#9ca3af}.favorites-list::-webkit-scrollbar{width:4px}.favorites-list::-webkit-scrollbar-track{background:#0000}.favorites-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dark .favorites-list::-webkit-scrollbar-thumb{background:#4b5563}.favorites-widget{background:#fff!important;color:#212529!important}.favorite-item{background:#f8f9fa!important;border-color:#dee2e6!important}.favorite-item:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.analytics-widget{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.analytics-icon-container{margin-bottom:1.5rem;opacity:.3}.analytics-title{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.analytics-subtitle{color:#7a7f88;color:var(--text-muted,#7a7f88);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.analytics-description{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.875rem;line-height:1.5;max-width:280px}.analytics-widget{background:#fff!important;color:#212529!important}.detailed-view-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.detailed-view-modal{background:#1e293b;border-radius:12px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.detailed-view-header{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:24px 32px}.detailed-view-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.detailed-view-header .subtitle{color:#94a3b8;font-size:.875rem;margin:4px 0 0}.btn-export{align-items:center;background:#f97316;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px;transition:background .2s}.btn-export:hover{background:#ea580c}.btn-close{border-radius:6px;color:#94a3b8}.btn-close:hover{background:#334155}.detailed-view-stats{border-bottom:1px solid #334155;display:flex;gap:24px;overflow-x:auto;padding:20px 32px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:#94a3b8;font-size:.75rem;letter-spacing:.05em}.stat-value{color:#fff;font-size:1.5rem}.detailed-view-body{flex:1 1;overflow:auto;padding:24px 32px}.detailed-view-table{border-collapse:collapse;font-size:.875rem;width:100%}.detailed-view-table thead{background:#0f172a;position:-webkit-sticky;position:sticky;top:0;z-index:1}.detailed-view-table th{border-bottom:2px solid #334155;color:#e2e8f0;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.detailed-view-table th.sortable{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.detailed-view-table th.sortable:hover,.sort-indicator{color:#f97316}.detailed-view-table td{border-bottom:1px solid #1e293b;color:#cbd5e1;padding:12px}.detailed-view-table tbody tr{transition:background .2s}.detailed-view-table tbody tr:hover{background:#0f172a}.btn-view{background:#0000;border:1px solid #f97316;border-radius:4px;color:#f97316;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}.btn-view:hover{background:#f97316;color:#fff}@media (max-width:768px){.detailed-view-modal{border-radius:0;max-height:100vh;max-width:100%}.detailed-view-body,.detailed-view-header,.detailed-view-stats{padding:16px}.detailed-view-table{font-size:.75rem}.detailed-view-table td,.detailed-view-table th{padding:8px}}.samples-widget{display:flex;flex-direction:column;height:100%}.samples-widget .header-left{align-items:center;display:flex;gap:.5rem}.samples-widget .widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.samples-widget .view-all-link{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#3b82f6;color:var(--accent-blue,#3b82f6);cursor:pointer;font-size:.875rem;font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.samples-widget .view-all-link:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e);color:#2563eb;color:var(--accent-blue-hover,#2563eb)}.samples-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.samples-stats-grid .stat-card{background:#1f2024;background:var(--surface-2,#1f2024);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);padding:1rem;text-align:center;transition:all .2s ease}.samples-stats-grid .stat-card:hover{background:#2a2b30;background:var(--surface-hover,#2a2b30);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.samples-stats-grid .stat-value{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.samples-stats-grid .stat-label{color:#7a7f88;color:var(--text-muted,#7a7f88);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stat-requested{border-left:3px solid #7a7f88;border-left:3px solid var(--text-muted,#7a7f88)}.stat-received{border-left:3px solid #3b82f6;border-left:3px solid var(--accent-blue,#3b82f6)}.stat-approved{border-left:3px solid #10b981;border-left:3px solid var(--accent-green,#10b981)}.samples-table-container{background:#141416;background:var(--surface,#141416);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);flex:1 1;overflow:auto}.samples-table{font-size:.875rem}.samples-table thead{background:#1f2024;background:var(--surface-2,#1f2024);border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);position:-webkit-sticky;position:sticky;top:0;z-index:1}.samples-table th{color:#a3a7b0;color:var(--text-secondary,#a3a7b0);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase}.samples-table td{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);color:#f5f6f8;color:var(--text-primary,#f5f6f8);padding:.75rem}.samples-table tbody tr{transition:background .15s ease}.samples-table tbody tr:hover{background:#2a2b30;background:var(--surface-hover,#2a2b30)}.samples-table tbody tr:last-child td{border-bottom:none}.samples-table .style-name{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-weight:600}.samples-table .status-badges{display:flex;flex-wrap:wrap;gap:.25rem}.samples-table .badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.samples-table .badge-gray{background:#7a7f8826;color:#7a7f88;color:var(--text-muted,#7a7f88)}.samples-table .badge-blue{background:#3b82f626;color:#3b82f6;color:var(--accent-blue,#3b82f6)}.samples-table .badge-green{background:#10b98126;color:#10b981;color:var(--accent-green,#10b981)}.samples-table .badge-orange{background:#f59e0b26;color:#f59e0b;color:var(--accent-orange,#f59e0b)}.samples-table .btn-view{background:#1f2024;background:var(--surface-2,#1f2024);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.samples-table .btn-view:hover{background:#2a2b30;background:var(--surface-hover,#2a2b30);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);color:#3b82f6;color:var(--accent-blue,#3b82f6)}.loading-state{color:#7a7f88;color:var(--text-muted,#7a7f88);padding:3rem 1rem}.spinner-sm{border:3px solid #2b2d33;border-top-color:#3b82f6;border:3px solid var(--border,#2b2d33);border-top-color:var(--accent-blue,#3b82f6);margin-bottom:.75rem}@media (max-width:768px){.samples-stats-grid{grid-template-columns:repeat(2,1fr)}.samples-stats-grid .stat-value{font-size:1.5rem}.samples-table{font-size:.8125rem}.samples-table td,.samples-table th{padding:.5rem}}.samples-widget{background:#fff!important;color:#212529!important}.sample-card{background:#f8f9fa!important;border-color:#dee2e6!important}.sample-card:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.techpack-widget{display:flex;flex-direction:column;height:100%}.techpack-widget .header-left{align-items:center;display:flex;gap:.5rem}.techpack-widget .widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.techpack-widget .view-all-link{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#3b82f6;color:var(--accent-blue,#3b82f6);cursor:pointer;font-size:.875rem;font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.techpack-widget .view-all-link:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e);color:#2563eb;color:var(--accent-blue-hover,#2563eb)}.techpack-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.techpack-stats-grid .stat-card{background:#1f2024;background:var(--surface-2,#1f2024);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);padding:1rem;text-align:center;transition:all .2s ease}.techpack-stats-grid .stat-card:hover{background:#2a2b30;background:var(--surface-hover,#2a2b30);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.techpack-stats-grid .stat-value{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.techpack-stats-grid .stat-label{color:#7a7f88;color:var(--text-muted,#7a7f88);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stat-draft{border-left:3px solid #7a7f88;border-left:3px solid var(--text-muted,#7a7f88)}.stat-review{border-left:3px solid #f59e0b;border-left:3px solid var(--accent-orange,#f59e0b)}.badge-orange{background:#f59e0b26;border-radius:12px;color:#f59e0b;color:var(--accent-orange,#f59e0b);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.techpack-table-container{background:#141416;background:var(--surface,#141416);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:8px;border-radius:var(--radius-sm,8px);flex:1 1;overflow:auto}.techpack-table{border-collapse:collapse;font-size:.875rem;width:100%}.techpack-table thead{background:#1f2024;background:var(--surface-2,#1f2024);border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);position:-webkit-sticky;position:sticky;top:0;z-index:1}.techpack-table th{color:#a3a7b0;color:var(--text-secondary,#a3a7b0);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase}.techpack-table td{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);color:#f5f6f8;color:var(--text-primary,#f5f6f8);padding:.75rem}.techpack-table tbody tr{transition:background .15s ease}.techpack-table tbody tr:hover{background:#2a2b30;background:var(--surface-hover,#2a2b30)}.techpack-table tbody tr:last-child td{border-bottom:none}.techpack-table .style-name{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-weight:600}.techpack-table .badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.techpack-table .badge-draft{background:#7a7f8826;color:#7a7f88;color:var(--text-muted,#7a7f88)}.techpack-table .badge-in-review{background:#f59e0b26;color:#f59e0b;color:var(--accent-orange,#f59e0b)}.techpack-table .badge-approved{background:#10b98126;color:#10b981;color:var(--accent-green,#10b981)}.techpack-table .btn-view{background:#1f2024;background:var(--surface-2,#1f2024);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.techpack-table .btn-view:hover{background:#2a2b30;background:var(--surface-hover,#2a2b30);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);color:#3b82f6;color:var(--accent-blue,#3b82f6)}@media (max-width:768px){.techpack-stats-grid{grid-template-columns:repeat(2,1fr)}.techpack-stats-grid .stat-value{font-size:1.5rem}.techpack-table{font-size:.8125rem}.techpack-table td,.techpack-table th{padding:.5rem}}.techpack-widget{background:#fff!important;color:#212529!important}.techpack-card{background:#f8f9fa!important;border-color:#dee2e6!important}.techpack-card:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.bom-widget{background:#fff;background:var(--color-surface-elevated,#fff);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:20px}.bom-widget .widget-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-surface-border,#dee2e6);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.bom-widget .widget-title{color:#212529;color:var(--color-text-primary,#212529);font-size:1rem;font-weight:600;margin:0}.bom-count{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.875rem;font-weight:500}.boms-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.bom-item{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #0000;padding:14px}.bom-item:hover{background:#f1f3f5;background:var(--color-surface-hover,#f1f3f5);border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bom-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bom-name{color:#212529;color:var(--color-text-primary,#212529);flex:1 1;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-state-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.bom-item-details{align-items:center;display:flex;gap:8px;margin-bottom:6px}.bom-detail{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.8125rem}.bom-separator{color:#adb5bd;color:var(--color-text-tertiary,#adb5bd);font-size:.75rem}.bom-colorway{color:#ff6b35;color:var(--color-nike-orange,#ff6b35);font-size:.8125rem;font-weight:500}.bom-source{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.8125rem;font-style:italic}.bom-item-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:10px}.progress-bar-container{background:#e9ecef;background:var(--color-bg-tertiary,#e9ecef);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0d6efd,#0b5ed7);background:linear-gradient(90deg,var(--color-nike-blue,#0d6efd),#0b5ed7);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:#495057;color:var(--color-text-secondary,#495057);font-size:.75rem;font-weight:600;min-width:35px;text-align:right}.priority-badge{font-size:.6875rem;letter-spacing:.3px;padding:2px 8px}.bom-time{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.75rem}.widget-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--color-surface-border,#dee2e6);margin-top:16px;padding-top:16px}.view-all-btn{background:#fff;border:2px solid #0d6efd;border:2px solid var(--color-nike-blue,#0d6efd);border-radius:6px;color:#0d6efd;color:var(--color-nike-blue,#0d6efd);cursor:pointer;font-size:.875rem;font-weight:600;padding:10px;transition:all .2s;width:100%}.view-all-btn:hover{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);color:#fff}.bom-error,.bom-loading,.empty-state{align-items:center;color:#6c757d;color:var(--color-text-tertiary,#6c757d);display:flex;font-size:.875rem;justify-content:center;padding:40px 20px;text-align:center}.bom-error{color:#dc3545;font-weight:500}.empty-state p{font-style:italic}@media (max-width:768px){.bom-widget{padding:16px}.bom-item{padding:12px}.bom-name{font-size:.875rem}.bom-item-footer{align-items:flex-start;flex-direction:column;gap:8px}.bom-progress{width:100%}}.activity-widget{background:#fff;background:var(--color-surface-elevated,#fff);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:20px}.activity-widget .widget-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-surface-border,#dee2e6);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.activity-widget .widget-title{color:#212529;color:var(--color-text-primary,#212529);font-size:1rem;font-weight:600;margin:0}.activity-count{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.875rem}.activity-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.activity-item{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:6px;padding:12px;transition:background .2s}.activity-item:hover{background:#f1f3f5;background:var(--color-surface-hover,#f1f3f5);border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd)}.activity-icon{background:#e9ecef;background:var(--color-bg-tertiary,#e9ecef);color:#495057;color:var(--color-text-secondary,#495057);font-size:1.25rem;height:32px;width:32px}.activity-content{min-width:0}.activity-text{color:#495057;color:var(--color-text-secondary,#495057);font-size:.875rem;margin-bottom:4px}.activity-text strong{color:#212529;color:var(--color-text-primary,#212529);font-weight:600}.activity-style{color:#ff6b35;color:var(--color-nike-orange,#ff6b35)}.activity-time{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.75rem}.activity-widget .empty-state,.activity-widget.loading{align-items:center;justify-content:center}.activity-widget .empty-state{color:#6c757d;color:var(--color-text-tertiary,#6c757d);display:flex;flex:1 1;font-size:.875rem}.activity-widget{background:#fff!important}.activity-widget,.activity-widget .widget-title{color:#212529!important}.activity-item{background:#f8f9fa!important;border-color:#dee2e6!important}.activity-item:hover{background:#f1f3f5!important}.activity-text{color:#495057!important}.activity-text strong{color:#212529!important}.activity-time{color:#6c757d!important}.activity-icon{background:#e9ecef!important;color:#495057!important}.tasks-widget{background:#fff;background:var(--color-surface-elevated,#fff);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:20px}.tasks-widget .widget-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-surface-border,#dee2e6);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.tasks-widget .widget-title{color:#212529;color:var(--color-text-primary,#212529);font-size:1rem;font-weight:600;margin:0}.task-count{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.875rem}.tasks-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto}.task-item{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:6px;display:flex;gap:12px;padding:12px;transition:background .2s}.task-item:hover{background:#f1f3f5;background:var(--color-surface-hover,#f1f3f5);border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd)}.task-priority{border-radius:2px;flex-shrink:0;height:100%;min-height:40px;width:4px}.task-content{min-width:0}.task-title{color:#212529;color:var(--color-text-primary,#212529);font-size:.875rem;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{font-size:.75rem;gap:8px}.task-status{font-weight:500}.task-separator{color:#6c757d;color:var(--color-text-tertiary,#6c757d)}.task-due{color:#495057;color:var(--color-text-secondary,#495057)}.tasks-widget .empty-state,.tasks-widget.loading{align-items:center;justify-content:center}.tasks-widget .empty-state{color:#6c757d;color:var(--color-text-tertiary,#6c757d);display:flex;flex:1 1;font-size:.875rem}.tasks-widget{background:#fff!important}.tasks-widget,.tasks-widget .widget-title{color:#212529!important}.task-item{background:#f8f9fa!important;border-color:#dee2e6!important}.task-item:hover{background:#f1f3f5!important}.task-title{color:#212529!important}.task-due{color:#495057!important}.task-separator{color:#6c757d!important}.template-library-widget{background:#fff;background:var(--widget-bg,#fff);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.template-library-widget .widget-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.template-library-widget .widget-title{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;margin:0}.template-library-widget .view-all-link{background:none;border:none;border-radius:4px;color:#06c;color:var(--primary-color,#06c);cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:all .2s}.template-library-widget .view-all-link:hover{background:#0066cc1a;background:var(--hover-bg,#0066cc1a)}.template-grid{grid-gap:12px;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow-y:auto;padding:16px}.template-card{align-items:center;background:#f9fafb;background:var(--card-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;text-align:center}.template-card:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-color:#06c;border-color:var(--primary-color,#06c);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-card:active{transform:translateY(0)}.template-icon{font-size:32px;line-height:1;margin-bottom:4px}.template-content{display:flex;flex-direction:column;gap:4px}.template-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;line-height:1.3;margin:0}.template-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;line-height:1.4;margin:0}.dark .template-library-widget{background:#1e293b;background:var(--widget-bg-dark,#1e293b)}.dark .template-library-widget .widget-header{border-bottom-color:#334155;border-bottom-color:var(--border-color-dark,#334155)}.dark .template-library-widget .widget-title{color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}.dark .template-card{background:#0f172a;background:var(--card-bg-dark,#0f172a);border-color:#334155;border-color:var(--border-color-dark,#334155)}.dark .template-card:hover{background:#1e293b;background:var(--hover-bg-dark,#1e293b);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.dark .template-title{color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}.dark .template-description{color:#94a3b8;color:var(--text-secondary-dark,#94a3b8)}@media (max-width:768px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.template-grid{grid-template-columns:1fr}}.my-techpack-widget{background:#fff;background:var(--surface,#fff);border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.my-techpack-widget .widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.my-techpack-widget .header-left{align-items:center;display:flex;gap:8px}.my-techpack-widget .widget-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-weight:600;margin:0}.my-techpack-widget .view-all-link{background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--accent-blue,#3b82f6);cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s}.my-techpack-widget .view-all-link:hover{background-color:#3b82f61a}.techpack-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto}.techpack-card{background:#f9fafb;background:var(--surface-2,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.techpack-card:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.techpack-header{align-items:flex-start;gap:8px;margin-bottom:12px}.techpack-info{flex:1 1;min-width:0}.techpack-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.techpack-number{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin:0}.techpack-status{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.techpack-progress{margin-bottom:12px}.progress-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.progress-value{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:600}.progress-bar{background:#e5e7eb;background:var(--surface-3,#e5e7eb);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:#3b82f6;background:var(--accent-blue,#3b82f6);border-radius:3px;height:100%;transition:width .3s ease}.techpack-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.techpack-season{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:600}.techpack-updated{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.my-techpack-widget .empty-state,.my-techpack-widget .loading-state{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;height:200px;justify-content:center}.my-techpack-widget .empty-state{gap:16px}.my-techpack-widget .btn-primary{background:#3b82f6;background:var(--accent-blue,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.my-techpack-widget .btn-primary:hover{background:#2563eb}.buyready-widget{background:#fff;background:var(--surface,#fff);border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.buyready-widget .widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.buyready-widget .header-left{align-items:center;display:flex;gap:8px}.buyready-widget .widget-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-weight:600;margin:0}.buyready-widget .view-all-link{background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--accent-blue,#3b82f6);cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s}.buyready-widget .view-all-link:hover{background-color:#3b82f61a}.buyready-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item{background:#f9fafb;background:var(--surface-2,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:12px;text-align:center}.stat-item .stat-value{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:700;margin-bottom:4px}.stat-item .stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.stat-item.stat-blockers{background:#fef2f2;border-color:#fee2e2}.stat-item.stat-blockers .stat-value{color:#ef4444}.filter-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);gap:8px;margin-bottom:16px;padding-bottom:2px}.filter-tab{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;padding:8px 12px}.filter-tab:hover{color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.filter-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-blue,#3b82f6);color:#3b82f6;color:var(--accent-blue,#3b82f6)}.buyready-table-container{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;flex:1 1;overflow-y:auto}.buyready-table{border-collapse:collapse;width:100%}.buyready-table thead{background:#f9fafb;background:var(--surface-2,#f9fafb);position:-webkit-sticky;position:sticky;top:0;z-index:1}.buyready-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.buyready-table tbody tr,.buyready-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb)}.buyready-table tbody tr{transition:background-color .2s}.buyready-table tbody tr.clickable-row{cursor:pointer}.buyready-table tbody tr:hover{background-color:#f9fafb;background-color:var(--surface-2,#f9fafb)}.buyready-table td{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;padding:12px}.style-cell{display:flex;flex-direction:column;gap:2px}.style-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:600}.style-number{color:var(--text-secondary,#6b7280)}.season-cell{color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.completion-cell{align-items:center;display:flex;gap:8px}.completion-bar{background:#e5e7eb;background:var(--surface-3,#e5e7eb);border-radius:4px;flex:1 1;height:8px;min-width:60px;overflow:hidden}.completion-fill{border-radius:4px;height:100%;transition:width .3s ease}.completion-text{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:12px;font-weight:600;min-width:35px;text-align:right}.blockers-cell{text-align:center}.blockers-badge{align-items:center;background:#fee2e2;border-radius:50%;color:#ef4444;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.no-blockers{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:16px}.date-cell{color:#6b7280;color:var(--text-secondary,#6b7280)}.buyready-widget .loading-state{height:200px}.buyready-widget .empty-state,.buyready-widget .loading-state{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center}.buyready-widget .empty-state{height:150px}.widget-card{background:#141416;background:var(--surface,#141416);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 8px 24px #00000059;box-shadow:var(--shadow-1,0 8px 24px #00000059);height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s}.widget-card:hover{box-shadow:0 4px 12px #00000040;box-shadow:var(--shadow-2,0 4px 12px #00000040);transform:translateY(-2px)}.widget-card.editable{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--accent-blue,#3b82f6);cursor:grab}.widget-card.dragging{cursor:grabbing;opacity:.5;transform:scale(1.02);z-index:100}.widget-drag-handle{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;border-radius:var(--radius-sm,8px);color:#3b82f6;color:var(--accent-blue,#3b82f6);cursor:grab;display:flex;height:32px;justify-content:center;left:.75rem;padding:0;position:absolute;top:.75rem;transition:all .2s;width:32px;z-index:10}.widget-drag-handle:hover{background:#3b82f633;border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.widget-drag-handle:active{cursor:grabbing;transform:scale(.95)}.widget-remove-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm,8px);color:#ef4444;color:var(--accent-red,#ef4444);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:.75rem;transition:all .2s;width:32px;z-index:10}.widget-remove-btn:hover{background:#ef4444;background:var(--accent-red,#ef4444);color:#fff;color:var(--brand-white,#fff);transform:scale(1.05)}.widget-remove-btn:active{transform:scale(.95)}.widget-content{display:flex;flex-direction:column;height:100%}.widget-content.disabled{opacity:.6;pointer-events:none}.widget-header{margin-bottom:1.25rem}.widget-title{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:1rem;font-weight:600;margin:0}.view-all-link{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.875rem;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#3b82f6;color:var(--accent-blue,#3b82f6)}.header-with-icon{align-items:center;color:#f5f6f8;color:var(--text-primary,#f5f6f8);display:flex;gap:.5rem}.empty-state{color:var(--text-secondary,#9ca3af);padding:3rem 1rem}.empty-state svg{color:#7a7f88;color:var(--text-muted,#7a7f88);margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.875rem;margin:.5rem 0}.empty-state small{color:#7a7f88;color:var(--text-muted,#7a7f88);font-size:.75rem}body:not(.dark-mode) .widget-card{background:#fff;border-color:#dee2e6;box-shadow:0 1px 3px #0000001a}body:not(.dark-mode) .widget-card:hover{box-shadow:0 4px 6px #0000001a}body:not(.dark-mode) .widget-title{color:#212529}body:not(.dark-mode) .view-all-link{color:#6c757d}body:not(.dark-mode) .view-all-link:hover{color:#0d6efd}body:not(.dark-mode) .empty-state{color:#6c757d}@media (prefers-reduced-motion:reduce){.widget-card,.widget-drag-handle,.widget-remove-btn{transition:none}}.widget-container-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px;padding-right:16px}.widget-controls{align-items:center;display:flex;gap:8px}.widget-control-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:40px}.widget-control-btn svg{display:block;height:20px;width:20px}body:not(.dark-mode) .widget-control-btn{background:#fff;border-color:#e0e0e0;color:#6b7280}body:not(.dark-mode) .widget-control-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#000}body:not(.dark-mode) .widget-control-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}body.dark-mode .widget-control-btn{background:#1a1a1a;border-color:#333;color:#9ca3af}body.dark-mode .widget-control-btn:hover{background:#2a2a2a;border-color:#60a5fa;color:#fff}body.dark-mode .widget-control-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}.widget-control-btn:active{transform:scale(.95)}.widget-control-btn[title]:hover:after{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;bottom:-36px;box-shadow:var(--shadow-2);color:var(--text-primary);content:attr(title);font-size:12px;left:50%;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.widget-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-auto-rows:320px;grid-template-columns:repeat(3,1fr);width:100%}.widget-grid.edit-mode{-webkit-user-select:none;user-select:none}@media (max-width:1280px) and (min-width:1024px){.widget-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1023px){.widget-grid{grid-template-columns:1fr}}.widget-card[style*="grid-column: span 1"]{grid-column:span 1}.widget-card[style*="grid-column: span 2"]{grid-column:span 2}.widget-card[style*="grid-column: span 3"]{grid-column:span 3}.widget-card[style*="grid-row: span 1"]{grid-row:span 1}.widget-card[style*="grid-row: span 2"]{grid-row:span 2}.widget-card[style*="grid-row: span 3"]{grid-row:span 3}@media (max-width:1280px) and (min-width:1024px){.widget-card[style*="grid-column: span 3"]{grid-column:span 2!important}}@media (max-width:1023px){.widget-card[style*="grid-column: span 2"],.widget-card[style*="grid-column: span 3"]{grid-column:span 1!important}}@media (prefers-reduced-motion:no-preference){.widget-grid{animation:fadeInUp .4s ease}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[class*=-widget],[class*=Widget]{background:#fff!important;color:#212529!important}[class*=-widget] .widget-title,[class*=-widget] h3,[class*=Widget] .widget-title,[class*=Widget] h3{color:#212529!important}[class*=-widget] [class*=-card],[class*=-widget] [class*=-item],[class*=Widget] [class*=-card],[class*=Widget] [class*=-item]{background:#f8f9fa!important;border-color:#dee2e6!important;color:#212529!important}[class*=-widget] [class*=-card]:hover,[class*=-widget] [class*=-item]:hover,[class*=Widget] [class*=-card]:hover,[class*=Widget] [class*=-item]:hover{background:#f1f3f5!important;border-color:#0d6efd!important}[class*=-widget] div,[class*=-widget] p,[class*=-widget] span,[class*=Widget] div,[class*=Widget] p,[class*=Widget] span{color:inherit}[class*=-widget] a,[class*=Widget] a{color:#0d6efd!important}[class*=-widget] a:hover,[class*=Widget] a:hover{color:#0b5ed7!important}[class*=progress-bar-container]{background:#e9ecef!important}[class*=progress-bar-fill],[class*=progress-fill]{background:linear-gradient(90deg,#0d6efd,#0b5ed7)!important}[class*=-widget] [class*=border],[class*=Widget] [class*=border]{border-color:#dee2e6!important}[class*=-widget] .empty-state,[class*=-widget] [class*=meta],[class*=-widget] [class*=muted],[class*=-widget] [class*=secondary],[class*=Widget] .empty-state,[class*=Widget] [class*=meta],[class*=Widget] [class*=muted],[class*=Widget] [class*=secondary]{color:#6c757d!important}.tour-overlay{animation:fadeIn .3s ease;background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.tour-highlight{animation:pulse 2s ease-in-out infinite;border-radius:8px;box-shadow:0 0 0 4px #007bff,0 0 0 9999px #000000b3;pointer-events:none;position:absolute;transition:all .3s ease;z-index:9999}.tour-tooltip{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:90vw;position:absolute;width:380px;z-index:10000}.tour-tooltip-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px 16px}.tour-tooltip-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0}.tour-close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.tour-close:hover{background:#f8f9fa;color:#dc3545}.tour-tooltip-content{padding:20px 24px}.tour-tooltip-content p{color:#495057;font-size:1rem;line-height:1.6;margin:0}.tour-tooltip-footer{border-top:1px solid #e9ecef;padding:16px 24px 20px}.tour-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tour-step-counter{color:#6c757d;font-size:.9rem;font-weight:600}.tour-progress-dots{display:flex;gap:8px}.tour-dot{background:#dee2e6;border-radius:50%;height:8px;transition:all .3s;width:8px}.tour-dot.active{background:#007bff;transform:scale(1.3)}.tour-dot.completed{background:#28a745}.tour-actions{display:flex;gap:12px;justify-content:flex-end}.tour-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.tour-btn-skip{background:none;color:#6c757d;margin-right:auto}.tour-btn-skip:hover{color:#495057;text-decoration:underline}.tour-btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.tour-btn-secondary:hover{background:#e9ecef}.tour-btn-primary{background:#007bff;color:#fff}.tour-btn-primary:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.tour-tooltip:after{border:10px solid #0000;content:"";height:0;position:absolute;width:0}.tour-placement-bottom:after{border-bottom-color:#fff;left:50%;top:-20px;transform:translateX(-50%)}.tour-placement-top:after{border-top-color:#fff;bottom:-20px;left:50%;transform:translateX(-50%)}.tour-placement-left:after{border-left-color:#fff;right:-20px;top:50%;transform:translateY(-50%)}.tour-placement-right:after{border-right-color:#fff;left:-20px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.tour-tooltip{max-width:none;width:calc(100vw - 32px)}.tour-tooltip-header{padding:16px 20px 12px}.tour-tooltip-header h3{font-size:1.1rem}.tour-tooltip-content{padding:16px 20px}.tour-tooltip-footer{padding:12px 20px 16px}.tour-actions{flex-wrap:wrap}.tour-btn{flex:1 1;min-width:100px}.tour-btn-skip{flex-basis:100%;margin-bottom:8px;margin-right:0}}.guide-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.guide-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}.guide-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 32px}.guide-header h2{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0}.guide-close{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.75rem;height:40px;justify-content:center;transition:all .2s;width:40px}.guide-close:hover{background:#f8f9fa;color:#dc3545}.guide-body{display:flex;flex:1 1;overflow:hidden}.guide-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:20px;width:250px}.guide-nav-item{background:none;border:none;border-left:3px solid #0000;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s}.guide-nav-item:hover{background:#fff}.guide-nav-item.active{background:#fff;border-left-color:#007bff;box-shadow:0 2px 8px #00000014;color:#007bff;font-weight:600}.guide-content{flex:1 1;overflow-y:auto;padding:32px}.guide-section-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 24px}.guide-item{margin-bottom:32px}.guide-item-title{color:#1a1a1a;font-size:1.15rem;font-weight:600;margin:0 0 12px}.guide-item-description{color:#495057;font-size:1rem;line-height:1.7;margin:0;white-space:pre-line}.guide-footer{border-top:1px solid #e9ecef;display:flex;gap:16px;justify-content:flex-end;padding:20px 32px}.guide-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.guide-btn-tour{background:#f8f9fa;border:2px solid #dee2e6;color:#495057;margin-right:auto}.guide-btn-tour:hover{background:#e9ecef;border-color:#adb5bd}.guide-btn-primary{background:#007bff;color:#fff}.guide-btn-primary:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.guide-content::-webkit-scrollbar,.guide-sidebar::-webkit-scrollbar{width:8px}.guide-content::-webkit-scrollbar-track,.guide-sidebar::-webkit-scrollbar-track{background:#0000}.guide-content::-webkit-scrollbar-thumb,.guide-sidebar::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.guide-content::-webkit-scrollbar-thumb:hover,.guide-sidebar::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (max-width:768px){.guide-modal{max-height:90vh;width:95%}.guide-header{padding:20px}.guide-header h2{font-size:1.5rem}.guide-body{flex-direction:column}.guide-sidebar{border-bottom:1px solid #e9ecef;border-right:none;flex-direction:row;max-height:150px;overflow-x:auto;overflow-y:hidden;width:100%}.guide-nav-item{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.guide-nav-item.active{border-bottom-color:#007bff;border-left:none}.guide-content{padding:24px 20px}.guide-section-title{font-size:1.25rem}.guide-item-title{font-size:1.05rem}.guide-item-description{font-size:.95rem}.guide-footer{flex-direction:column;padding:16px 20px}.guide-btn{width:100%}.guide-btn-tour{margin-right:0;order:2}}.dashboard-new{background:#f8f8f8;background:var(--bg,#f8f8f8);display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease}body:not(.dark-mode) .dashboard-new{background:#f8f8f8}body.dark-mode .dashboard-new{background:#000}.dashboard-main{flex:1 1;margin-top:56px;padding:2rem;transition:margin-left .3s ease,background-color .3s ease}.dashboard-main.with-sidebar{margin-left:280px}.dashboard-hero{margin-bottom:3rem;padding:3rem 0 2rem;text-align:center}.dashboard-title{color:#000;color:var(--text-primary,#000);font-size:2.75rem;font-weight:800;letter-spacing:.05em;line-height:1.2;margin:0 0 1rem;text-transform:uppercase;transition:color .3s ease}body:not(.dark-mode) .dashboard-title{color:#000}body.dark-mode .dashboard-title{color:#fff}.dashboard-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1.125rem;font-weight:400;margin:0;transition:color .3s ease}body:not(.dark-mode) .dashboard-subtitle{color:#6b7280}body.dark-mode .dashboard-subtitle{color:#9ca3af}.dashboard-content{margin:0 auto;max-width:1600px;width:100%}.edit-mode-indicator{bottom:2rem;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}.edit-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6;background:var(--accent-blue,#3b82f6);border-radius:9999px;box-shadow:0 4px 12px #00000040;box-shadow:var(--shadow-2,0 4px 12px #00000040);color:#fff;color:var(--brand-white,#fff);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.edit-badge:before{content:"✎";font-size:1rem}@media (max-width:1280px){.dashboard-title{font-size:2.5rem}}@media (max-width:768px){.dashboard-main{padding:1rem}.dashboard-main.with-sidebar{margin-left:0}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{font-size:1rem}.dashboard-hero{margin-bottom:2rem;padding:1rem 0}}@media (prefers-reduced-motion:reduce){.dashboard-main,.edit-badge{transition:none}}.loading-state{gap:12px;padding:32px}.spinner-sm{animation:spin .8s linear infinite;border:3px solid #1e293b;border-radius:50%;border-top-color:#f97316;height:24px;width:24px}.empty-state{font-size:14px;padding:32px}.ai-assistant-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ai-assistant-panel{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.ai-header{background:linear-gradient(135deg,#111,#333);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;justify-content:space-between;padding:20px 24px}.ai-header,.ai-header-content{align-items:center;display:flex}.ai-header-content{gap:12px}.ai-avatar{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.ai-header h3{font-size:18px;font-weight:700;margin:0}.ai-status{align-items:center;color:#fffc;display:flex;font-size:12px;gap:6px}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.status-dot.demo{background:#f59e0b}.status-dot.openai{background:#10b981}.close-btn{background:#ffffff1a}.close-btn:hover{background:#fff3}.ai-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:400px;min-height:300px;overflow-y:auto;padding:24px}.message{animation:messageSlide .3s ease-out;display:flex;gap:12px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.message.user .message-avatar{background:#111}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.message.user .message-content{align-items:flex-end}.message-text{background:#f3f4f6;border-radius:16px;color:#111;line-height:1.5;max-width:80%;padding:12px 16px}.message.user .message-text{background:#111;border-radius:16px 16px 4px 16px;color:#fff}.message.assistant .message-text{border-radius:16px 16px 16px 4px}.message-time{color:#9ca3af;font-size:11px;padding:0 4px}.typing-indicator{background:#f3f4f6;border-radius:16px 16px 16px 4px;display:flex;gap:4px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.typing-indicator span{animation:typing 1.4s infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.quick-actions{border-top:1px solid #e5e7eb;padding:20px 24px}.quick-actions-label{font-size:12px;margin:0 0 12px}.quick-actions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.quick-action-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:13px;padding:10px 14px;text-align:left}.quick-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.ai-input-container{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.ai-input{border:2px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.ai-input:focus{border-color:#111}.ai-input:disabled{background:#f9fafb;cursor:not-allowed}.send-btn{align-items:center;background:#111;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){background:#333;transform:scale(1.05)}.send-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.ai-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;padding:12px 24px}.ai-note{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:8px;justify-content:center}.ai-messages::-webkit-scrollbar{width:6px}.ai-messages::-webkit-scrollbar-track{background:#0000}.ai-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ai-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.message-text .md-p{margin:0 0 8px}.message-text .md-p:last-child{margin-bottom:0}.message-text .md-h1,.message-text .md-h2,.message-text .md-h3{color:inherit;font-weight:700;margin:12px 0 8px}.message-text .md-h1{font-size:16px}.message-text .md-h2{font-size:15px}.message-text .md-h3{font-size:14px}.message-text .md-list{list-style:disc;margin:8px 0;padding-left:20px}.message-text .md-list li{line-height:1.5;margin:4px 0}.message-text .md-numbered{display:flex;gap:8px;margin:4px 0}.message-text .md-numbered .num{color:#6b7280;font-weight:600;min-width:18px}.message-text .md-inline-code{background:#00000014;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;padding:2px 6px}.message.user .message-text .md-inline-code{background:#ffffff26}.message-text strong{font-weight:700}.message-text em{font-style:italic}@media (max-width:768px){.ai-assistant-panel{max-height:90vh;width:95%}.quick-actions-grid{grid-template-columns:1fr}}.autocomplete-container{position:relative;width:100%}.autocomplete-input-wrapper{align-items:center;display:flex;position:relative}.autocomplete-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.autocomplete-input:focus{border-color:#111;box-shadow:0 0 0 2px #0000000d;outline:none}.autocomplete-input:disabled{background:#f3f4f6;cursor:not-allowed}.library-browse-btn{align-items:center;background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px 12px;position:absolute;right:8px;transition:all .2s}.library-browse-btn:hover{background:#111;transform:scale(1.05)}.library-browse-btn:active{transform:scale(.98)}.autocomplete-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 30px #00000026;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.autocomplete-header{background:#fafafa;border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.autocomplete-option{align-items:center;border-bottom:1px solid #f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .1s}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option.highlighted,.autocomplete-option:hover{background:#f9fafb}.autocomplete-option.highlighted{background:#111;color:#fff}.option-text{flex:1 1;font-size:14px}.option-hint{font-size:12px;margin-left:8px;opacity:.7}.autocomplete-footer{background:#fafafa;border-top:1px solid #f3f4f6;color:#9ca3af;font-size:12px;padding:8px 12px;text-align:center}.autocomplete-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.browse-library-link{background:#111;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.browse-library-link:hover{background:#000;transform:translateY(-1px)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.autocomplete-dropdown::-webkit-scrollbar{width:6px}.autocomplete-dropdown::-webkit-scrollbar-track{background:#f9fafb}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tooling-library-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tooling-library-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-height:800px;max-width:1200px;width:90%}.library-header{align-items:flex-start;padding:24px 32px 16px}.create-new-btn{background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.create-new-btn:hover{background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.library-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.library-search{position:relative}.library-search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:15px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.library-search-input:focus{border-color:#111;outline:none}.clear-search-library{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:44px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.clear-search-library:hover{background:#d1d5db}.library-categories{display:flex;gap:8px;overflow-x:auto;padding:0 32px 16px;scrollbar-width:thin}.library-categories::-webkit-scrollbar{height:4px}.library-categories::-webkit-scrollbar-track{background:#f3f4f6}.library-categories::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.category-btn{background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;padding:8px 16px;white-space:nowrap}.category-btn:hover{background:#f9fafb;border-color:#111}.category-btn.active{background:#111;border-color:#111;color:#fff}.library-content{grid-gap:0;border-top:1px solid #e5e7eb;display:grid;gap:0;grid-template-columns:1fr 320px}.tooling-list{border-right:1px solid #e5e7eb;overflow-y:auto;padding:16px}.tooling-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.tooling-item:hover{border-color:#111;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.tooling-item.selected{background:#fafafa;border-color:#111;box-shadow:0 0 0 2px #111}.tooling-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.tooling-name{color:#111;flex:1 1;font-size:15px;font-weight:600;margin:0}.tooling-code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Courier New,monospace;font-size:11px;font-weight:600;margin-left:8px;padding:4px 8px}.tooling-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.tooling-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.tooling-category-badge{background:#111;border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.tooling-uses{color:#9ca3af;flex:1 1;font-size:12px;text-align:right}.tooling-detail{background:#fafafa;overflow-y:auto;padding:24px}.detail-header{border-bottom:2px solid #e5e7eb}.detail-header h3{color:#111}.detail-code{background:#111;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:6px 12px}.detail-section{margin-bottom:24px}.detail-section label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-section p{color:#111;font-size:14px;line-height:1.6;margin:0}.applications-list{display:flex;flex-wrap:wrap;gap:8px}.application-badge{background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#111;font-size:12px;font-weight:500;padding:6px 12px}.select-tooling-btn{background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:24px;padding:14px;transition:all .2s;width:100%}.select-tooling-btn:hover{background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.select-tooling-btn:active{transform:translateY(0)}.library-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.library-empty svg{margin-bottom:16px;opacity:.6}.empty-title{color:#111;font-size:18px;font-weight:600;margin:0 0 8px}.empty-text{color:#9ca3af;font-size:14px;margin:0}.library-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 32px}.library-count{color:#6b7280;font-size:13px;font-weight:500}.library-hint{color:#9ca3af;font-size:12px}.create-tooling-form{background:#fafafa;flex:1 1;overflow-y:auto;padding:32px}.create-tooling-form h3{color:#111;font-size:22px;font-weight:600;margin:0 0 8px}.form-subtitle{color:#6b7280;font-size:14px;margin:0 0 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.required{color:#dc2626}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#111;box-shadow:0 0 0 3px #1111111a;outline:none}.form-textarea{min-height:80px;resize:vertical}.tag-input-container{display:flex;flex-direction:column;gap:12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#111;display:inline-flex;gap:6px}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;cursor:pointer;display:flex;font-size:14px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.tag-remove:hover{opacity:1}.form-actions{border-top:2px solid #e5e7eb;padding-top:20px}.cancel-btn,.save-btn{border-radius:8px;font-size:15px;padding:12px 24px}.save-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}@media (max-width:768px){.tooling-library-modal{height:90vh;width:95%}.library-content{grid-template-columns:1fr}.tooling-detail{display:none}.tooling-item{padding:12px}.form-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;gap:8px}}.dashboard-stats{grid-gap:16px;animation:fadeIn .3s ease-out;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative}.stat-card:before{background:#111;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{filter:grayscale(.3);font-size:32px;line-height:1;transition:all .2s}.stat-card:hover .stat-icon{filter:grayscale(0);transform:scale(1.1)}.stat-content{flex:1 1}.stat-value{line-height:1}.stat-percentage{color:#9ca3af;font-size:12px;margin-top:4px}.stat-subtext{color:#9ca3af;font-size:11px;margin-top:2px}.stat-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.breakdown-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.breakdown-label{color:#6b7280;font-weight:500}.breakdown-value{background:#f3f4f6;border-radius:8px;color:#111;font-weight:700;min-width:28px;padding:2px 8px;text-align:center}.stat-card.total{background:linear-gradient(135deg,#111,#374151);color:#fff}.stat-card.total .stat-label,.stat-card.total .stat-value{color:#fff}.stat-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.inactive:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.season:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card.divisions:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}@media (max-width:1024px){.dashboard-stats{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:16px}.stat-icon,.stat-value{font-size:28px}}@media (max-width:640px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}.shortcuts-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.shortcuts-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.shortcuts-header{align-items:center;background:linear-gradient(135deg,#111,#374151);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.shortcuts-header h2{font-size:24px;font-weight:600;margin:0}.close-shortcuts-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-shortcuts-btn:hover{background:#fff3;transform:rotate(90deg)}.shortcuts-content{flex:1 1;overflow-y:auto;padding:24px 32px}.shortcuts-section{margin-bottom:32px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-category{border-bottom:2px solid #e5e7eb;color:#111;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{align-items:center;background:#fafafa;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.shortcut-item:hover{background:#f3f4f6;transform:translateX(4px)}.shortcut-keys{align-items:center;display:flex;gap:6px}.key{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #d1d5db;border-bottom:3px solid #9ca3af;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#111;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:600;min-width:32px;padding:6px 12px;text-align:center;text-transform:uppercase}.key-plus{color:#9ca3af;font-size:14px;font-weight:700}.shortcut-description{color:#374151;font-size:14px;font-weight:500}.shortcuts-footer{background:#fafafa;border-top:1px solid #e5e7eb;padding:16px 32px}.shortcuts-footer p{color:#6b7280;font-size:13px;margin:0;text-align:center}.shortcuts-footer .key{font-size:11px;min-width:24px;padding:4px 8px}.shortcuts-content::-webkit-scrollbar{width:8px}.shortcuts-content::-webkit-scrollbar-track{background:#f9fafb}.shortcuts-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.shortcuts-modal{max-height:90vh;width:95%}.shortcuts-content,.shortcuts-header{padding:20px 24px}.shortcut-item{align-items:flex-start;flex-direction:column;gap:8px}.shortcut-keys{order:2}.shortcut-description{font-weight:600;order:1}}.breadcrumbs{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;padding:8px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:90}.breadcrumb-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;gap:8px}.breadcrumb-item{font-size:.9rem}.breadcrumb-link{align-items:center;color:#007bff;display:flex;gap:6px;padding:4px 8px;text-decoration:none}.breadcrumb-link:hover{background:#e7f3ff;color:#0056b3}.breadcrumb-icon{font-size:1rem}.breadcrumb-separator{color:#6c757d;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#495057;font-weight:600;padding:4px 8px}@media (max-width:768px){.breadcrumbs{padding:8px 16px}.breadcrumb-item{font-size:.85rem}.breadcrumb-icon{font-size:.9rem}}.navigation-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:16px;justify-content:space-between;padding:12px 24px}.nav-header-left{align-items:center;display:flex;flex:1 1;gap:20px}.nav-header-buttons{display:flex;gap:8px}.nav-header-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.nav-header-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.nav-header-btn:active{transform:translateY(0)}.nav-back-btn:hover{background:#e7f3ff;border-color:#007bff;color:#007bff}.nav-home-btn:hover{background:#d4edda;border-color:#28a745;color:#28a745}.nav-btn-icon{font-size:1.1rem;line-height:1}.nav-btn-text{font-weight:600}.nav-header-info{flex:1 1}.nav-header-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.nav-header-subtitle{color:#6c757d;font-size:.9rem;margin:4px 0 0}.nav-header-actions{align-items:center;display:flex;gap:12px}.nav-header-actions .theme-toggle-compact{align-items:center;background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:none;border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nav-header-actions .theme-toggle-compact:hover{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb);transform:translateY(-1px)}.nav-header-actions .theme-toggle-compact:active{transform:translateY(0)}@media (max-width:768px){.navigation-header{padding:12px 16px}.nav-header-left,.navigation-header{align-items:flex-start;flex-direction:column}.nav-header-left{gap:12px;width:100%}.nav-header-buttons{width:100%}.nav-header-btn{flex:1 1;justify-content:center}.nav-header-title{font-size:1.25rem}.nav-header-actions{justify-content:flex-start;width:100%}.nav-btn-text{display:none}.nav-header-btn{padding:8px 10px}}.image-thumbnail{align-items:center;background:#00000005;border:1px solid #e0e0e0;border:1px solid var(--thumbnail-border,#e0e0e0);border-radius:4px;border-radius:var(--thumbnail-border-radius,4px);display:inline-flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease}.image-thumbnail.zoomable{cursor:zoom-in}.image-thumbnail.zoomable:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;transform:scale(1.05)}.image-thumbnail.size-small{height:32px;width:32px}.image-thumbnail.size-medium{height:48px;width:48px}.image-thumbnail.size-large{height:64px;width:64px}.thumbnail-img{height:100%;object-fit:cover;transition:opacity .2s ease;width:100%}.thumbnail-img.loading{opacity:0}.image-loading{align-items:center;background:#00000005;display:flex;inset:0;justify-content:center;position:absolute}.loading-spinner{font-size:12px}.image-thumbnail.placeholder{background:#0000000d;border-style:dashed}.placeholder-icon{font-size:16px;opacity:.4}.image-zoom-overlay{animation:zoomIn .2s ease-out;background:#fff;border:2px solid #3b82f6;border-radius:12px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a;height:400px;overflow:hidden;padding:12px;pointer-events:none;position:fixed;width:400px;z-index:99999}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.zoom-image{background:#f9f9f9;border-radius:8px;height:calc(100% - 40px);object-fit:contain;width:100%}.zoom-label{background:#000000d9;border-radius:6px;bottom:12px;color:#fff;font-size:12px;font-weight:600;left:12px;overflow:hidden;padding:8px 12px;position:absolute;right:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dark-theme .image-thumbnail{background:#ffffff0d;border-color:var(--thumbnail-border)}.dark-theme .image-thumbnail.zoomable:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.dark-theme .image-loading{background:#ffffff0d}.dark-theme .image-thumbnail.placeholder{background:#ffffff1a}.dark-theme .image-zoom-overlay{background:#1a1b1e;border-color:#3b82f6;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff1a}.dark-theme .zoom-image{background:#0b0b0c}.dark-theme .zoom-label{background:#ffffff26;color:#f5f6f8}.filter-sidebar-backdrop{animation:fadeIn .2s ease-out;background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.filter-sidebar{background:#fff;bottom:0;box-shadow:-4px 0 12px #00000026;color-scheme:light;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:1000}.filter-sidebar.open{transform:translateX(0)}.filter-sidebar-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.filter-sidebar-header h2{color:#111;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.close-btn:hover{background:#e5e5e5}.filter-tabs{background:#fff;border-bottom:1px solid #e5e5e5;display:flex;padding:0 24px}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;color:#757575;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:16px 12px;transition:all .2s}.filter-tab:hover{color:#111}.filter-tab.active{border-bottom-color:#111;color:#111}.filter-sidebar-body{background:#fff;flex:1 1;overflow-y:auto;padding:0 24px}.filter-content{display:flex;flex-direction:column;gap:0}.collapsible-filter-group{border-bottom:1px solid #e5e5e5}.filter-group-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;transition:all .2s;width:100%}.filter-group-header:hover{opacity:.7}.filter-group-label{color:#111;font-size:16px;font-weight:500;text-align:left}.chevron-icon{color:#757575;transition:transform .2s}.chevron-icon.expanded{transform:rotate(180deg)}.filter-group-content{animation:slideDown .2s ease-out;padding:0 0 20px}.checkbox-list{display:flex;flex-direction:column;gap:12px}.checkbox-item{cursor:pointer;gap:12px;padding:4px 0;transition:all .2s}.checkbox-item:hover span{color:#666}.checkbox-item input[type=checkbox]{accent-color:#111;border:2px solid #ccc;border-radius:3px;cursor:pointer;height:20px;width:20px}.checkbox-item span{color:#111;font-size:15px;font-weight:400;-webkit-user-select:none;user-select:none}.filter-input{background:#fff!important;border:1px solid #ccc;border-radius:4px;color:#111;color-scheme:light!important;font-size:14px;padding:10px 12px;transition:all .2s}.filter-input:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a;outline:none}.filter-input::placeholder{color:#999}.range-inputs{align-items:center;display:flex;gap:12px}.range-inputs input{flex:1 1}.range-inputs span{color:#757575;font-size:13px}.filter-sidebar-footer{background:#fafafa;border-top:1px solid #e5e5e5;display:flex;gap:12px;padding:20px 24px}.filter-btn{border:none;border-radius:24px;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px}.save-preset-btn{background:#111;color:#fff}.save-preset-btn:hover{background:#333}.no-presets{color:#757575;padding:60px 20px;text-align:center}.no-presets p{font-size:14px;margin:8px 0}.no-presets .hint{color:#999;font-size:13px}.preset-list{display:flex;flex-direction:column;gap:12px}.preset-item{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.preset-item:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000d}.preset-info{flex:1 1}.preset-info h4{color:#111;font-size:15px;font-weight:600;margin:0 0 4px}.preset-date{color:#999;font-size:12px}.preset-actions{align-items:center;display:flex;gap:8px}.preset-apply-btn{background:#111;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s}.preset-apply-btn:hover{background:#333}.preset-delete-btn{background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:8px;transition:opacity .2s}.preset-delete-btn:hover{opacity:1}.preset-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.preset-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;max-width:420px;padding:28px;width:90%}.preset-modal h3{color:#111;font-size:18px;font-weight:700;margin:0 0 20px}.preset-modal input{background:#fff!important;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#111;color-scheme:light!important;font-size:14px;margin-bottom:20px;padding:12px;width:100%}.preset-modal input:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a;outline:none}.preset-modal-actions{display:flex;gap:12px;justify-content:flex-end}.preset-modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase;transition:all .2s}.preset-modal-actions button:first-child{background:#fff;border:1px solid #ccc;color:#757575}.preset-modal-actions button:first-child:hover{background:#f5f5f5;color:#111}.preset-modal-actions button:last-child{background:#111;color:#fff}.preset-modal-actions button:last-child:hover{background:#333}.preset-modal-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.filter-sidebar{max-width:100%;width:100%}}.filter-sidebar:focus-within{outline:none}.filter-sidebar-body::-webkit-scrollbar{width:8px}.filter-sidebar-body::-webkit-scrollbar-track{background:#f5f5f5}.filter-sidebar-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.filter-sidebar-body::-webkit-scrollbar-thumb:hover{background:#999}.filter-sidebar,.filter-sidebar *{color-scheme:light!important}.filter-sidebar input,.filter-sidebar option,.filter-sidebar select{background:#fff!important;color:#111!important}.preference-selector{display:inline-block;position:relative}.preference-selector.loading{opacity:.6}.preference-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.preference-btn:hover:not(:disabled){background:#f5f5f5;border-color:#111}.preference-btn:disabled{cursor:not-allowed;opacity:.5}.chevron{color:#757575;font-size:10px;margin-left:4px}.preference-dropdown{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 16px #00000026;left:0;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:8px 0}.dropdown-label{color:#757575;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px 4px;text-transform:uppercase}.empty-message{color:#757575;font-size:13px;font-style:italic;padding:12px 16px;text-align:center}.preference-option{align-items:center;background:#0000;border:none;color:#111;cursor:pointer;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:10px 16px;text-align:left;transition:all .15s;width:100%}.preference-option:hover{background:#f5f5f5}.preference-option.active{background:#e5e5e5;font-weight:600}.preference-option.action-option{color:#111;font-weight:600}.preference-option.action-option:hover{background:#f5f5f5}.option-name{align-items:center;display:flex;flex:1 1;gap:6px}.default-star{color:#fbbf24;font-size:14px}.option-meta{color:#757575;font-size:12px;font-weight:500}.dropdown-divider{background:#e5e5e5;height:1px;margin:4px 0}.preference-dropdown,.preference-dropdown *,.preference-selector,.preference-selector *{color-scheme:light!important}.preference-btn,.preference-option{background-color:inherit;color:#111!important}@media (max-width:768px){.preference-dropdown{left:auto;min-width:240px;right:0}}.column-manager-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.column-manager-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.close-btn,.modal-header h2{font-size:20px}.close-btn{background:#0000}.close-btn:hover{background:#f5f5f5}.column-search{margin-bottom:20px;position:relative}.column-search input{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.column-search input:focus{border-color:#111;box-shadow:0 0 0 3px #1111111a;outline:none}.clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#757575;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px}.clear-search:hover{background:#f5f5f5;color:#111}.column-panels{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px;min-height:400px}.panel{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;display:flex;flex-direction:column}.panel h3{color:#111;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.panel h3,.panel-header{background:#fff;border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0;padding:16px}.panel-header{align-items:center;display:flex;justify-content:space-between}.panel-header h3{border:none;margin:0;padding:0}.reset-btn{background:#0000;border:1px solid #ccc;border-radius:4px;color:#757575;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.reset-btn:hover{color:#111}.columns-list{flex:1 1;overflow-y:auto;padding:8px}.column-category{margin-bottom:16px}.category-header{background:#f5f5f5;color:#757575;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.category-header,.column-item{border-radius:4px;padding:8px 12px}.column-item{align-items:center;cursor:pointer;display:flex;gap:8px;margin:2px 0;transition:all .2s;-webkit-user-select:none;user-select:none}.column-item:hover{background:#fff}.column-item.locked{cursor:not-allowed;opacity:.6}.column-item input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.column-item.locked input[type=checkbox]{cursor:not-allowed}.column-label{flex:1 1}.lock-icon{color:#757575;font-size:12px}.selected-list{flex:1 1;min-height:200px;overflow-y:auto;padding:8px;transition:background .2s}.selected-column-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;gap:8px;margin-bottom:4px;padding:10px 12px;transition:all .2s}.selected-column-item.locked{background:#f5f5f5;opacity:.7}.reorder-controls{display:flex;flex-direction:column;gap:2px}.reorder-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;color:#757575;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;transition:all .2s;width:24px}.reorder-btn:hover:not(:disabled){background:#f5f5f5;border-color:#111;color:#111}.reorder-btn:disabled{cursor:not-allowed;opacity:.3}.column-name{color:#111;flex:1 1;font-size:14px;font-weight:500}.remove-btn{background:#0000;border:1px solid #ccc;border-radius:4px;color:#757575;font-size:12px;padding:4px 10px;transition:all .2s}.remove-btn:hover{background:#fee2e2;border-color:#ef4444;color:#991b1b}.save-section{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;display:flex;justify-content:center;margin-bottom:20px;padding:20px 0}.save-preference-btn{background:#111;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.save-preference-btn:hover{background:#333;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.saved-preferences-section{margin-top:24px}.saved-preferences-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 16px}.preferences-list{display:flex;flex-direction:column;gap:8px}.preference-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.preference-item:hover{border-color:#ccc;box-shadow:0 2px 8px #00000014}.preference-info{flex:1 1}.preference-name{align-items:center;color:#111;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.default-badge{color:#fbbf24;font-size:16px}.system-badge{background:#e5e5e5;border-radius:10px;color:#757575;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.preference-meta{color:#757575;font-size:12px}.preference-actions{display:flex;gap:8px}.preference-actions button{border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.set-default-btn{background:#0000;border:1px solid #ccc;color:#757575}.set-default-btn:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.load-btn{background:#111;border:none;color:#fff}.load-btn:hover{background:#333}.delete-btn{border:1px solid #ccc;color:#757575}.delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#991b1b}.cancel-btn{background:#0000;border:1px solid #ccc;border-radius:4px;color:#757575;transition:all .2s}.cancel-btn:hover{border-color:#111;color:#111}.apply-btn{background:#111;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.apply-btn:hover{background:#333}.save-dialog-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.save-dialog{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:24px;width:100%}.save-dialog h3{color:#111;font-size:18px;font-weight:700;margin:0 0 20px}.form-group label{margin-bottom:6px}.form-group input[type=text],.form-group textarea{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#111;box-shadow:0 0 0 3px #1111111a;outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-group span{color:#111;font-size:14px;font-weight:500}.dialog-info{background:#f5f5f5;border-radius:4px;color:#757575;font-size:13px;margin-bottom:20px;padding:12px;text-align:center}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-actions button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.dialog-actions button[type=button]{background:#0000;border:1px solid #ccc;color:#757575}.dialog-actions button[type=button]:hover:not(:disabled){background:#f5f5f5;border-color:#111;color:#111}.dialog-actions button.primary{background:#111;border:none;color:#fff}.dialog-actions button.primary:hover:not(:disabled){background:#333}.dialog-actions button:disabled{cursor:not-allowed;opacity:.5}.column-manager-modal,.column-manager-modal *,.save-dialog,.save-dialog *{color-scheme:light!important}.column-manager-modal input,.column-manager-modal option,.column-manager-modal select,.column-manager-modal textarea,.save-dialog input,.save-dialog option,.save-dialog select,.save-dialog textarea{background:#fff!important;color:#111!important}@media (max-width:1024px){.column-panels{grid-template-columns:1fr}}@media (max-width:768px){.column-manager-modal{border-radius:0;max-height:100vh;max-width:100%}.modal-body{padding:16px}.preference-actions{flex-direction:column;width:100px}.preference-actions button{width:100%}}.styles-container{background:#fff;min-height:100vh;padding-bottom:60px}.breadcrumb{font-size:.875rem;padding:1rem 2rem 0}.breadcrumb-link{border-radius:6px;font-size:.875rem;padding:.5rem .75rem}.loading{background:#fff;color:#111;font-size:20px;min-height:100vh}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40%,#f0f0f0);background-size:1000px 100%;border-radius:4px}.skeleton-title{height:32px;margin-bottom:8px;width:250px}.skeleton-subtitle{height:18px;width:180px}.skeleton-search{border-radius:30px;height:48px;margin-bottom:24px;max-width:800px;width:100%}.skeleton-controls{display:flex;gap:12px;margin-bottom:24px}.skeleton-button{border-radius:20px;height:40px;width:120px}.skeleton-table{display:flex;flex-direction:column;gap:12px}.skeleton-row{background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:16px;padding:16px}.skeleton-cell-small{height:40px;width:60px}.skeleton-cell{flex:1 1;height:40px}.skeleton-cell-large{flex:2 1;height:40px}.skeleton-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-image{border-radius:8px;height:200px;width:100%}.skeleton-card-title{height:24px;width:70%}.skeleton-card-text{height:16px;width:90%}.styles-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:24px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1400px}.styles-header h1{color:#111;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.welcome-text{color:#757575;font-size:14px;font-weight:400}.logout-button{background:#0000;border:1px solid #ccc;border-radius:30px;color:#111;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.logout-button:hover{background:#111;border-color:#111;color:#fff}.error-banner{align-items:center;background:#fff0f0;border-left:3px solid #d43f21;color:#d43f21;display:flex;font-size:14px;justify-content:space-between;margin:20px auto;max-width:1400px;padding:16px 20px}.error-banner button{background:#d43f21;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.styles-content{margin:0 auto;max-width:1400px;padding:32px 40px}.search-container{margin-bottom:24px}.search-input-wrapper{align-items:center;display:flex;max-width:800px;width:100%}.search-icon{left:16px}.search-input{border:2px solid #e5e5e5;border-radius:30px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;padding:14px 48px;transition:all .2s ease}.search-input:focus{box-shadow:0 2px 8px #0000001a}.search-input::placeholder{color:#999}.clear-search-btn{align-items:center;background:#e5e5e5;border:none;border-radius:50%;color:#757575;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:16px;transition:all .2s;width:24px}.clear-search-btn:hover{background:#ccc;color:#111}.search-results-info{color:#757575;font-size:14px;font-weight:500;margin-top:12px}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#111,#333);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.bulk-selection-info{align-items:center;display:flex;gap:12px}.bulk-checkbox{accent-color:#fff;cursor:pointer;height:18px;width:18px}.selection-count{font-size:14px;font-weight:600}.bulk-action-buttons{display:flex;gap:12px}.bulk-action-btn{align-items:center;background:#fff;border:none;border-radius:20px;color:#111;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.bulk-action-btn:hover{background:#f3f4f6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.bulk-action-btn.secondary{background:#0000;border:1px solid #ffffff4d;color:#fff}.bulk-action-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80}.checkbox-cell,.checkbox-column{padding:12px;text-align:center;width:48px}.row-checkbox{accent-color:#111;cursor:pointer;height:16px;width:16px}.selected-row{background:#f9fafb!important;border-left:3px solid #111}.selected-row:hover{background:#f3f4f6!important}.active-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px}.filter-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:20px;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.filter-chip:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.chip-label{color:#6b7280;font-weight:500}.chip-value{color:#111;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;padding:0;transition:all .2s;width:16px}.chip-remove:hover{background:#f3f4f6;color:#111}.clear-all-filters{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.clear-all-filters:hover{background:#dc2626;border-color:#dc2626;color:#fff}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.filters{flex:1 1;flex-wrap:wrap;gap:8px}.view-toggle{display:flex;gap:8px}.view-button{background:#fff;border:1px solid #ccc;border-radius:30px;color:#111;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.view-button:hover{border-color:#111}.view-button.active{background:#111;border-color:#111;color:#fff}.filter-btn-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none!important;color:#fff!important}.filter-btn-toggle:hover{background:linear-gradient(135deg,#5568d3,#653b8e);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.filter-button{background:#fff;border:1px solid #ccc;border-radius:30px;color:#111;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s ease}.filter-button:hover{border-color:#111}.filter-button.active{background:#111;border-color:#111;color:#fff}.empty-state{min-height:400px}.empty-state-icon{margin-bottom:24px;opacity:.8}.empty-state-title{color:#111;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state-description{color:#757575;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.empty-state-action{background:#111;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.empty-state-action:hover{background:#333;transform:scale(1.05)}.table-info{background:#f5f5f5;border:1px solid #e5e5e5;border-bottom:none;color:#111;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:space-between;padding:16px 20px}.items-per-page,.table-info{align-items:center;display:flex}.items-per-page{gap:10px}.items-per-page label{color:#111;font-size:14px;font-weight:500}.items-per-page select{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:8px 12px}.items-per-page select:focus{border-color:#111;outline:none}.granularity-selector-container{align-items:center;display:flex;gap:8px;margin-right:12px}.granularity-label{color:#374151;font-size:14px;font-weight:600;white-space:nowrap}.granularity-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23374151' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e5e5e5;border-radius:4px;color:#111;cursor:pointer;font-size:14px;font-weight:500;min-width:240px;padding:8px 32px 8px 12px;transition:all .2s}.granularity-select:hover{background-color:#eff6ff;border-color:#3b82f6}.granularity-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.column-selector-container{position:relative}.column-selector-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 16px #0000001a;max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:1000}.column-selector-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.column-selector-header h3{color:#111;font-size:16px;font-weight:700;margin-bottom:12px}.column-selector-actions{display:flex;gap:8px}.column-selector-actions button{background:#f5f5f5;border:1px solid #ccc;border-radius:20px;color:#111;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.column-selector-actions button:hover{background:#111;border-color:#111;color:#fff}.column-selector-list{padding:12px 20px}.column-selector-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:10px;padding:10px 0}.column-selector-item:last-child{border-bottom:none}.column-selector-item input[type=checkbox]{accent-color:#111;cursor:pointer;height:18px;width:18px}.column-selector-item span{color:#111;font-size:14px;font-weight:400}.column-selector-item:hover{background:#fafafa}.column-selector-item input[type=radio]{accent-color:#111;cursor:pointer;height:18px;width:18px}.column-selector-item-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0;transition:background .2s}.column-selector-item-row:hover{background:#fafafa}.column-selector-left{align-items:center;display:flex;flex:1 1;gap:12px}.column-label{color:#111;font-size:14px}.frozen-badge{font-size:12px;opacity:.7}.column-selector-controls{display:flex;gap:4px}.column-control-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.column-control-btn:hover:not(:disabled){background:#f0f0f0;border-color:#999}.column-control-btn:disabled{cursor:not-allowed;opacity:.3}.column-control-btn.freeze-btn.active{background:#111;border-color:#111;color:#fff}.styles-table td.frozen,.styles-table th.frozen{background:#fff;box-shadow:2px 0 4px #0000001a;position:-webkit-sticky;position:sticky;z-index:10}.styles-table thead th.frozen{background:#f5f5f5;z-index:11}.group-info{color:#757575;font-weight:500}.group-column{padding:16px 8px!important;width:60px!important}.group-header-row{background:#f5f5f5;border-bottom:2px solid #e5e5e5;border-top:2px solid #e5e5e5}.group-header{background:#f5f5f5;padding:0!important}.group-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;gap:12px;padding:14px 20px;text-align:left;transition:all .2s;width:100%}.group-toggle:hover{background:#eee}.group-icon{color:#111;display:inline-block;font-size:12px;width:16px}.group-title{color:#111;flex:1 1;font-size:14px;font-weight:500}.group-title strong{color:#111;font-weight:700}.group-count{color:#757575;font-size:13px;font-weight:500}.grouped-row{background:#fafafa}.grouped-row:hover{background:#f5f5f5!important}.group-indent{background:#0000;border-right:2px solid #e5e5e5;width:40px}.editable-cell{cursor:pointer;position:relative;transition:all .2s}.editable-cell:hover{background:#f5f5f5}.editable-cell .cell-value{display:inline-block;width:100%}.editable-cell .edit-icon{color:#757575;font-size:14px;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.editable-cell:hover .edit-icon{opacity:1}.editable-cell.editing{background:#fff;cursor:default;padding:4px!important}.edit-input,.editable-cell.editing:hover{background:#fff}.edit-input{border:2px solid #111;border-radius:4px;color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;margin-bottom:4px;outline:none;padding:8px 12px;width:100%}.edit-input:focus{border-color:#111;box-shadow:0 0 0 1px #111}.edit-input:disabled{cursor:not-allowed;opacity:.6}.edit-actions{gap:4px;justify-content:flex-end}.cancel-btn,.save-btn{border-radius:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:6px 12px}.save-btn:hover:not(:disabled){background:#333}.save-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn:hover:not(:disabled){background:#ccc}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.styles-table-container{background:#fff;border:1px solid #e5e5e5;border-radius:0;overflow-x:auto}.styles-table{border-collapse:collapse;min-width:3000px;width:100%}.styles-table thead{background:#f5f5f5;border-bottom:2px solid #e5e5e5}.styles-table th{border-bottom:1px solid #e5e5e5;color:#111;font-size:12px;font-weight:600;letter-spacing:1px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.styles-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.styles-table th.sortable:hover{background:#e5e5e5}.filter-row{background:#fff!important}.filter-row th{border-bottom:2px solid #ccc!important;padding:8px!important}.column-filter-input{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;font-size:12px;padding:6px 10px;transition:all .2s;width:100%}.column-filter-input:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a;outline:none}.column-filter-input::placeholder{color:#999}.styles-table tbody tr{border-bottom:1px solid #e5e5e5;transition:all .2s}.styles-table tbody tr:hover{background:#fafafa}.styles-table tbody tr:last-child{border-bottom:none}.styles-table td{color:#111;font-size:14px;padding:16px 12px;vertical-align:middle}.category-cell{align-items:center;display:flex;font-weight:600;gap:8px}.category-icon{font-size:20px}.status-badge{border-radius:20px}.status-badge.active{background:#111;color:#fff}.status-badge.archived,.status-badge.inactive{background:#e5e5e5;color:#757575}.track-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.track-badge.fast{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.track-badge.standard{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.track-badge.slow{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.track-badge.hold{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.innovation-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 2px 8px #6366f14d;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.card-badges{align-items:flex-end;display:flex;flex-direction:column;gap:8px;position:absolute;right:12px;top:12px}.name-cell{color:#111;font-size:15px;font-weight:600}.style-name-link{color:#111;font-weight:600;text-decoration:none;transition:color .2s}.style-name-link:hover{color:#666;text-decoration:underline}.description-cell{color:#757575;font-size:13px;line-height:1.5;max-width:400px}.date-cell{white-space:nowrap}.image-cell{padding:8px!important}.image-cell img{border:1px solid #e5e5e5;border-radius:0;height:60px;object-fit:cover;width:60px}.code-cell{font-family:Courier New,monospace;font-size:13px}.code-cell,.price-cell{color:#111;white-space:nowrap}.price-cell{font-size:15px;font-weight:700}.badge-yes{background:#111;color:#fff}.badge-no,.badge-yes{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.badge-no{background:#e5e5e5;color:#757575}.styles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:0}@media (max-width:1400px){.styles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.styles-grid{gap:16px;grid-template-columns:1fr}}.style-card{background:#fff;border:1px solid #e5e5e5;cursor:pointer;overflow:hidden;padding:0;transition:all .2s}.style-card:hover{box-shadow:0 4px 16px #0000001a}.style-card-header{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:280px;padding:20px;position:relative}.card-image{border-radius:0;height:auto;max-width:280px;object-fit:cover;width:100%}.style-name{color:#111;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:20px 20px 8px}.card-details{padding:0 20px 20px}.detail-row{border-bottom:1px solid #f5f5f5}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-row .value{font-size:14px;font-weight:500;text-align:right}.detail-row .price-highlight{color:#111;font-size:16px;font-weight:700}.style-description{color:#757575;font-size:14px;line-height:1.6;margin-bottom:16px}.style-meta{align-items:center;background:#fafafa;border-top:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:16px 20px}.category-tag{background:#111;border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.assigned-date{color:#757575;font-size:12px;font-weight:500}.pagination{gap:8px;padding:32px 20px}.pagination-button{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.pagination-button:hover:not(:disabled){background:#111;border-color:#111;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{display:flex;gap:4px;margin:0 12px}.pagination-number{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;min-width:40px;padding:10px;transition:all .2s}.pagination-number:hover{background:#f5f5f5;border-color:#111}.pagination-number.active{background:#111;border-color:#111;color:#fff}@media (max-width:1024px){.styles-header{padding:20px 24px}.styles-content{padding:24px}.styles-header h1{font-size:20px}.header-content{align-items:flex-start;flex-direction:column}.controls-container{align-items:stretch;flex-direction:column}.view-toggle{justify-content:center;width:100%}.styles-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:640px){.styles-header{padding:16px 20px}.styles-content{padding:20px}.styles-table td,.styles-table th{font-size:12px;padding:12px 8px}.styles-grid{gap:20px;grid-template-columns:1fr}.filter-button,.view-button{font-size:13px;padding:8px 16px}.table-info{align-items:flex-start;flex-direction:column}.pagination{flex-wrap:wrap;gap:4px}.pagination-button,.pagination-number{font-size:13px;min-width:36px;padding:8px 12px}.pagination-numbers{margin:0 4px}.column-selector-dropdown{left:0;right:auto;width:280px}}.smart-search-toggle{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:50px;transition:all .2s;width:36px}.smart-search-toggle.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:scale(1.05)}.smart-search-toggle:hover{background:#e5e7eb;transform:scale(1.1)}.smart-search-toggle.active:hover{background:linear-gradient(135deg,#5558e3,#7c4ee8)}.search-input.smart-search-active{background:linear-gradient(90deg,#fff 0,#faf5ff);border-color:#8b5cf6}.search-input.smart-search-active:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.editable-cell.editing .autocomplete-container{width:100%}.editable-cell.editing .autocomplete-input{font-size:13px;min-width:200px;padding:6px 10px}.empty-value{color:#9ca3af;font-size:12px}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:slideUp .3s ease-out;max-width:500px}.mass-edit-modal{max-width:600px}.modal-header{padding:24px 32px 16px}.modal-header h3{color:#111;font-size:20px;font-weight:600}.close-modal-btn{border-radius:50%;font-size:20px;height:36px;transition:all .2s;width:36px}.close-modal-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.modal-body{padding:24px 32px}.modal-description{color:#6b7280;font-size:14px;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{font-size:13px}.modal-footer{padding:16px 32px 24px}.btn-primary,.btn-secondary{border-radius:8px}.btn-primary:hover{background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.btn-primary:disabled{background:#d1d5db;box-shadow:none;transform:none}.bulk-edit-group{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.bulk-edit-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bulk-action-btn.compact{background:#fff;border:1px solid #e5e7eb;font-size:13px;min-width:auto;padding:6px 12px}.bulk-action-btn.compact:hover{background:#111;border-color:#111;color:#fff}.form-input{border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus{border-color:#111;box-shadow:0 0 0 2px #0000000d;outline:none}.filters-compact{align-items:center;display:none;flex-wrap:wrap;gap:8px;padding:12px 0}.filter-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px}.filter-group-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding-right:4px;text-transform:uppercase}.filter-btn{align-items:center;border-radius:6px;color:#374151;display:flex;font-size:13px;gap:6px;padding:6px 12px;white-space:nowrap}.filter-btn .count{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.filter-btn:hover{background:#fafafa;transform:translateY(-1px)}.filter-btn.active .count{background:#fff3;color:#fff}.filter-divider{background:#e5e7eb;height:24px;margin:0 4px;width:1px}@media (max-width:1200px){.filters-compact{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.filters-compact::-webkit-scrollbar{height:4px}.filters-compact::-webkit-scrollbar-track{background:#f3f4f6}.filters-compact::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}}@media (max-width:768px){.filter-group-label{display:none}.filter-btn{font-size:12px;padding:5px 10px}}.help-button{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.help-button:hover{background:#111;border-color:#111;box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-1px)}.help-button svg{height:18px;width:18px}.help-button span{font-size:16px;font-weight:700}@media (max-width:768px){.help-button span{display:none}.help-button{padding:8px}}.favorite-icon-small{background:none;border:none;color:#dee2e6;cursor:pointer;font-size:1.2rem;padding:0 8px 0 0;transition:all .2s;vertical-align:middle}.favorite-icon-small:hover{color:#ffc107;transform:scale(1.2)}.favorite-icon-small.active{color:#ffc107}.favorite-icon-small.active:hover{transform:scale(1.2) rotate(10deg)}.name-cell{gap:4px}.name-cell,.table-info-bar{align-items:center;display:flex}.table-info-bar{background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;color:#6b7280;font-size:14px;justify-content:space-between;padding:12px 16px}.row-count strong{color:#1f2937;font-weight:600}.total-count{color:#9ca3af;font-size:13px}.dark-mode .table-info-bar{background:#374151;border-color:#4b5563;color:#d1d5db}.dark-mode .row-count strong{color:#f3f4f6}.grouping-level-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.grouping-level-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.level-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:48px;padding:4px 8px;text-transform:uppercase}.level-badge.level-1{background:#3b82f6;color:#fff}.level-badge.level-2{background:#8b5cf6;color:#fff}.level-badge.level-3{background:#ec4899;color:#fff}.level-label{color:#374151;font-size:13px;font-weight:600}.compact-list{max-height:200px;overflow-y:auto}.compact-item{font-size:13px!important;padding:6px 12px!important}.grouping-preview{background:#fff;border:2px dashed #cbd5e1;border-radius:8px;margin-top:16px;padding:16px}.preview-title{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.preview-chain{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.preview-item{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:13px;font-weight:500;padding:6px 12px}.preview-item-final{background:#dcfce7;border-color:#86efac;color:#166534;font-weight:600}.preview-arrow{color:#94a3b8;font-size:16px;font-weight:700}.group-level-0{background:#eff6ff;border-left:4px solid #3b82f6}.group-level-1{background:#f5f3ff;border-left:4px solid #8b5cf6;padding-left:24px!important}.group-level-2{background:#fdf2f8;border-left:4px solid #ec4899;padding-left:48px!important}.group-level-badge{align-items:center;background:#0000001a;border-radius:12px;color:#000000b3;display:inline-flex;font-size:10px;font-weight:700;height:24px;justify-content:center;margin-right:8px;min-width:24px;padding:0 6px}.group-indent{display:inline-block;height:1px}.dark-mode .grouping-level-section{background:#374151;border-color:#4b5563}.dark-mode .grouping-level-header{border-bottom-color:#4b5563}.dark-mode .level-label{color:#d1d5db}.dark-mode .grouping-preview{background:#1f2937;border-color:#4b5563}.dark-mode .preview-title{color:#9ca3af}.dark-mode .preview-item{background:#374151;border-color:#4b5563;color:#d1d5db}.dark-mode .preview-item-final{background:#064e3b;border-color:#047857;color:#6ee7b7}.dark-mode .preview-arrow{color:#6b7280}.dark-mode .group-level-0{background:#1e3a8a;border-left-color:#3b82f6}.dark-mode .group-level-1{background:#581c87;border-left-color:#8b5cf6}.dark-mode .group-level-2{background:#831843;border-left-color:#ec4899}.quick-actions-header{background:#f9fafb;border-left:2px solid #e5e7eb;font-weight:600;min-width:140px;padding:12px 16px!important;z-index:10}.quick-actions-cell,.quick-actions-header{position:-webkit-sticky;position:sticky;right:0;text-align:center}.quick-actions-cell{background:#fff;border-left:1px solid #e5e7eb;padding:8px 12px!important;vertical-align:middle;z-index:5}.quick-actions-buttons{display:flex;gap:6px}.quick-action-btn,.quick-actions-buttons{align-items:center;justify-content:center}.quick-action-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:inline-flex;font-size:18px;height:36px;padding:0;position:relative;transition:all .2s;width:36px}.quick-action-btn:hover{background:#111;border-color:#111;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}.quick-action-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.quick-action-btn[title]{cursor:help}.dark-mode .quick-actions-header{background:#1f2937;border-left-color:#4b5563;color:#f3f4f6}.dark-mode .quick-actions-cell{background:#111827;border-left-color:#374151}.dark-mode .quick-action-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .quick-action-btn:hover{background:#6ee7b7;border-color:#6ee7b7;color:#064e3b}.quick-action-btn:first-child:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.quick-action-btn:nth-child(2):hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.quick-action-btn:nth-child(3):hover{background:#ec4899;border-color:#ec4899;color:#fff}.dark-mode .quick-action-btn:first-child:hover{background:#60a5fa;border-color:#60a5fa;color:#1e3a8a}.dark-mode .quick-action-btn:nth-child(2):hover{background:#a78bfa;border-color:#a78bfa;color:#581c87}.dark-mode .quick-action-btn:nth-child(3):hover{background:#f472b6;border-color:#f472b6;color:#831843}.factory-assignments-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b;color:#374151;font-weight:600;padding:12px 16px!important;white-space:nowrap}.dark-mode .factory-assignments-header{background:linear-gradient(135deg,#78350f,#92400e);border-left:3px solid #fbbf24;color:#f9fafb}.factory-assignments-cell{padding:8px 12px!important;vertical-align:middle}.factory-assignments-display{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.factory-badge{align-items:center;border-radius:12px;cursor:help;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.factory-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.factory-badge.production{background:#dcfce7;border:1px solid #86efac;color:#166534}.factory-badge.development{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.factory-badge.sampling{background:#fce7f3;border:1px solid #f9a8d4;color:#9f1239}.dark-mode .factory-badge.production{background:#14532d;border-color:#166534;color:#86efac}.dark-mode .factory-badge.development{background:#1e3a8a;border-color:#1e40af;color:#93c5fd}.dark-mode .factory-badge.sampling{background:#831843;border-color:#9f1239;color:#f9a8d4}.factory-role-icon{font-size:12px;line-height:1}.factory-count{background:#0000001a;border-radius:8px;font-size:10px;margin-left:2px;padding:0 4px}.no-factories{color:#9ca3af;font-size:14px}.dark-mode .no-factories{color:#6b7280}.factory-assignments-cell{max-width:200px;min-width:140px}.role-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.role-badge{border-radius:12px;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;white-space:nowrap}.role-badge.role-production{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.role-badge.role-development{background:#ede9fe;border:1px solid #a855f7;color:#6b21a8}.role-badge.role-sampling{background:#fce7f3;border:1px solid #ec4899;color:#9f1239}.factory-code-header,.factory-name-header,.pcc-code-header,.role-header{background:#f9fafb!important;border-bottom:2px solid #e5e7eb!important;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pcc-code-cell{color:#6b7280;font-size:12px;white-space:nowrap}.factory-name-cell,.pcc-code-cell{font-weight:500;padding:8px 12px!important}.factory-name-cell{color:#111827;font-size:13px;max-width:200px}.factory-code-cell{background:#f9fafb;border-radius:4px;color:#374151;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600;white-space:nowrap}.factory-code-cell,.role-cell{padding:8px 12px!important}.no-role{color:#9ca3af;font-size:14px}.factory-row{border-left:3px solid #0000;transition:all .15s ease}.factory-row.first-row{border-left-color:#e5e7eb;border-top:2px solid #e5e7eb}.factory-row:hover{background:#f9fafb!important}.factory-row.selected-row{background:#eff6ff!important}.factory-row.first-row.selected-row{border-left-color:#3b82f6}.factory-row td[rowspan]{padding-top:12px!important;vertical-align:top}.dark-mode .role-badge.role-production{background:#1e3a8a;border-color:#3b82f6;color:#bfdbfe}.dark-mode .role-badge.role-development{background:#581c87;border-color:#a855f7;color:#e9d5ff}.dark-mode .role-badge.role-sampling{background:#831843;border-color:#ec4899;color:#fce7f3}.dark-mode .factory-code-header,.dark-mode .factory-name-header,.dark-mode .pcc-code-header,.dark-mode .role-header{background:#1f2937!important;border-bottom-color:#374151!important;color:#f9fafb}.dark-mode .factory-name-cell,.dark-mode .pcc-code-cell{color:#f9fafb}.dark-mode .factory-code-cell{background:#111827;color:#d1d5db}.dark-mode .factory-row.first-row{border-left-color:#374151;border-top-color:#374151}.dark-mode .factory-row:hover{background:#1f2937!important}.dark-mode .factory-row.selected-row{background:#1e3a8a!important}.dark-mode .factory-row.first-row.selected-row{border-left-color:#3b82f6}@media (max-width:1400px){.factory-name-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis}.role-badge{font-size:11px;padding:3px 10px}}.tooling-cell{min-width:200px;padding:4px!important;vertical-align:middle}.tooling-display{align-items:center;background:#0000;border-radius:6px;cursor:pointer;display:flex;min-height:36px;padding:8px 12px;transition:all .2s}.tooling-display:hover{background:#0066ff0d;border:1px solid #06f3}.tooling-empty{color:#9ca3af;font-size:.9rem;font-style:italic}.tooling-edit-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:8px;min-width:300px;padding:4px}.tooling-edit-actions{display:flex;gap:6px;justify-content:flex-end}.btn-cancel-tooling,.btn-save-tooling{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-save-tooling{background:#10b981;color:#fff}.btn-save-tooling:hover{background:#059669;transform:translateY(-1px)}.btn-cancel-tooling{background:#ef4444;color:#fff}.btn-cancel-tooling:hover{background:#dc2626;transform:translateY(-1px)}.dark-mode .tooling-display:hover{background:#3b82f61a;border-color:#3b82f64d}.dark-mode .tooling-edit-container{background:#1f2937;box-shadow:0 2px 8px #0000004d}.dark-mode .tooling-empty{color:#6b7280}.library-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.library-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-height:800px;max-width:1200px;overflow:hidden;width:90%}.library-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.library-header h2{color:#111;font-size:24px;font-weight:600;margin:0}.close-btn{background:#f3f4f6;font-size:24px;height:36px;width:36px}.close-btn:hover{background:#e5e7eb}.library-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 32px}.search-input{border:2px solid #e5e7eb}.search-input:focus{box-shadow:0 0 0 3px #0000000d}.library-content{display:flex;overflow:hidden}.library-categories{background:#f9fafb;border-right:1px solid #e5e7eb;overflow-y:auto;padding:16px;width:200px}.category-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:4px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.category-btn.active,.category-btn:hover{background:#fff;color:#111}.category-btn.active{box-shadow:0 1px 3px #0000001a}.library-items-list{flex:1 1;overflow-y:auto;padding:24px 32px}.library-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.color-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.color-item:hover{border-color:#111;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.color-item.selected{background:#f9fafb;border-color:#111;box-shadow:0 4px 12px #00000026}.color-swatch{border:1px solid #0000001a;box-shadow:inset 0 2px 4px #0000000d;height:80px;margin-bottom:12px;width:100%}.color-name{color:#111;font-size:14px;margin-bottom:4px}.color-code{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:12px;padding:2px 6px}.color-category{color:#9ca3af;font-size:11px;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.library-preview{background:#f9fafb;border-left:1px solid #e5e7eb;overflow-y:auto;padding:24px;width:350px}.preview-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;text-align:center}.preview-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.preview-title{color:#111;font-size:18px;font-weight:600;margin:0 0 16px}.color-swatch-large{border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:150px;margin-bottom:24px;width:100%}.preview-details{gap:16px}.detail-group,.preview-details{display:flex;flex-direction:column}.detail-group{gap:8px}.detail-label{font-size:11px}.detail-value{color:#111;font-size:14px;font-weight:500}.detail-description{color:#6b7280;font-size:13px;line-height:1.6}.select-color-btn{background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:24px;padding:12px;transition:all .2s;width:100%}.select-color-btn:hover{background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}@media (max-width:1024px){.library-modal{height:90vh;width:95%}.library-preview{display:none}}@media (max-width:768px){.library-categories{display:none}.library-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.library-header{padding:16px}.library-search{padding:12px 16px}.library-items-list{padding:16px}}.material-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;margin-bottom:.75rem;padding:1rem;transition:all .2s}.material-item:hover{border-color:#10b981;box-shadow:0 4px 6px -1px #0000001a;transform:translateX(4px)}.material-item.selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 6px -1px #10b98133}.material-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.material-name{color:#111827;font-size:1rem;font-weight:700}.material-category{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.material-meta{display:flex;gap:.75rem;margin-bottom:.5rem}.material-code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Monaco,Courier New,monospace;font-size:.8125rem;padding:.125rem .5rem}.material-type{color:#8b5cf6;font-size:.8125rem;font-weight:500}.material-supplier{color:#9ca3af;font-size:.75rem}.detail-section{border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1rem}.detail-section:last-of-type{border-bottom:none}.detail-section h4{color:#111827;font-size:.875rem;font-weight:700;margin:0 0 .75rem}.properties-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.property-item{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.property-label{color:#6b7280;font-size:.75rem;font-weight:500}.property-value{color:#111827;font-size:.875rem;font-weight:600}.property-value.excellent{color:#059669}.property-value.high{color:#10b981}.property-value.medium{color:#f59e0b}.property-value.low{color:#ef4444}.property-value.none{color:#9ca3af}.applications,.colors{display:flex;flex-wrap:wrap;gap:.5rem}.application-tag,.color-tag{background:#eff6ff;border-radius:6px;color:#1e40af;font-size:.8125rem;font-weight:500;padding:.375rem .75rem}.color-tag{background:#fef3c7;color:#92400e}.description-text{color:#4b5563;font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.properties-grid{grid-template-columns:1fr}}.care-instructions-panel{background:#fff;background:var(--bg-primary,#fff);display:flex;flex-direction:column;height:100%}.care-instructions-header{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-primary,#e0e0e0);padding:20px}.header-actions{align-items:center}.search-input{background:var(--bg-primary,#fff);border:1px solid #d0d0d0;border:1px solid var(--border-primary,#d0d0d0);color:#000;color:var(--text-primary,#000);padding:10px 16px}.search-input:focus{border-color:#06f;border-color:var(--accent-blue,#06f)}.filter-select{background:var(--bg-primary,#fff);border:1px solid #d0d0d0;border:1px solid var(--border-primary,#d0d0d0);color:#000;color:var(--text-primary,#000);padding:10px 16px}.care-instructions-body{display:flex;flex:1 1;overflow:hidden}.care-instructions-list{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-primary,#e0e0e0);display:flex;flex-direction:column;width:400px}.list-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-primary,#e0e0e0);padding:16px 20px}.list-header h3{color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600;margin:0}.list-items{flex:1 1;overflow-y:auto;padding:12px}.care-instruction-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-primary,#e0e0e0);border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.care-instruction-card:hover{border-color:#06f;border-color:var(--accent-blue,#06f);box-shadow:0 2px 8px #0066ff1a}.care-instruction-card.selected{background:#0066ff0d;border-color:#06f;border-color:var(--accent-blue,#06f)}.card-header{margin-bottom:8px}.identifier{color:#000;color:var(--text-primary,#000);font-size:14px;font-weight:600}.status-badge{font-weight:500}.status-badge.status-active{background:#10b9811a;border:1px solid #10b981;color:#10b981}.status-badge.status-inactive{background:#9ca3af1a;border:1px solid #9ca3af;color:#6b7280}.status-badge.status-draft{background:#f59e0b1a;border:1px solid #f59e0b;color:#f59e0b}.card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;color:var(--text-secondary,#666);display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:12px;overflow:hidden}.card-meta{color:#999;color:var(--text-tertiary,#999);font-size:12px}.care-instructions-detail{background:#fff;background:var(--bg-primary,#fff);flex:1 1;overflow-y:auto}.detail-header{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-primary,#e0e0e0);padding:20px 24px}.detail-header h3{color:#000;color:var(--text-primary,#000);font-size:20px;margin:0}.detail-actions{display:flex;gap:8px}.detail-content{padding:24px}.detail-section{margin-bottom:32px}.detail-section h4{border-bottom:2px solid #06f;border-bottom:2px solid var(--accent-blue,#06f);color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.detail-item{gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#666;color:var(--text-secondary,#666);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#000;color:var(--text-primary,#000);font-size:14px}.attributes-grid{grid-gap:20px;gap:20px}.attribute-item{background:var(--bg-secondary,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-primary,#e0e0e0);padding:16px}.attribute-item label{color:var(--text-secondary,#666);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.attribute-value{color:#000;color:var(--text-primary,#000);font-size:14px;font-weight:500;margin-bottom:4px}.attribute-additional{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-primary,#e0e0e0);color:#666;color:var(--text-secondary,#666);font-size:13px;font-style:italic;margin-top:8px;padding-top:8px}.detail-empty{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:16px;height:100%;justify-content:center}.btn-primary{background:#06f;background:var(--accent-blue,#06f)}.btn-primary:hover{background:#0052cc;background:var(--accent-blue-hover,#0052cc)}.btn-secondary{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #d0d0d0;border:1px solid var(--border-primary,#d0d0d0);color:#000;color:var(--text-primary,#000);padding:8px 16px}.btn-secondary:hover{background:#e5e5e5;background:var(--bg-hover,#e5e5e5);border-color:#b0b0b0;border-color:var(--border-hover,#b0b0b0)}.product-info-library{display:flex;flex-direction:column;height:90vh;max-width:1400px;width:95vw}.product-info-tabs{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-primary,#e0e0e0);display:flex;gap:0;padding:0 20px}.product-info-tabs .tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:14px 24px;position:relative;top:2px;transition:all .2s}.product-info-tabs .tab-btn:hover{background:#0000000d;background:var(--bg-hover,#0000000d);color:#000;color:var(--text-primary,#000)}.product-info-tabs .tab-btn.active{background:#0000;border-bottom-color:#06f;border-bottom-color:var(--accent-blue,#06f);color:#06f;color:var(--accent-blue,#06f)}.product-info-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.coming-soon{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex:1 1;font-size:18px;font-weight:500;justify-content:center}.comments-section{margin:0 auto;max-width:1200px;padding:2rem}.comments-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.comments-header h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.comments-stats{color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.comments-stats .stat{font-weight:500}.comment-filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.filter-btn{border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-btn.active{background:#3b82f6;border-color:#3b82f6}.comment-input-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.comment-input-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.current-user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.input-meta{align-items:center;display:flex;flex:1 1;justify-content:space-between}.input-label{color:#374151;font-size:.9375rem;font-weight:600}.category-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.375rem .75rem}.category-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9375rem;min-height:100px;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.comment-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-input-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn-primary{background:#3b82f6;font-size:.9375rem;padding:.625rem 1.5rem}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px -1px #0000001a}.btn-secondary{color:#6b7280;font-size:.9375rem;padding:.625rem 1.5rem}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments{color:#9ca3af;font-size:1rem;padding:3rem 1rem;text-align:center}.comment{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.comment:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d}.comment-reply{background:#f9fafb;border-left:3px solid #3b82f6;margin-left:3rem;margin-top:1rem}.comment-avatar{align-items:center;background:linear-gradient(135deg,#6b7280,#9ca3af);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.comment-content-wrapper{flex:1 1;min-width:0}.comment-header{align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.comment-author{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.author-name{color:#111827;font-size:.9375rem;font-weight:600}.comment-time{color:#9ca3af;font-size:.8125rem}.edited-badge{color:#9ca3af;font-size:.75rem;font-style:italic}.comment-meta{align-items:center;display:flex;gap:.5rem}.category-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem}.category-badge,.status-badge{padding:.25rem .75rem}.status-badge.status-open{background:#fef3c7;color:#92400e}.status-badge.status-resolved{background:#d1fae5;color:#065f46}.comment-text{color:#374151;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-edit,.comment-text{margin-bottom:1rem}.edit-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9375rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-actions{display:flex;gap:.5rem}.btn-save{background:#10b981;font-size:.875rem;padding:.5rem 1rem}.btn-save:hover{background:#059669}.btn-cancel{color:#6b7280;font-size:.875rem;padding:.5rem 1rem}.btn-cancel:hover{background:#f9fafb}.comment-actions{display:flex;gap:1rem;margin-top:.5rem}.action-btn{background:none;color:#6b7280;font-size:.875rem;font-weight:500;padding:0;transition:color .2s}.action-btn:hover{color:#3b82f6}.action-btn.action-delete:hover{color:#ef4444}.comment-replies{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.comments-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;margin-bottom:1rem}@media (max-width:768px){.comments-section{padding:1rem}.comment-reply{margin-left:1.5rem}.comment-header{flex-direction:column}.comment-actions{flex-wrap:wrap}.comment-input-header,.input-meta{align-items:flex-start;flex-direction:column}.input-meta{gap:.5rem;width:100%}}.style-bom-list{background:#fff;min-height:500px;padding:24px}.bom-list-header{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left h2{color:#111;font-size:24px;font-weight:700;margin:0 0 4px}.header-subtitle{color:#757575}.header-right{gap:8px}.refresh-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.refresh-btn:hover{background:#f5f5f5;border-color:#111}.refresh-btn svg{color:#111}.bom-list-filters{align-items:center;display:flex;gap:12px;margin-bottom:24px}.filter-search{flex:1 1;max-width:400px;position:relative}.search-input{border:1px solid #ccc;border-radius:4px;color:#111;color-scheme:light!important}.search-input:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a}.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:4px;color:#111;font-size:14px;padding:10px 32px 10px 12px}.filter-select:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a}.filter-select option{color:#111!important}.bom-table-container{border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.bom-table{background:#fff;border-collapse:collapse;width:100%}.bom-table thead{background:#fafafa;border-bottom:2px solid #e5e5e5}.bom-table th{color:#757575;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.bom-table th.sortable{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.bom-table th.sortable:hover{background:#f0f0f0;color:#111}.sort-icon{color:#111;font-size:14px;margin-left:4px}.bom-table tbody tr{border-bottom:1px solid #e5e5e5;transition:all .2s}.bom-table tbody tr:hover{background:#fafafa}.bom-table tbody tr.bom-row:hover{background:#f5f5f5;cursor:pointer}.bom-table td{color:#111;font-size:14px;padding:16px}.bom-name-cell strong,.season-cell{color:#111;font-weight:600}.date-cell{color:#757575;font-size:13px}.state-badge{border-radius:12px;padding:4px 12px}.priority-badge{border-radius:4px;padding:4px 8px}.loading-state{padding:80px 20px}.spinner{border:3px solid #e5e5e5;margin-bottom:16px}.empty-state{color:#757575;flex-direction:column;padding:80px 20px}.empty-state svg{color:#ccc;margin-bottom:24px}.empty-state h3{color:#111;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#757575;font-size:14px;max-width:400px}.bom-list-message{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:40px;text-align:center}.bom-list-message p{color:#757575;font-size:14px;margin:0}.style-bom-list,.style-bom-list *{color-scheme:light!important}.style-bom-list input,.style-bom-list option,.style-bom-list select{background:#fff!important;color:#111!important}@media (max-width:1024px){.bom-list-filters{flex-wrap:wrap}.filter-search{flex:1 1 100%;max-width:none}}@media (max-width:768px){.style-bom-list{padding:16px}.bom-list-header{align-items:flex-start;flex-direction:column;gap:16px}.bom-table-container{overflow-x:auto}.bom-table{min-width:800px}}.measurement-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.measurement-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.measurement-table-header h3{color:#1a1a1a;font-size:1.25rem;margin:0}.measurement-table-meta{color:#666;display:flex;font-size:.9rem;gap:24px}.measurement-table-meta strong{color:#1a1a1a;font-weight:600}.measurement-table-add-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.measurement-table-add-btn:hover{background:#0056b3}.measurement-table-scroll{margin:0 -24px;overflow-x:auto;padding:0 24px}.measurement-table{border-collapse:collapse;font-size:.9rem;width:100%}.measurement-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.measurement-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.measurement-table th.base-size{background:#fff3cd;color:#856404}.base-indicator{color:#ffc107;margin-left:4px}.measurement-table td{border-bottom:1px solid #e9ecef;padding:8px}.measurement-table tbody tr:hover{background:#f8f9fa}.measurement-code{color:#495057;font-weight:600;min-width:60px;text-align:center}.measurement-name{font-weight:500;min-width:180px}.measurement-method{color:#666;min-width:220px}.measurement-tolerance{color:#495057;font-weight:500;min-width:60px;text-align:center}.measurement-size{font-weight:500;min-width:70px;text-align:center}.measurement-size.base-size{background:#fffef5}.measurement-table-cell{border-radius:3px;cursor:default;min-height:28px;padding:4px 8px}.measurement-table-cell.editable{cursor:pointer}.measurement-table-cell.editable:hover{background:#e3f2fd;outline:1px solid #90caf9}.measurement-table-input{background:#fff;border:2px solid #007bff;border-radius:3px;font-size:.9rem;outline:none;padding:4px 8px;width:100%}.measurement-actions{min-width:80px;text-align:center}.measurement-delete-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:4px 10px;transition:background .2s}.measurement-delete-btn:hover{background:#c82333}.measurement-table-footer{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.measurement-table-note{color:#6c757d;font-size:.85rem;font-style:italic;margin:0}@media (max-width:768px){.measurement-table-header{align-items:flex-start;flex-direction:column}.measurement-table-scroll{margin:0 -16px;padding:0 16px}.measurement-table{font-size:.85rem}.measurement-table td,.measurement-table th{padding:8px 6px}}.techpack-section{background:#f8f9fa;min-height:600px}.techpack-loading{color:#666;font-size:1.1rem;padding:80px}.techpack-empty,.techpack-loading{align-items:center;display:flex;justify-content:center}.techpack-empty{flex-direction:column;padding:80px 40px;text-align:center}.techpack-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.techpack-empty h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 12px}.techpack-empty p{color:#666;margin:0 0 24px;max-width:400px}.techpack-create-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:background .2s}.techpack-create-btn:hover{background:#0056b3}.techpack-header{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.techpack-version-selector{align-items:center;display:flex;gap:12px}.techpack-version-selector label{color:#495057;font-weight:600}.techpack-version-selector select{border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.95rem;min-width:200px;padding:8px 12px}.techpack-actions{display:flex;gap:12px}.techpack-approve-btn,.techpack-export-btn,.techpack-new-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.techpack-approve-btn{background:#28a745;color:#fff}.techpack-approve-btn:hover{background:#218838}.techpack-export-btn{background:#6c757d;color:#fff}.techpack-export-btn:hover{background:#5a6268}.techpack-new-btn{background:#007bff;color:#fff}.techpack-new-btn:hover{background:#0056b3}.techpack-status-bar{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 24px}.techpack-status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 16px;text-transform:uppercase}.status-draft{background:#e7f3ff;color:#004085}.status-in-review{background:#fff3cd;color:#856404}.status-approved{background:#d4edda}.status-rejected{background:#f8d7da;color:#721c24}.techpack-dates{color:#6c757d;font-size:.85rem}.techpack-tabs{background:#fff;border-bottom:2px solid #dee2e6;display:flex;gap:4px;overflow-x:auto;padding:0 24px}.techpack-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 24px;transition:all .2s;white-space:nowrap}.techpack-tab:hover{background:#f8f9fa;color:#495057}.techpack-tab.active{border-bottom-color:#007bff;color:#007bff}.techpack-content{background:#fff;min-height:500px;padding:24px}.techpack-cover{max-width:900px}.techpack-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.techpack-form-group{display:flex;flex-direction:column;gap:8px}.techpack-form-group label{color:#495057;font-size:.9rem;font-weight:600}.techpack-form-group input,.techpack-form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:10px 12px;transition:border-color .2s}.techpack-form-group input:focus,.techpack-form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.techpack-form-group input:disabled{background:#e9ecef;cursor:not-allowed}.techpack-construction{display:flex;flex-direction:column;gap:32px}.construction-section h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 16px}.construction-table{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.construction-table thead{background:#f8f9fa}.construction-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 16px;text-align:left}.construction-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:12px 16px}.construction-table tbody tr:last-child td{border-bottom:none}.construction-table tbody tr:hover{background:#f8f9fa}.techpack-packaging{max-width:900px}.packaging-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.packaging-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:20px}.packaging-item h4{border-bottom:2px solid #007bff;color:#1a1a1a;font-size:1rem;margin:0 0 16px;padding-bottom:12px}.packaging-item p{color:#495057;font-size:.9rem;margin:8px 0}.packaging-item p strong{color:#1a1a1a;font-weight:600}.techpack-instructions{display:flex;flex-direction:column;gap:24px;max-width:900px}.instruction-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding:20px}.instruction-section h4{color:#1a1a1a;font-size:1rem;margin:0 0 12px}.instruction-section p{color:#495057;line-height:1.6;margin:0}@media (max-width:768px){.techpack-header{align-items:stretch;flex-direction:column}.techpack-version-selector{width:100%}.techpack-version-selector select{flex:1 1}.techpack-actions{justify-content:stretch}.techpack-actions button{flex:1 1}.techpack-tabs{padding:0 16px}.techpack-tab{font-size:.85rem;padding:12px 16px}.techpack-content{padding:16px}.packaging-grid,.techpack-form-grid{grid-template-columns:1fr}}.techpack-sketches{display:flex;flex-direction:column;gap:32px}.sketches-section h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 16px}.sketch-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sketch-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.sketch-placeholder{align-items:center;aspect-ratio:4/5;background:#f8f9fa;display:flex;font-size:2rem;justify-content:center}.sketch-empty{background:#f8f9fa;border-radius:6px;padding:40px;text-align:center}.sketch-empty p{color:#666;margin:0 0 16px}.annotations-list{display:flex;flex-direction:column;gap:12px}.annotation-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:16px;padding:12px}.annotation-label{color:#007bff;font-weight:600;min-width:80px}.annotation-note{color:#495057}.empty-text{color:#6c757d;font-style:italic}.techpack-trims{max-width:1000px}.trims-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.trims-header h4{color:#1a1a1a;font-size:1.1rem;margin:0}.trims-table{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.trims-table thead{background:#f8f9fa}.trims-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 16px;text-align:left}.trims-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:12px 16px}.trims-table tbody tr:last-child td{border-bottom:none}.trims-table tbody tr:hover{background:#f8f9fa}.action-btn{background:#007bff;border-radius:3px;color:#fff;padding:4px 12px}.action-btn:hover{background:#0056b3}.techpack-colors{max-width:1000px}.colors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.colors-header h4{color:#1a1a1a;font-size:1.1rem;margin:0}.colors-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.color-card{background:#fff;border:1px solid #dee2e6;border-radius:6px}.color-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.color-header h5{color:#1a1a1a;font-size:1rem;margin:0}.pantone-code{background:#e7f3ff;border-radius:3px;color:#004085;font-size:.85rem;font-weight:600;padding:4px 8px}.color-swatch{aspect-ratio:16/9;border-radius:4px}.swatch-placeholder{background:#f8f9fa;color:#6c757d;font-size:.9rem}.swatch-image,.swatch-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.swatch-image{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.techpack-grading{max-width:900px}.grading-header{margin-bottom:24px}.grading-header h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 8px}.grading-description{color:#6c757d;font-size:.9rem;margin:0}.grading-info{background:#f8f9fa;border-radius:6px;padding:24px}.grade-points-list p{color:#495057;font-weight:600;margin:0 0 16px}.empty-state{padding:40px 20px}.techpack-btn-secondary{background:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.techpack-btn-secondary:hover{background:#007bff;color:#fff}.grade-chart-display{display:flex;flex-direction:column;gap:24px}.grading-summary{grid-gap:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.grading-summary .summary-item{display:flex;flex-direction:column;gap:4px}.grading-summary .label{color:#6c757d;font-size:.85rem;font-weight:600}.grading-summary .value{color:#1a1a1a;font-size:1.2rem;font-weight:700}.size-chart-table{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px}.size-chart-table h5{color:#1a1a1a;font-size:1.1rem;margin:0 0 16px}.table-container{overflow-x:auto}.grading-table{background:#fff;border-collapse:collapse;width:100%}.grading-table thead{background:linear-gradient(135deg,#495057,#343a40);color:#fff}.grading-table th{font-size:.9rem;font-weight:700;padding:12px;position:relative;text-align:center}.grading-table th.base-size{background:#ffc107;color:#1a1a1a}.base-label{margin-top:2px}.grading-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:12px;text-align:center}.grading-table tbody tr:hover{background:#f8f9fa}.grading-table td.base-size{background:#ffc1071a;font-weight:700}.grading-table td.pom-name{color:#1a1a1a;font-weight:600;min-width:200px;text-align:left}.measurement-cell{align-items:center;display:flex;flex-direction:column;gap:4px}.measurement-cell .calculated{color:#1a1a1a;font-size:1rem;font-weight:700}.measurement-cell .grade{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.measurement-cell .grade.positive{background:#d4edda;color:#155724}.measurement-cell .grade.negative{background:#f8d7da;color:#721c24}.grading-actions{display:flex;gap:12px;justify-content:flex-end}.empty-icon{font-size:3rem}.hint{color:#6c757d;font-size:.9rem;font-style:italic}.enhanced-sample-request-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.enhanced-sample-request-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:100%}.sample-request-header{background:#f5f5f5;border-bottom:2px solid #e0e0e0;padding:20px 24px}.sample-request-header>div:first-child{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sample-request-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.btn-close-header{background:none;border:none;color:#666;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.btn-close-header:hover{color:#333}.header-actions{justify-content:flex-end}.btn-create{background:#06c;border:1px solid #0052a3;border-radius:4px;padding:8px 24px}.btn-create:hover:not(:disabled){background:#0052a3}.btn-create:disabled{cursor:not-allowed;opacity:.5}.btn-cancel:hover{background:#f0f0f0}.sample-request-content{flex:1 1;overflow-y:auto;padding:24px}section{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:24px}section h3{background:#f9f9f9;border-bottom:1px solid #ddd;color:#333;font-size:1rem;font-weight:600;margin:0;padding:12px 16px}.attributes-section{border:1px solid #ddd}.attributes-grid{padding:16px}.attribute-row{grid-gap:12px;border-bottom:1px solid #eee;display:grid;gap:12px;grid-template-columns:200px 1fr 150px 1fr;padding:8px 0}.attribute-row:last-child{border-bottom:none}.attribute-label{color:#555;font-size:.9rem;font-weight:600}.general-attributes-section{background:#fff}.section-header{background:#f0f0f0;border-bottom:1px solid #ddd;padding:12px 16px}.section-header h3{background:none;border:none;font-size:.95rem;margin:0;padding:0}.form-grid{padding:20px}.form-row{grid-gap:20px;gap:20px}.form-group input,.form-group select,.form-group textarea{padding:8px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.form-group input:disabled{cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.samples-requested-section{background:#fff}.table-actions{background:#f9f9f9;border-bottom:1px solid #ddd;display:flex;gap:8px;padding:12px 16px}.btn-icon{background:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:6px 12px}.btn-icon:hover:not(:disabled){background:#f0f0f0;border-color:#999}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.samples-table-wrapper{overflow-x:auto;padding:16px}.samples-table{border-collapse:collapse;font-size:.9rem;width:100%}.samples-table thead th{background:#e8e8e8;border:1px solid #ccc;color:#333;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.samples-table tbody td{border:1px solid #ddd;padding:8px;vertical-align:middle}.samples-table tbody tr:not(.secondary-header):hover{background:#f5f9ff}.samples-table tbody tr.selected{background:#e3f2fd}.samples-table tbody tr.secondary-header{background:#f5f5f5;color:#666;font-size:.85rem}.samples-table tbody tr.secondary-header td{font-weight:500;padding:6px 8px}.col-select{text-align:center;width:40px}.col-edit,.col-number{text-align:center;width:50px}.col-eval{min-width:200px}.col-measurement{min-width:300px}.col-size{width:120px}.col-colorway{min-width:200px}.samples-table input[type=radio]{cursor:pointer;height:16px;width:16px}.samples-table input[type=text],.samples-table select{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-size:.9rem;padding:6px 8px;width:100%}.samples-table input[type=text]:focus,.samples-table select:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.btn-edit{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;padding:4px;transition:opacity .2s}.btn-edit:hover{opacity:1}.sample-request-content::-webkit-scrollbar{width:10px}.sample-request-content::-webkit-scrollbar-track{background:#f1f1f1}.sample-request-content::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.sample-request-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1200px){.attribute-row{gap:8px;grid-template-columns:1fr}.attribute-label{font-size:.85rem}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.enhanced-sample-request-modal{border-radius:0;max-height:100vh;max-width:100%}.sample-request-header{padding:16px}.sample-request-header h2{font-size:1.25rem}.sample-request-content{padding:16px}}.sample-request-detail-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sample-request-detail-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1600px;width:100%}.detail-header{background:#f5f5f5;border-bottom:1px solid #ddd;padding:16px 24px}.detail-header h2{color:#333;font-size:1.4rem}.btn-save{background:#06c;border:1px solid #0052a3;border-radius:4px;font-weight:600;padding:8px 24px}.btn-cancel{border:1px solid #ccc;border-radius:4px;color:#333;padding:8px 24px}.attributes-section{background:#f9f9f9;border-bottom:1px solid #ddd;padding:16px 24px}.attributes-section h3{color:#333;font-size:.95rem;font-weight:600;margin:0 0 12px}.attributes-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(2,1fr)}.attribute-item{gap:4px}.attribute-item.full-width{grid-column:1/-1}.attribute-item label{color:#666;font-size:.85rem;font-weight:600}.attribute-value{color:#333;font-size:.9rem;padding:6px 0}.detail-tabs{background:#f0f0f0;border-bottom:2px solid #ddd;display:flex;gap:4px;padding:0 24px}.detail-tabs .tab{background:#e8e8e8;border:1px solid #ccc;border-bottom:none;color:#555;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s}.detail-tabs .tab.active{background:#0891d1;border-color:#0891d1;color:#fff}.detail-tabs .tab:hover:not(.active){background:#ddd}.tab-content-area{background:#fff;flex:1 1;overflow-y:auto}.details-tab-content{padding:24px}.form-section{background:#fff;border:1px solid #ddd}.form-section h3{background:#f0f0f0;border-bottom:1px solid #ddd;font-size:.95rem;font-weight:600;margin:0;padding:12px 16px}.form-grid-2col{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr;padding:20px}.form-row-inline{grid-gap:16px;display:grid;gap:16px;grid-column:1/-1;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:.85rem}.form-group .label-secondary{color:#666;font-size:.8rem;font-weight:400;margin-top:-4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:3px;font-size:.9rem;padding:6px 10px}.form-group input:disabled{background:#f5f5f5;color:#666}.fit-info-tab-content{padding:24px}.fit-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fit-info-header h3{font-size:1.1rem;font-weight:600;margin:0}.fit-actions{display:flex;gap:12px}.btn-action{background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 16px}.btn-action:hover{background:#f0f0f0}.measurement-info{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:16px;padding:12px}.info-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:auto 1fr auto 1fr}.info-label{color:#555;font-size:.9rem}.info-value{color:#333;font-size:.9rem}.pom-table-wrapper{border:1px solid #ddd;border-radius:4px;overflow-x:auto}.pom-table{font-size:.85rem;min-width:1400px}.pom-table thead th{background:#e8e8e8;border:1px solid #ccc;font-weight:600;padding:10px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.pom-table tbody td{border:1px solid #ddd;padding:8px;vertical-align:middle}.pom-table tbody tr.critical-row{background:#fffbcc}.pom-table tbody tr:hover{background:#f5f9ff}.instruction-cell{color:#555;font-size:.8rem;max-width:250px}.comment-input,.meas-input{border:1px solid #ccc;border-radius:3px;font-size:.85rem;padding:4px 6px;width:100%}.comment-input:focus,.meas-input:focus{border-color:#06c;outline:none}.highlight-cell{background:#d4f4dd!important;font-weight:600}.documents-tab-content{padding:24px}.documents-section{background:#fff;border:1px solid #ddd}.documents-section h3{background:#f0f0f0;font-size:.95rem;font-weight:600;margin:0}.actions-dropdown,.documents-section h3{border-bottom:1px solid #ddd;padding:12px 16px}.actions-dropdown{align-items:center;background:#f9f9f9;display:flex;gap:12px}.actions-dropdown label{font-size:.9rem;font-weight:600}.actions-dropdown select{border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:6px 12px}.documents-list{padding:16px}.documents-list h4{font-size:.95rem;font-weight:600;margin:0 0 12px}.documents-table{border-collapse:collapse;font-size:.85rem;width:100%}.documents-table thead th{background:#e8e8e8;border:1px solid #ccc;font-weight:600;padding:10px 8px;text-align:left}.documents-table tbody td{border:1px solid #ddd;padding:12px 8px}.documents-table .empty-row{color:#999;font-style:italic;padding:40px;text-align:center}.visual-assets-tab-content{padding:24px}.visual-section{background:#fff;border:1px solid #ddd}.visual-section h3{background:#f0f0f0;border-bottom:1px solid #ddd;font-size:.95rem;font-weight:600;margin:0;padding:12px 16px}.btn-add-image{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-weight:600;margin:16px;padding:10px 20px}.btn-add-image:hover{background:#f0f0f0}.images-table{border-collapse:collapse;font-size:.85rem;width:100%}.images-table thead th{background:#e8e8e8;border:1px solid #ccc;font-weight:600;padding:10px 8px;text-align:left}.images-table tbody td{border:1px solid #ddd;padding:12px 8px}.images-table .empty-row{color:#999;font-style:italic;padding:40px;text-align:center}.detail-footer{background:#f5f5f5;border-top:1px solid #ddd;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.loading{padding:40px}@media (max-width:1400px){.attributes-grid,.form-grid-2col{grid-template-columns:1fr}}.sample-section{padding:24px}.sample-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sample-header h3{color:#1a1a1a;font-size:1.5rem;margin:0}.header-buttons{display:flex;gap:12px}.sample-btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.sample-btn-primary:hover{background:#0056b3}.sample-btn-secondary{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.sample-btn-secondary:hover,.sample-empty{background:#f8f9fa}.sample-empty{border-radius:8px;padding:80px 20px;text-align:center}.sample-empty h3{color:#1a1a1a;margin:0 0 8px}.sample-empty p{color:#6c757d;margin:0}.samples-list{display:flex;flex-direction:column;gap:20px}.sample-card{border:1px solid #dee2e6;transition:all .2s}.sample-card.clickable{cursor:pointer}.sample-card:hover{box-shadow:0 4px 12px #0000001a}.sample-card.clickable:hover{border-color:#007bff;transform:translateY(-2px)}.sample-card-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:16px 20px}.sample-type{align-items:center;display:flex;gap:8px}.type-label{color:#1a1a1a;font-size:1.1rem;font-weight:600}.sample-status{color:#fff;font-size:.85rem;font-weight:600}.sample-card-body{padding:20px}.sample-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.info-label{font-size:.85rem}.info-value{font-size:.95rem}.sample-timeline{align-items:flex-start;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;margin:24px 0;padding:20px}.timeline-stage{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.timeline-marker{background:#dee2e6;height:16px;width:16px;z-index:2}.timeline-stage.complete .timeline-marker{background:#28a745}.timeline-content{margin-top:8px;text-align:center}.timeline-label{color:#6c757d;font-size:.85rem;font-weight:600;margin-bottom:4px}.timeline-stage.complete .timeline-label{color:#1a1a1a}.timeline-date{color:#6c757d;font-size:.75rem}.timeline-connector{background:#dee2e6;height:2px;left:calc(50% + 16px);position:absolute;right:calc(-50% + 16px);top:8px;z-index:1}.timeline-stage.complete .timeline-connector{background:#28a745}.timeline-stage:last-child .timeline-connector{display:none}.fit-session-view{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-top:24px;padding:20px}.fit-session-view h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 20px}.fit-section{margin-bottom:20px}.fit-section:last-child{margin-bottom:0}.fit-section h5{color:#495057;font-size:.95rem;font-weight:600;margin:0 0 12px}.participants-list{display:flex;flex-wrap:wrap;gap:8px}.participant-badge{background:#fff;border:1px solid #dee2e6;border-radius:12px;color:#495057;font-size:.85rem;padding:4px 12px}.fit-comments{display:flex;flex-direction:column;gap:12px}.fit-comment-item{background:#fff;border-radius:4px;padding:12px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-header strong{color:#1a1a1a;font-size:.9rem}.comment-time{color:#6c757d;font-size:.75rem}.fit-comment-item p{color:#495057;font-size:.9rem;margin:0}.corrections-list{color:#495057;margin:0;padding-left:20px}.corrections-list li{font-size:.9rem;margin-bottom:8px}.decision-badge{border-radius:6px;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 16px}.decision-approved{background:#d4edda;color:#155724}.decision-rejected{background:#f8d7da;color:#721c24}.decision-corrections_needed{background:#fff3cd;color:#856404}.sample-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.action-btn{border:none;border-radius:4px;font-size:.85rem;font-weight:600;padding:8px 16px}.action-receive{background:#007bff;color:#fff}.action-receive:hover{background:#0056b3}.action-approve{background:#28a745;color:#fff}.action-approve:hover{background:#1e7e34}.action-corrections{background:#ffc107;color:#212529}.action-corrections:hover{background:#e0a800}.action-reject{background:#dc3545;color:#fff}.action-reject:hover{background:#c82333}.action-view{background:#fff;border:1px solid #007bff;color:#007bff}.action-view:hover{background:#007bff;color:#fff}.sample-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sample-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #dee2e6}.modal-header h3{font-size:1.25rem}.modal-close{background:none;border-radius:4px;color:#6c757d;font-size:1.5rem;padding:0;transition:background .2s}.modal-close:hover{background:#f8f9fa}.form-group label{color:#495057;font-size:.9rem}.form-group input,.form-group select{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.modal-footer{border-top:1px solid #dee2e6;padding:16px 24px}.sample-loading{color:#6c757d;padding:40px;text-align:center}@media (max-width:768px){.sample-info-grid{grid-template-columns:1fr}.sample-timeline{align-items:stretch;flex-direction:column}.timeline-stage{align-items:center;flex-direction:row}.timeline-content{margin-left:12px;margin-top:0;text-align:left}.timeline-connector{display:none}.form-row{grid-template-columns:1fr}.sample-actions{flex-direction:column}.action-btn{width:100%}}.assign-source-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.assign-source-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#e5e7eb;color:#111827}.form-group label{color:#374151}.form-group-dual{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.typeahead-container{position:relative}.typeahead-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.typeahead-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.typeahead-input::placeholder{color:#9ca3af}.typeahead-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 25px #0000001a;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.typeahead-option{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background .15s}.typeahead-option:hover{background:#f3f4f6}.typeahead-option strong{color:#111827;font-weight:600}.form-group-row{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.form-group-row-two{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.checkbox-label{color:#374151;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.form-inline-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.inline-field{align-items:center;display:flex;gap:12px}.inline-field-label{color:#374151;flex-shrink:0;font-size:14px;font-weight:500;min-width:220px}.inline-field-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s}.inline-field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.resources-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.resource-section h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.resource-cards{display:flex;flex-direction:column;gap:12px}.resource-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.resource-role{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.resource-assignee{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:14px;padding:8px 10px;transition:all .2s;width:100%}.resource-assignee:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.resource-assignee::placeholder{color:#9ca3af}.modal-footer{background:#f9fafb}.btn-cancel{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.btn-save{background:#3b82f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-save:hover{background:#2563eb}.btn-save:active{transform:scale(.98)}.dark .assign-source-modal{background:#1f2937}.dark .modal-header{border-bottom-color:#374151}.dark .modal-header h2{color:#f9fafb}.dark .modal-close{background:#374151;color:#9ca3af}.dark .modal-close:hover{background:#4b5563;color:#f9fafb}.dark .form-group label{color:#d1d5db}.dark .resource-assignee,.dark .typeahead-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .resource-assignee:focus,.dark .typeahead-input:focus{border-color:#3b82f6}.dark .typeahead-dropdown{background:#1f2937;border-color:#374151}.dark .typeahead-option{color:#d1d5db}.dark .typeahead-option:hover{background:#374151}.dark .typeahead-option strong{color:#f9fafb}.dark .inline-field-label{color:#d1d5db}.dark .inline-field-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .inline-field-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark .resource-section h3{color:#f9fafb}.dark .resource-card{background:#374151;border-color:#4b5563}.dark .resource-role{color:#9ca3af}.dark .modal-footer{background:#111827;border-top-color:#374151}.dark .btn-cancel{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .btn-cancel:hover{background:#4b5563;border-color:#6b7280}@media (max-width:768px){.assign-source-modal{max-height:95vh;width:95%}.modal-header{padding:16px}.modal-header h2{font-size:20px}.modal-content{padding:16px}.form-group-dual,.form-group-row-two{grid-template-columns:1fr}.inline-field{align-items:flex-start;flex-direction:column}.inline-field-label{min-width:auto}.inline-field-input{width:100%}.resources-grid{grid-template-columns:1fr}.modal-footer{padding:16px}}.factory-assignment-detail{background:#f3f4f6;min-height:100vh;padding:0}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin:16px;padding:24px}.detail-card:first-child{margin-top:16px}.card-title{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.field-row{align-items:center;display:flex;margin-bottom:16px}.field-row:last-child{margin-bottom:0}.field-row-dual{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.field-group{align-items:center;display:flex;gap:12px}.field-label{color:#111827;flex-shrink:0;font-size:14px;font-weight:400;min-width:80px}.field-value-box{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px}.checkbox-grid{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.checkbox-grid,.checkbox-grid-two{display:grid;gap:16px;margin-bottom:16px}.checkbox-grid-two{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.checkbox-grid-two:last-of-type,.checkbox-grid:last-of-type{margin-bottom:16px}.checkbox-item{gap:10px}.checkbox-box,.checkbox-item{align-items:center;display:flex}.checkbox-box{background:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox-box.checked{background:#111827;border-color:#111827}.check-icon{color:#fff;font-size:14px;font-weight:700;line-height:1}.checkbox-label{color:#111827;font-size:14px;font-weight:400}.inline-field-row{align-items:center;display:flex;gap:12px;margin-bottom:12px;padding-left:32px}.inline-field-row:last-child{margin-bottom:0}.inline-label{color:#111827;min-width:200px}.inline-label,.inline-value{font-size:14px;font-weight:400}.inline-value{color:#6b7280}.resource-field-row{align-items:center;display:flex;margin-bottom:16px}.resource-field-row:last-child{margin-bottom:0}.resource-field-row-dual{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.resource-field-group{align-items:center;display:flex;gap:12px}.resource-label{color:#111827;flex-shrink:0;font-size:14px;font-weight:400;min-width:120px}.resource-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s}.resource-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.resource-input::placeholder{color:#9ca3af}.resource-input:read-only{background:#f9fafb;cursor:default}.resource-list{display:flex;flex-direction:column;gap:16px}.dark .factory-assignment-detail{background:#111827}.dark .detail-card{background:#1f2937;border-color:#374151}.dark .card-title{border-bottom-color:#374151;color:#f9fafb}.dark .field-label{color:#d1d5db}.dark .field-value-box{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .inline-label{color:#d1d5db}.dark .inline-value{color:#9ca3af}.dark .checkbox-box{background:#374151;border-color:#4b5563}.dark .checkbox-box.checked{background:#f9fafb;border-color:#f9fafb}.dark .checkbox-box.checked .check-icon{color:#111827}.dark .checkbox-label{color:#d1d5db}.dark .status-label{color:#9ca3af}.dark .status-value{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .resource-label{color:#d1d5db}.dark .resource-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .resource-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark .resource-input:read-only{background:#2d3748}@media (max-width:1024px){.checkbox-grid{grid-template-columns:repeat(2,1fr)}.checkbox-grid-two,.field-row-dual,.resource-field-row-dual{grid-template-columns:1fr}}@media (max-width:768px){.detail-card{margin:12px;padding:16px}.checkbox-grid,.checkbox-grid-two{grid-template-columns:1fr}.field-row{align-items:flex-start;flex-direction:column;gap:8px}.field-row-dual{grid-template-columns:1fr}.field-group{width:100%}.field-label{min-width:auto}.field-value-box{width:100%}.inline-field-row{align-items:flex-start;flex-direction:column;padding-left:0}.inline-label{min-width:auto}.resource-field-row{align-items:flex-start;flex-direction:column;gap:8px}.resource-field-row-dual{grid-template-columns:1fr}.resource-field-group{align-items:flex-start;flex-direction:column;width:100%}.resource-label{min-width:auto}.resource-input{width:100%}}.factory-assignments-new{background:#f3f4f6;display:flex;flex-direction:column;height:100vh;overflow:hidden}.fa-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.fa-title{color:#111827;font-size:18px;font-weight:600;margin:0}.btn-assign-source{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-assign-source:hover{background:#f9fafb;border-color:#9ca3af}.btn-assign-source:active{transform:scale(.98)}.fa-content-full{background:#f3f4f6;flex:1 1;overflow-y:auto}.fa-empty-state{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:24px;padding:48px 24px;text-align:center}.fa-empty-state p{color:#6b7280;font-size:14px;margin-bottom:16px}.dark .factory-assignments-new{background:#111827}.dark .fa-header{background:#1f2937;border-bottom-color:#374151}.dark .fa-title{color:#f9fafb}.dark .btn-assign-source{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .btn-assign-source:hover{background:#4b5563;border-color:#6b7280}.dark .fa-content-full{background:#111827}.dark .fa-empty-state{background:#1f2937}.dark .fa-empty-state p{color:#9ca3af}@media (max-width:768px){.fa-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.fa-title{font-size:16px}.btn-assign-source{width:100%}.fa-empty-state{margin:16px;padding:32px 16px}}.task-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.task-list-header{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left{gap:24px}.task-list-header h3{font-size:20px;font-weight:700;margin:0}.task-filters{display:flex;gap:8px}.task-filters button{background:#fff;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.task-filters button:hover{background:#f5f5f5}.task-filters button.active{background:#000;border-color:#000;color:#fff}.new-task-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s ease}.new-task-btn:hover{background:#333}.new-task-form{background:#f9f9f9;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px}.new-task-form input[type=date],.new-task-form input[type=text],.new-task-form select,.new-task-form textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px}.new-task-form input[type=date]:focus,.new-task-form input[type=text]:focus,.new-task-form select:focus,.new-task-form textarea:focus{border-color:#000;outline:none}.form-row{grid-gap:12px;gap:12px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.submit-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.submit-btn:hover{background:#333}.cancel-btn{border:1px solid #e0e0e0;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.cancel-btn:hover{background:#f5f5f5}.task-items{display:flex;flex-direction:column;gap:12px}.task-item{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:16px;transition:all .2s ease}.task-item:hover{border-color:#ccc;box-shadow:0 4px 12px #00000014}.task-item.completed{background:#fafafa;opacity:.7}.task-main{display:flex;gap:12px}.task-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-top:2px;width:20px}.task-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.task-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.task-content h4{color:#111;font-size:15px;font-weight:600;margin:0}.task-item.completed h4{color:#999;text-decoration:line-through}.priority-badge{color:#fff;font-weight:700;letter-spacing:.5px;padding:4px 10px}.task-description{color:#666;font-size:14px;line-height:1.5;margin:0}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.status-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px}.status-select:focus{border-color:#000;outline:none}.assignees,.due-date{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.overdue{color:#d32f2f;font-weight:600}.due-today{color:#f57c00;font-weight:600}.due-soon{color:#1976d2;font-weight:600}.due-later{color:#666}.task-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#e3f2fd;border-radius:12px;color:#1976d2;padding:4px 10px}.task-actions{display:flex;gap:8px}.delete-btn{background:#0000;border:none;cursor:pointer;font-size:16px;opacity:.5;padding:6px;transition:opacity .2s ease}.delete-btn:hover{opacity:1}.empty-state p{font-size:15px;margin:0 0 16px}.empty-state button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.empty-state button:hover{background:#333}@media (max-width:768px){.task-list-header{align-items:flex-start;flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}.task-meta{align-items:flex-start;flex-direction:column;gap:8px}}.activity-feed{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.activity-header{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.activity-header h3{font-size:20px;font-weight:700;margin:0}.activity-filter{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.activity-filter:focus{border-color:#000;outline:none}.activity-timeline{display:flex;flex-direction:column;gap:16px;position:relative}.activity-item{animation:fadeIn .3s ease;display:flex;gap:12px;position:relative}.activity-icon{align-items:center;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:6px;padding-top:2px}.activity-text{color:#111;font-size:14px;line-height:1.5}.activity-user{color:#111;font-weight:700}.activity-message{color:#666}.activity-style{color:#666;font-size:13px}.activity-style strong{color:#111;font-weight:600}.activity-time{color:#999;font-size:12px;font-weight:500}.empty-state{color:#999;padding:48px 24px}.empty-state p{color:#666;font-weight:600;margin:0 0 8px}.empty-state span{color:#999;font-size:14px}.loading{color:#999;font-size:15px;padding:48px 24px;text-align:center}@media (max-width:768px){.activity-header{align-items:flex-start;flex-direction:column;gap:12px}.activity-icon{font-size:14px;height:32px;width:32px}.activity-text{font-size:13px}}.colorway-management{background:#f8f9fa;border-radius:8px;padding:24px}.colorway-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.colorway-header h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 4px}.colorway-subtitle{color:#6c757d;font-size:.9rem;margin:0}.btn-create-colorway{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-create-colorway:hover{box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.colorway-loading{color:#6c757d;font-size:1.1rem;padding:60px 20px;text-align:center}.colorways-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.colorway-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .2s}.colorway-card:hover{border-color:#007bff;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.colorway-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px}.colorway-code{color:#007bff;font-family:Monaco,Courier New,monospace;font-size:.9rem;font-weight:700}.status-badge.in-development{background:#fff3cd;color:#856404}.status-badge.in-production{background:#d1ecf1;color:#0c5460}.status-badge.launched{background:#d4edda;color:#155724}.status-badge.discontinued{background:#f8d7da;color:#721c24}.colorway-card-body{padding:16px}.colorway-name{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.color-palette{display:flex;gap:8px;margin-bottom:16px}.color-swatch{align-items:flex-end;border:2px solid #dee2e6;border-radius:8px;display:flex;height:60px;overflow:hidden;padding:4px;position:relative;width:80px}.color-label{background:#0000004d;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;text-shadow:0 1px 2px #00000080}.pantone-section{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.pantone-label{color:#495057;font-size:.85rem;font-weight:600;margin-bottom:8px}.pantone-item{font-size:.85rem;margin-bottom:4px}.pantone-item .material{color:#6c757d;margin-right:8px}.pantone-item .pantone{color:#007bff;font-family:Monaco,Courier New,monospace;font-weight:600}.colorway-details{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;font-size:.9rem;gap:8px}.detail-item .label{font-weight:600}.override-badge{background:#ffc107;border-radius:8px;color:#1a1a1a;font-size:.7rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.limited-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;color:#1a1a1a;font-size:.85rem;font-weight:700;padding:4px 12px}.colorway-card-footer{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:8px;padding:12px 16px}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-edit{background:#007bff;color:#fff}.btn-edit:hover{background:#0056b3}.btn-delete{background:#fff;border:2px solid #dc3545;color:#dc3545}.btn-delete:hover{background:#dc3545;color:#fff}.colorway-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.form-section{border-bottom:2px solid #e9ecef;padding-bottom:24px}.form-section:last-child{border-bottom:none}.form-row{display:flex;flex-direction:column;gap:8px}.checkbox-row label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-row input[type=checkbox]{cursor:pointer;height:18px;width:18px}.color-inputs{display:flex;flex-direction:column;gap:16px}.color-input-group{align-items:center;display:flex;gap:12px}.color-input-group input[type=color]{border:2px solid #dee2e6;border-radius:6px;cursor:pointer;height:40px;width:60px}.color-input-group input[type=text]{flex:1 1}.pantone-list{margin-bottom:16px}.pantone-row{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.pantone-row button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 12px}.pantone-add{align-items:center;display:flex;gap:8px}.pantone-add input{border:2px solid #dee2e6;border-radius:6px;flex:1 1;font-size:.9rem;padding:8px}.pantone-add button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;white-space:nowrap}.pantone-add button:hover{background:#218838}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s}.btn-save{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-save:hover{box-shadow:0 4px 12px #007bff4d}@media (max-width:768px){.colorways-grid{grid-template-columns:1fr}.colorway-header{align-items:flex-start;flex-direction:column;gap:16px}.color-input-group{align-items:stretch}.color-input-group,.pantone-add{flex-direction:column}}.colorway-card-quick-actions{background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:16px}.quick-actions-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.quick-actions-buttons-colorway{display:flex;flex-wrap:wrap;gap:8px}.quick-action-btn-colorway{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.quick-action-btn-colorway:hover{border-color:#111;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-btn-colorway:active{transform:translateY(0)}.quick-action-btn-colorway:focus{outline:2px solid #3b82f6;outline-offset:2px}.quick-action-btn-colorway:first-child:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.quick-action-btn-colorway:nth-child(2):hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.quick-action-btn-colorway:nth-child(3):hover{background:#ec4899;border-color:#ec4899;color:#fff}.dark-mode .colorway-card-quick-actions{background:#1f2937;border-bottom-color:#374151;border-top-color:#374151}.dark-mode .quick-actions-label{color:#9ca3af}.dark-mode .quick-action-btn-colorway{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .quick-action-btn-colorway:hover{border-color:#6ee7b7}.dark-mode .quick-action-btn-colorway:first-child:hover{background:#60a5fa;border-color:#60a5fa;color:#1e3a8a}.dark-mode .quick-action-btn-colorway:nth-child(2):hover{background:#a78bfa;border-color:#a78bfa;color:#581c87}.dark-mode .quick-action-btn-colorway:nth-child(3):hover{background:#f472b6;border-color:#f472b6;color:#831843}.enhanced-cost-sheet{background:#f8f9fa;border-radius:8px;padding:24px}.cost-sheet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.cost-sheet-header h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 4px}.cost-sheet-subtitle{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;margin:0}.auto-calc-badge{align-items:center;animation:pulse-green 2s infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 2px 4px #4caf504d;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@keyframes pulse-green{0%,to{box-shadow:0 2px 4px #4caf504d}50%{box-shadow:0 4px 12px #4caf5080}}.auto-calculating-indicator{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;font-size:13px;font-weight:600;gap:8px;margin-top:8px;padding:8px 16px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffc107;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.btn-calculate{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-calculate:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-calculate:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-create{background:linear-gradient(135deg,#007bff,#0056b3);font-size:1rem}.btn-create:hover{box-shadow:0 4px 12px #007bff4d}.cost-sheet-loading{color:#6c757d;font-size:1.1rem;padding:60px 20px;text-align:center}.empty-state p{margin:0 0 24px}.cost-sheet-container{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:24px}.version-selector{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.version-selector label{color:#495057;font-weight:600}.version-selector select{border:2px solid #dee2e6;border-radius:6px;flex:1 1;font-size:.9rem;max-width:400px;padding:8px 12px}.cost-sheet-details{display:flex;flex-direction:column;gap:24px}.cost-status-bar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;gap:16px;padding:16px}.cost-status-bar,.status-item{align-items:center;display:flex}.status-item{gap:8px}.status-badge{border-radius:16px;padding:6px 16px}.status-badge.draft{background:#fff3cd;color:#856404}.status-badge.pending-approval{background:#d1ecf1;color:#0c5460}.status-label{color:#6c757d;font-size:.9rem;font-weight:600}.status-value{color:#1a1a1a;font-weight:600}.btn-edit-toggle{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:8px 20px;transition:all .2s}.btn-edit-toggle:hover{background:#0056b3}.cost-breakdown{background:#f8f9fa;border-radius:8px;padding:20px}.cost-breakdown h4{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.cost-section{background:#fff;border:2px solid #dee2e6;border-radius:8px;overflow:hidden}.cost-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.cost-row:last-child{border-bottom:none}.cost-row.header{background:#495057;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cost-row.total{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-size:1.1rem;font-weight:700}.cost-label{align-items:center;display:flex;font-size:.95rem;gap:8px}.cost-value{font-size:1rem;font-weight:700}.cost-row input{border:2px solid #dee2e6;border-radius:4px;font-size:.95rem;font-weight:600;padding:6px 10px;text-align:right;width:150px}.cost-row input:focus{border-color:#007bff;outline:none}.btn-save-costs{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:12px;transition:all .2s;width:100%}.btn-save-costs:hover{background:#218838;transform:translateY(-2px)}.pricing-section{background:#f8f9fa;border-radius:8px;padding:20px}.pricing-section h4{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.pricing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.pricing-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:20px;transition:all .2s}.pricing-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.pricing-card.primary{background:linear-gradient(135deg,#fff,#e7f3ff);border-color:#007bff}.pricing-label{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pricing-value{color:#1a1a1a;font-size:2rem}.pricing-input,.pricing-value{font-weight:700;margin-bottom:8px}.pricing-input{border:2px solid #007bff;border-radius:8px;font-size:1.5rem;padding:12px;width:100%}.margin-info{color:#495057;display:flex;font-size:.9rem;gap:8px}.margin-percent{font-weight:700}.margin-percent.success{color:#28a745}.margin-percent.warning{color:#dc3545}.margin-analysis{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:20px}.margin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.margin-header h5{color:#1a1a1a;font-size:1.1rem;margin:0}.target-badge{background:#007bff;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 12px}.margin-bar-container{margin-bottom:16px}.margin-bar{background:#e9ecef;border-radius:20px;height:40px;overflow:hidden;position:relative}.margin-fill{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:12px;position:relative;transition:all .5s ease}.margin-fill.success{background:linear-gradient(90deg,#28a745,#20c997)}.margin-fill.warning{background:linear-gradient(90deg,#dc3545,#fd7e14)}.margin-label{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.target-line{background:#1a1a1a;bottom:0;position:absolute;top:0;width:3px;z-index:10}.target-line:before{color:#1a1a1a;content:"▼";font-size:.8rem;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.margin-message{border-radius:8px;font-weight:600;padding:12px 16px}.margin-message.success{background:#d4edda;color:#155724}.margin-message.warning{background:#f8d7da;color:#721c24}.cost-chart-section{background:#f8f9fa;border-radius:8px;padding:20px}.cost-chart-section h4{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.cost-pie-chart{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:20px}.chart-item{grid-gap:12px;align-items:center;border-bottom:1px solid #e9ecef;display:grid;gap:12px;grid-template-columns:30px 1fr auto auto;padding:12px}.chart-item:last-child{border-bottom:none}.chart-color{border-radius:6px;height:30px;width:30px}.chart-label{color:#495057;font-weight:600}.chart-value{color:#1a1a1a;font-weight:700}.chart-percent{color:#6c757d;font-weight:700;min-width:60px;text-align:right}.notes-section{background:#f8f9fa;border-radius:8px;padding:20px}.notes-section h4{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.notes-section textarea{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;width:100%}.notes-section textarea:focus{border-color:#007bff;outline:none}.notes-display{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;line-height:1.6;min-height:100px;padding:16px}.notes-empty{color:#adb5bd;font-style:italic}.calculate-bom-modal{max-width:600px}.bom-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.bom-item{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.bom-item:hover{border-color:#007bff;transform:translateX(4px)}.bom-item.selected{background:#e7f3ff;border-color:#007bff}.bom-name{color:#1a1a1a;font-weight:700;margin-bottom:4px}.bom-cost{color:#6c757d;font-size:.9rem}@media (max-width:768px){.cost-sheet-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.pricing-grid{grid-template-columns:1fr}.cost-status-bar{flex-wrap:wrap}.version-selector{align-items:stretch;flex-direction:column}.version-selector select{max-width:none}}.approval-workflow{background:#f8f9fa;border-radius:8px;padding:24px}.approval-header{margin-bottom:24px}.approval-header h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 16px}.approval-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:8px;padding-bottom:0}.approval-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.approval-tabs .tab:hover{border-bottom-color:#dee2e6;color:#495057}.approval-tabs .tab.active{border-bottom-color:#007bff;color:#007bff}.approval-loading{color:#6c757d;font-size:1.1rem;padding:60px 20px;text-align:center}.empty-state{border:2px dashed #dee2e6}.empty-state h4{font-size:1.3rem}.approvals-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.approval-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .2s}.approval-card:hover{border-color:#007bff;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.approval-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px}.approval-type{align-items:center;display:flex;gap:8px}.type-icon{font-size:1.5rem}.type-name{color:#1a1a1a;font-size:1rem;font-weight:700}.approval-status{border-radius:16px;font-size:.85rem;font-weight:700;padding:6px 16px;text-transform:uppercase}.approval-status.warning{background:#fff3cd;color:#856404}.approval-status.success{background:#d4edda;color:#155724}.approval-status.danger{background:#f8d7da;color:#721c24}.approval-status.secondary{background:#e9ecef;color:#6c757d}.approval-card-body{padding:16px}.approval-description{color:#495057;font-size:.95rem;line-height:1.5;margin-bottom:16px}.approval-meta{border-bottom:1px solid #e9ecef;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.meta-item{flex-direction:column;gap:4px}.meta-label{color:#6c757d;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#1a1a1a;font-size:.95rem;font-weight:700}.approvers-progress{display:flex;flex-wrap:wrap;gap:8px}.approver-step{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;flex:1 1;min-width:80px;padding:12px 8px;text-align:center;transition:all .2s}.approver-step.approved{background:#d4edda;border-color:#28a745}.approver-step.rejected{background:#f8d7da;border-color:#dc3545}.approver-step.pending{background:#fff3cd;border-color:#ffc107}.approver-icon{font-size:1.5rem;margin-bottom:4px}.approver-name{color:#495057;font-size:.75rem;font-weight:600}.approval-card-footer{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:8px;padding:12px 16px}.btn-cancel-approval,.btn-view{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-cancel-approval{background:#fff;border:2px solid #dc3545;color:#dc3545}.btn-cancel-approval:hover{background:#dc3545;color:#fff}.approval-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.approval-banner{align-items:center;border-radius:8px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.approval-banner.pending{background:#fff3cd;color:#856404}.approval-banner.approved{background:#d4edda;color:#155724}.approval-banner.rejected{background:#f8d7da;color:#721c24}.approval-banner.cancelled{background:#e9ecef;color:#6c757d}.banner-status{font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.banner-date{font-size:.9rem;opacity:.8}.approval-section{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.approval-section h4{border-bottom:2px solid #dee2e6;color:#1a1a1a;font-size:1.1rem;margin:0 0 16px;padding-bottom:12px}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.detail-label{font-size:.85rem}.detail-value{font-size:.95rem;font-weight:700}.approval-description-full{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px}.approval-description-full p{color:#495057;line-height:1.6;margin:8px 0 0}.approval-chain{display:flex;flex-direction:column;gap:12px}.chain-item{background:#fff;border-left:4px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s}.chain-item.approved{background:#f1f9f3;border-left-color:#28a745}.chain-item.rejected{background:#fef5f5;border-left-color:#dc3545}.chain-item.pending{background:#fffef5;border-left-color:#ffc107}.chain-header{gap:16px;margin-bottom:8px}.chain-header,.chain-number{align-items:center;display:flex}.chain-number{background:#007bff;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.chain-info{flex:1 1}.chain-user{color:#1a1a1a;font-weight:700;margin-bottom:4px}.chain-status{align-items:center;display:flex;gap:12px}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.chain-date{color:#6c757d;font-size:.85rem}.chain-comments{background:#00000008;border-radius:6px;color:#495057;font-size:.9rem;line-height:1.5;margin-top:8px;padding:12px}.chain-highlight{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.9rem;font-weight:600;margin-top:8px;padding:8px 12px}.decision-actions{background:#fff;border:2px solid #007bff;border-radius:8px;padding:20px}.btn-approve,.btn-reject{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;padding:16px 24px;transition:all .2s}.btn-approve{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-approve:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-reject:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.decision-form{background:#fff;border:2px solid #007bff;border-radius:8px;padding:20px}.decision-form h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 16px}.decision-form textarea{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:.95rem;margin-bottom:16px;padding:12px;resize:vertical;width:100%}.decision-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.decision-form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-close-modal{border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;font-weight:600;padding:10px 24px}.btn-close-modal:hover{background:#f8f9fa}@media (max-width:768px){.approvals-list{grid-template-columns:1fr}.approval-tabs{flex-direction:column}.approval-tabs .tab{border-bottom:none;border-left:3px solid #0000;text-align:left}.approval-tabs .tab.active{border-left-color:#007bff}.detail-grid{grid-template-columns:1fr}.approvers-progress,.decision-actions{flex-direction:column}.approver-step{min-width:100%}}.version-history-table-container{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100%}.vht-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px}.vht-header h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.vht-filters{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.filter-group{flex:0 0 auto}.filter-group.search-group{flex:1 1;min-width:200px}.filter-input,.filter-select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .2s}.filter-input:hover,.filter-select:hover{border-color:var(--color-primary)}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.vht-table-wrapper{border-bottom:1px solid var(--color-border);flex:1 1;overflow:auto}.vht-table{border-collapse:collapse;font-size:14px;width:100%}.vht-table thead{background:var(--color-bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.vht-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.vht-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.vht-table tbody tr:hover{background:var(--color-bg-secondary)}.vht-table tbody tr.selected{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.vht-table td{color:var(--color-text-primary);padding:16px;vertical-align:top}.col-checkbox{width:40px}.col-time{width:120px}.col-attribute{width:180px}.col-id{width:100px}.col-version{font-weight:600;text-align:center;width:80px}.col-season{width:100px}.col-changes{width:180px}.col-fromto{min-width:300px}.col-user{width:150px}.attribute-badge{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.changes-list{display:flex;flex-direction:column;gap:8px}.change-item{align-items:center;display:flex}.change-field{color:var(--color-text-primary);font-weight:600}.fromto-list{display:flex;flex-direction:column;gap:8px}.fromto-item{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.change-with-percent{align-items:center;display:inline-flex;gap:8px}.change-values{color:var(--color-text-primary)}.percent-chip{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;padding:2px 8px;white-space:nowrap}.percent-chip.positive{background:#d1fae5;color:#065f46}.percent-chip.negative{background:#fee2e2;color:#991b1b}.file-change .file-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.file-change .file-link:hover{text-decoration:underline}.vht-load-more{border-bottom:1px solid var(--color-border);padding:16px;text-align:center}.vht-load-more button{background:#0000;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.vht-load-more button:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.vht-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;gap:12px;padding:16px 24px}.btn-primary{background:var(--color-primary);border-radius:6px;font-weight:500;padding:10px 20px}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-weight:500;padding:10px 20px}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-close{background:#0000;color:var(--color-text-secondary);font-size:20px;height:32px;padding:0;width:32px}.btn-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-overlay{padding:20px}.compare-modal{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.compare-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:24px}.compare-modal .modal-header h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.compare-content{flex:1 1;overflow:auto;padding:24px}.compare-table{border:1px solid var(--color-border);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.compare-table thead th{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:14px;font-weight:600;padding:16px;text-align:left}.compare-table thead th:first-child{width:200px}.compare-table thead th .version-meta{color:var(--color-text-secondary);font-size:12px;font-weight:400;margin-top:4px}.compare-table tbody tr{border-bottom:1px solid var(--color-border)}.compare-table tbody tr:last-child{border-bottom:none}.compare-table tbody tr:hover{background:var(--color-bg-secondary)}.compare-table td{padding:16px;vertical-align:middle}.compare-table .field-name{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600}.compare-table .field-value{color:var(--color-text-primary);font-family:monospace;font-size:14px}.compare-table .field-value.highlighted{background:var(--color-primary-light);font-weight:600}.value-with-delta{gap:12px}.delta-chip,.value-with-delta{align-items:center;display:inline-flex}.delta-chip{border-radius:12px;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.delta-chip.positive{background:#d1fae5;color:#065f46}.delta-chip.negative{background:#fee2e2;color:#991b1b}.modal-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:24px}.empty-state{color:var(--color-text-secondary)}.empty-state p{font-size:16px}.version-history-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);margin-bottom:16px}@media (max-width:1200px){.vht-filters{flex-direction:column}.filter-group,.filter-input,.filter-select{width:100%}}@media (max-width:768px){.vht-table-wrapper{overflow-x:auto}.vht-table{min-width:1000px}.vht-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.dark-mode .compare-modal{box-shadow:0 20px 60px #000000b3}.dark-mode .compare-table tbody tr:hover,.dark-mode .vht-table tbody tr:hover{background:#ffffff0d}.library-toggle{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:0 12px 12px 0;box-shadow:4px 0 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;left:0;padding:1rem .75rem;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9000}.library-toggle:hover{box-shadow:6px 0 16px #0003;padding-left:1rem;padding-right:1rem}.library-toggle.expanded{opacity:0;pointer-events:none}.toggle-icon{font-size:1.5rem}.toggle-text{animation:fadeIn .3s ease-in}.library-navigator{background:#fff;bottom:0;box-shadow:4px 0 12px #0000001a;display:flex;flex-direction:column;left:-320px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:9500}.library-navigator.expanded{left:0}.navigator-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.navigator-header h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.close-nav-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.close-nav-btn:hover{background:#e5e7eb;color:#111827}.navigator-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.navigator-subtitle{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem}.library-items{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.quick-search{margin:8px 0 16px;position:relative}.quick-search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 10px;width:100%}.quick-search-results{background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;max-height:220px;overflow:auto;position:absolute;right:0;top:38px;z-index:5}.quick-search-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f3f3f3;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;width:100%}.quick-search-item:hover{background:#f9f9f9}.quick-search-empty{color:#888;font-size:13px;padding:10px}.result-name{font-weight:700}.result-code{color:#555;font-size:12px;margin-left:auto}.result-division{color:#777;font-size:12px;margin-left:8px}.library-nav-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s}.library-nav-item:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;transform:translateX(4px)}.library-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.library-nav-item:hover .library-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.library-info{flex:1 1;min-width:0}.library-name{color:#111827;font-size:1rem;font-weight:700;margin-bottom:.25rem}.library-description{font-size:.8125rem}.library-arrow{color:#9ca3af;font-size:1.25rem;transition:all .2s}.library-nav-item:hover .library-arrow{color:#3b82f6;transform:translateX(4px)}.navigator-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.footer-text{color:#9ca3af;font-size:.75rem;line-height:1.5;margin:0;text-align:center}.library-overlay{animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9400}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.library-navigator{left:-280px;width:280px}.library-toggle{padding:.75rem .5rem}.toggle-text{display:none}}.library-nav-item{animation:slideIn .3s ease-out;animation-fill-mode:backwards}.library-nav-item:first-child{animation-delay:.1s}.library-nav-item:nth-child(2){animation-delay:.15s}.library-nav-item:nth-child(3){animation-delay:.2s}.styles-library-modal{inset:0;position:fixed;z-index:1000}.styles-overlay{background:#0006;inset:0;position:absolute}.styles-library{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px #00000026;max-height:70vh;overflow:auto;position:absolute;right:60px;top:60px;width:360px}.styles-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 12px}.styles-title{font-weight:700}.styles-close{background:none;border:none;cursor:pointer;font-size:18px}.styles-search{border-bottom:1px solid #eee;padding:8px 12px}.styles-tree{padding:10px 12px}.styles-node{margin:4px 0}.styles-node-label{align-items:center;cursor:pointer;display:flex;gap:6px}.styles-node-label.leaf{cursor:default}.twisty{color:#666;display:inline-block;width:16px}.node-name{font-weight:600}.node-name.style-node{color:#1d4ed8;font-weight:700}.styles-children{border-left:1px dashed #ddd;margin-left:8px;padding-left:18px}.styles-select-btn{background:#111;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px}.styles-select-btn:hover{background:#333}.size-library{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:1200px;position:relative;width:90vw;z-index:10001}.size-library-layout{display:flex;flex:1 1;overflow:hidden}.size-tree-panel{background:#fafafa;border-right:1px solid #e0e0e0;overflow-y:auto;width:300px}.size-details-panel{flex:1 1;overflow-y:auto;padding:24px}.size-category-header{border-bottom:2px solid #000;margin-bottom:24px;padding-bottom:16px}.size-category-header h3{font-size:24px;font-weight:700;margin:0 0 8px}.size-category-meta{display:flex;gap:12px;margin-bottom:8px}.size-brand,.size-division{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.size-brand{background:#000;color:#fff}.size-division{background:#f0f0f0;color:#333}.size-description{color:#666;font-size:14px;line-height:1.5;margin:8px 0 0}.base-size-section,.measurements-section,.size-range-section{margin-bottom:32px}.base-size-section h4,.measurements-section h4,.size-range-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.size-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.size-chip{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:50px;padding:10px 16px;position:relative;text-align:center;transition:all .2s ease}.size-chip:hover{background:#f9f9f9;border-color:#aaa}.size-chip.selected{background:#000;border-color:#000;color:#fff}.size-chip.base-size{background:#06c;border-color:#06c;color:#fff}.base-badge{border-radius:10px;position:absolute;right:-8px;top:-8px}.base-badge,.base-badge-inline{background:#f60;color:#fff;font-size:9px;padding:2px 5px}.base-badge-inline{border-radius:8px;display:inline-block;font-weight:700;margin-left:6px;vertical-align:middle}.selection-info{background:#f0f8ff;border-left:3px solid #06c;border-radius:4px;color:#333;font-size:14px;padding:12px}.selection-info strong{font-weight:600;margin-right:6px}.base-size-selector{align-items:center;display:flex;gap:16px}.base-size-dropdown{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:border-color .2s ease}.base-size-dropdown:hover{border-color:#06c}.base-size-dropdown:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.base-size-note{color:#666;font-size:13px;font-style:italic}.measurements-table-wrapper{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.measurements-table{border-collapse:collapse;font-size:14px;width:100%}.measurements-table thead{background:#f5f5f5}.measurements-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px 16px;text-align:left}.measurements-table td{border-bottom:1px solid #e0e0e0;padding:10px 16px}.measurements-table tbody tr:last-child td{border-bottom:none}.measurements-table tbody tr:hover{background:#f9f9f9}.measurements-table .base-row{background:#fff8e1;font-weight:600}.measurements-table .base-row:hover{background:#fff3cd}.measurements-table .size-label{font-weight:600}.size-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;margin-top:24px;padding-top:24px}.size-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-apply{background:#000}.btn-apply:hover{background:#333}.btn-export{background:#f0f0f0;color:#333}.btn-export:hover{background:#e0e0e0}.size-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.placeholder-icon{font-size:64px;margin-bottom:16px;opacity:.5}.size-placeholder p{font-size:16px;margin:0}.size-count{color:#999;font-size:11px;font-weight:400;margin-left:8px}@media (max-width:768px){.size-library{height:90vh;width:95vw}.size-library-layout{flex-direction:column}.size-tree-panel{border-bottom:1px solid #e0e0e0;border-right:none;max-height:200px;width:100%}.size-details-panel{padding:16px}.size-chips{gap:6px}.size-chip{font-size:13px;min-width:45px;padding:8px 12px}.base-size-selector{align-items:flex-start}.base-size-selector,.size-actions{flex-direction:column}.size-actions button{width:100%}}.template-applicator-overlay{align-items:center;animation:fadeIn .2s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.applicator-modal{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.applicator-modal.loading{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:60px}.modal-header{border-bottom:2px solid #e9ecef}.modal-header h2{color:#1a1a1a;margin:0 0 4px}.modal-header p{color:#6c757d;font-size:.9rem;margin:0}.modal-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;gap:8px;padding:16px 24px}.modal-tabs .tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.modal-tabs .tab:hover{background:#f8f9fa;color:#495057}.modal-tabs .tab.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.modal-tabs .tab .badge{background:#ffffff4d;border-radius:12px;font-size:.75rem;font-weight:700;padding:2px 8px}.modal-tabs .tab.active .badge{background:#ffffff4d}.modal-content{flex:1 1;padding:24px}.template-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{cursor:pointer;padding:20px}.template-card.selected{background:linear-gradient(135deg,#e7f3ff,#fff);border-color:#007bff;box-shadow:0 4px 12px #007bff33}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-icon{font-size:2rem}.selected-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px}.template-card h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 8px}.card-meta{align-items:center;color:#6c757d;font-size:.85rem;gap:8px}.card-details,.card-meta{display:flex;margin-bottom:12px}.card-details{flex-direction:column;gap:6px}.detail-item{font-size:.85rem;justify-content:space-between}.detail-item .label{color:#6c757d}.detail-item .value{color:#1a1a1a}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tags .tag{background:#e9ecef;border-radius:12px;color:#495057;font-size:.75rem;padding:3px 10px}.no-templates{align-items:center;display:flex;flex-direction:column;gap:16px;grid-column:1/-1;justify-content:center;padding:60px 20px}.no-templates .empty-icon{font-size:4rem;opacity:.3}.no-templates p{color:#6c757d;font-size:1.1rem;margin:0}.btn-create-template{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s}.btn-create-template:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.modal-footer{align-items:center;border-top:2px solid #e9ecef;justify-content:space-between}.footer-info{flex:1 1}.selected-count{color:#007bff;font-size:.95rem;font-weight:600}.footer-actions{display:flex;gap:12px}.btn-apply,.btn-cancel{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 28px;transition:all .2s}.btn-apply{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.btn-apply:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-apply:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed;transform:none}@media (max-width:1024px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.applicator-modal{max-height:95vh;width:95%}.modal-tabs{flex-direction:column}.template-grid{grid-template-columns:1fr}.modal-footer{align-items:stretch;flex-direction:column;gap:16px}.footer-actions{width:100%}.btn-apply,.btn-cancel{flex:1 1}}.tab-groups-container{background:#fff;border-right:1px solid #e9ecef;height:100%;max-width:280px;min-width:240px;overflow-y:auto}.detail-tabs-horizontal .tab-groups-container{border-right:none;display:flex;flex-direction:row;gap:0;height:auto;max-width:100%;min-width:100%;overflow:visible!important}.detail-tabs-horizontal .tab-group{border-bottom:none;border-right:1px solid #e5e7eb;display:block;position:relative}.detail-tabs-horizontal .tab-group:last-child{border-right:none}.detail-tabs-horizontal .tab-group-header{align-items:center;background:#fff;border:none;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:8px;min-width:auto;padding:14px 20px;transition:all .2s}.detail-tabs-horizontal .tab-group-header:hover{background:#f9fafb;color:#111827}.detail-tabs-horizontal .tab-group-header.active{background:#eff6ff;color:#3b82f6}.detail-tabs-horizontal .tab-group.expanded .tab-group-header{background:#3b82f6;color:#fff}.detail-tabs-horizontal .tab-group-toggle{font-size:.65rem;margin-left:4px;transition:transform .2s}.detail-tabs-horizontal .tab-group-toggle.expanded{transform:rotate(180deg)}.detail-tabs-horizontal .tab-group-tabs{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;box-shadow:0 10px 25px #0000001a;left:0;max-height:400px;min-width:240px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.detail-tabs-horizontal .tab-item{align-items:center;background:#fff;border-bottom:none;border-left:3px solid #0000;color:#4b5563;display:flex;font-size:.875rem;gap:10px;padding:12px 20px;text-align:left;transition:all .15s;white-space:nowrap;width:100%}.detail-tabs-horizontal .tab-item:hover:not(.disabled){background:#f9fafb;border-left-color:#e5e7eb;color:#111827}.detail-tabs-horizontal .tab-item.active{background:#eff6ff;border-left-color:#3b82f6;color:#3b82f6;font-weight:600}.detail-tabs-horizontal .tab-item .tab-icon{font-size:1rem}.detail-tabs-horizontal .tab-item .tab-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 8px}.detail-tabs-horizontal .tab-item.active .tab-badge{background:#2563eb}.detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar{width:6px}.detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar-track{background:#f9fafb}.detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .detail-tabs-horizontal .tab-groups-container{background:#1f2937}.dark .detail-tabs-horizontal .tab-group{border-right-color:#374151}.dark .detail-tabs-horizontal .tab-group-header{background:#1f2937;color:#d1d5db}.dark .detail-tabs-horizontal .tab-group-header:hover{background:#374151;color:#fff}.dark .detail-tabs-horizontal .tab-group-header.active{background:#3b82f61a;color:#60a5fa}.dark .detail-tabs-horizontal .tab-group.expanded .tab-group-header{background:#3b82f6;color:#fff}.dark .detail-tabs-horizontal .tab-group-tabs{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #0000004d}.dark .detail-tabs-horizontal .tab-item{background:#1f2937;color:#9ca3af}.dark .detail-tabs-horizontal .tab-item:hover:not(.disabled){background:#374151;color:#fff}.dark .detail-tabs-horizontal .tab-item.active{background:#3b82f626;border-left-color:#3b82f6;color:#60a5fa}.dark .detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar-track{background:#1f2937}.dark .detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar-thumb{background:#4b5563}.dark .detail-tabs-horizontal .tab-group-tabs::-webkit-scrollbar-thumb:hover{background:#6b7280}.detail-tabs-horizontal .tab-group-tabs+.tab-group-tabs{display:none}.tab-group{border-bottom:1px solid #e9ecef}.tab-group.has-active{background:#f8f9fa}.tab-group-header{align-items:center;background:#fff;border:none;color:#495057;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.tab-group-header:hover{background:#f8f9fa}.tab-group-header.active{background:#e7f3ff;color:#007bff}.tab-group-icon{font-size:1.1rem}.tab-group-label{flex:1 1}.tab-group-toggle{color:#6c757d;font-size:.75rem;transition:transform .2s}.tab-group-toggle.expanded{transform:rotate(0deg)}.tab-group-tabs{animation:slideDown .2s ease;background:#fff}.tab-item{align-items:center;background:#fff;border:none;border-left:3px solid #0000;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px 12px 36px;text-align:left;transition:all .2s;width:100%}.tab-item:hover:not(.disabled){background:#f8f9fa;border-left-color:#dee2e6}.tab-item.active{background:#e7f3ff;border-left-color:#007bff;color:#007bff;font-weight:600}.tab-item.disabled{cursor:not-allowed;opacity:.5}.tab-icon{font-size:1rem}.tab-label{flex:1 1}.tab-badge{background:#007bff;font-size:.75rem;padding:2px 8px}.tab-item.active .tab-badge{background:#0056b3}@media (max-width:1024px){.tab-groups-container{max-width:220px;min-width:200px}.tab-group-header{font-size:.9rem;padding:12px 14px}.tab-item{font-size:.85rem;padding:10px 14px 10px 28px}}@media (max-width:768px){.tab-groups-container{border-bottom:1px solid #e9ecef;border-right:none;max-width:100%;min-width:100%}.tab-group-header{padding:12px 16px}.tab-item{padding:10px 16px 10px 32px}}.unsaved-changes-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.unsaved-changes-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px;text-align:center;width:90%}.unsaved-changes-icon{font-size:3rem;margin-bottom:16px}.unsaved-changes-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 12px}.unsaved-changes-message{color:#495057;font-size:1rem;line-height:1.5;margin:0 0 24px}.unsaved-changes-actions{display:flex;gap:12px;justify-content:center}.btn-unsaved-cancel,.btn-unsaved-confirm{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-unsaved-cancel{background:#f8f9fa;border:2px solid #dee2e6;color:#495057}.btn-unsaved-cancel:hover{background:#e9ecef;border-color:#adb5bd}.btn-unsaved-confirm{background:#dc3545;color:#fff}.btn-unsaved-confirm:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}@media (max-width:768px){.unsaved-changes-modal{padding:24px}.unsaved-changes-actions{flex-direction:column-reverse}.btn-unsaved-cancel,.btn-unsaved-confirm{width:100%}}.factory-library-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.factory-library-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.factory-library-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.factory-library-modal-header h2{align-items:center;color:#111827;display:flex;font-size:24px;gap:8px;margin:0 0 4px}.factory-library-modal-header .subtitle{color:#6b7280;font-size:14px;margin:0}.close-modal-btn{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:24px;height:40px;transition:all .2s ease;width:40px}.close-modal-btn:hover{background:#ef4444;color:#fff}.factory-library-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 32px}.filter-select,.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.filter-select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.factory-library-content{flex:1 1;overflow-y:auto;padding:24px 32px}.empty-state,.loading-state{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.factory-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.factory-card{border:2px solid #e5e7eb;transition:all .2s ease}.factory-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.factory-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.factory-card-header h3{flex:1 1;margin:0}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.factory-card-body{margin-bottom:12px}.factory-info-row .label{color:#6b7280}.factory-info-row .value{color:#111827;font-weight:600}.factory-info-row .value.pcc-badge{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:12px;padding:2px 8px}.factory-card-footer{border-top:1px solid #e5e7eb;padding-top:12px}.product-types{display:flex;flex-wrap:wrap;gap:6px}.type-tag{background:#f3f4f6;border-radius:6px;color:#374151;font-size:11px;font-weight:500;padding:4px 10px}.type-tag.more{background:#dbeafe;color:#1e40af}.factory-assignment-panel{background:#f9fafb;border-top:2px solid #e5e7eb;padding:24px 32px}.assignment-panel-header{margin-bottom:20px}.assignment-panel-header h3{color:#111827;font-size:18px;margin:0}.assignment-options{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.option-group label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.role-checkboxes{display:flex;flex-direction:column;gap:12px}.role-checkbox-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.role-checkbox-label:hover{background:#f9fafb;border-color:#d1d5db}.role-checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.role-checkbox-text{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.role-checkbox-label.sampling input[type=checkbox]:checked{accent-color:#ec4899}.role-checkbox-label.development input[type=checkbox]:checked{accent-color:#a855f7}.role-checkbox-label.production input[type=checkbox]:checked{accent-color:#3b82f6}.role-checkbox-label input[type=checkbox]:checked~.role-checkbox-text{font-weight:700}.role-hint{color:#f59e0b;font-size:12px;font-weight:500;margin-top:4px}.season-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;padding:10px 16px;width:100%}.development-only-option{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;margin-top:8px;padding:16px}.checkbox-label{align-items:flex-start;display:flex!important;gap:12px;letter-spacing:normal!important;margin:0!important;text-transform:none!important}.development-only-checkbox{cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{color:#92400e;font-size:14px;font-weight:700}.checkbox-description{color:#78350f;font-size:12px;font-weight:400;line-height:1.4}.assignment-actions{display:flex;gap:12px}.assign-btn,.cancel-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.assign-btn{background:#10b981;flex:1 1}.assign-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.assign-btn:disabled{background:#d1d5db;cursor:not-allowed}.cancel-btn{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.dark-mode .factory-library-modal{background:#1f2937}.dark-mode .factory-library-modal-header{border-bottom-color:#374151}.dark-mode .factory-library-modal-header h2{color:#f9fafb}.dark-mode .factory-library-filters{background:#111827;border-bottom-color:#374151}.dark-mode .filter-select,.dark-mode .search-input{background:#1f2937;border-color:#4b5563;color:#f9fafb}.dark-mode .factory-card{background:#111827;border-color:#374151}.dark-mode .factory-card.selected,.dark-mode .factory-card:hover{background:#1f2937}.dark-mode .factory-card-header h3,.dark-mode .factory-info-row .value{color:#f9fafb}.dark-mode .factory-assignment-panel{background:#111827;border-top-color:#374151}.dark-mode .assignment-panel-header h3{color:#f9fafb}.dark-mode .role-btn{background:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode .season-input{background:#111827;color:#9ca3af}.factory-assignment-selector{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin:16px 0;padding:20px}.factory-selector-label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.factory-selector-empty,.factory-selector-loading{color:#9ca3af;font-size:.875rem;font-style:italic;padding:12px;text-align:center}.factory-selector-wrapper{display:flex;flex-direction:column;gap:12px}.factory-selector-dropdown{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 16px;transition:all .2s;width:100%}.factory-selector-dropdown:hover{border-color:#9ca3af}.factory-selector-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.factory-selector-dropdown.salesman-sample{background:linear-gradient(90deg,#fdf2f8,#fff 20%);border-left:5px solid #ec4899}.factory-selector-dropdown.development{background:linear-gradient(90deg,#f5f3ff,#fff 20%);border-left:5px solid #8b5cf6}.factory-selector-dropdown.production{background:linear-gradient(90deg,#eff6ff,#fff 20%);border-left:5px solid #3b82f6}.factory-details-inline{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-badge.salesman-sample{background:#fce7f3;border:1px solid #ec4899;color:#831843}.role-badge.development{background:#ede9fe;border:1px solid #8b5cf6;color:#581c87}.role-badge.production{background:#dbeafe;border:1px solid #3b82f6;color:#1e3a8a}.factory-info{color:#1f2937;font-size:.875rem;font-weight:600}.capacity-info{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.875rem;font-weight:500;padding:4px 8px}.status-indicator{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.status-indicator.status-active,.status-indicator.status-in-progress{background:#d1fae5;color:#065f46}.status-indicator.status-completed{background:#e5e7eb;color:#4b5563}.status-indicator.status-planned{background:#fed7aa;color:#92400e}.status-indicator.status-on-hold{background:#fef3c7;color:#92400e}.status-indicator.status-cancelled{background:#fee2e2;color:#991b1b}.dark-mode .factory-assignment-selector{background:#1f2937;border-color:#374151}.dark-mode .factory-selector-label{color:#e5e7eb}.dark-mode .factory-selector-dropdown{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .factory-selector-dropdown:hover{border-color:#6b7280}.dark-mode .factory-selector-dropdown.salesman-sample{background:linear-gradient(90deg,#831843,#374151 20%);border-left-color:#f472b6}.dark-mode .factory-selector-dropdown.development{background:linear-gradient(90deg,#581c87,#374151 20%);border-left-color:#a78bfa}.dark-mode .factory-selector-dropdown.production{background:linear-gradient(90deg,#1e3a8a,#374151 20%);border-left-color:#60a5fa}.dark-mode .factory-details-inline{background:#374151;border-color:#4b5563}.dark-mode .role-badge.salesman-sample{background:#831843;border-color:#f472b6;color:#fce7f3}.dark-mode .role-badge.development{background:#581c87;border-color:#a78bfa;color:#f3e8ff}.dark-mode .role-badge.production{background:#1e3a8a;border-color:#60a5fa;color:#dbeafe}.dark-mode .factory-info{color:#e5e7eb}.dark-mode .capacity-info{background:#4b5563;color:#9ca3af}@media (max-width:768px){.factory-details-inline{align-items:flex-start;flex-direction:column;gap:8px}}.assign-factory-btn{align-items:center;background:#10b981!important;color:#fff!important;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;transition:all .2s ease}.assign-factory-btn:hover{background:#059669!important;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.assign-factory-btn:active{transform:translateY(0)}.dark-mode .assign-factory-btn{background:#10b981!important}.dark-mode .assign-factory-btn:hover{background:#059669!important}.global-filters-bar{align-items:center;background:#f5f5f5;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:12px 24px;position:relative;z-index:10}.filter-group{position:relative}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:14px!important;border:1px solid #d1d5db;color:#111827!important;font-size:.9rem;font-weight:500;min-width:180px;padding:10px 36px 10px 16px}.filter-select option{background:#fff!important;color:#111827!important;padding:8px!important}.filter-select:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.filter-select-wide{min-width:300px}.dark .global-filters-bar{background:#f5f5f5!important;border-bottom-color:#e5e7eb!important}.dark .filter-select{background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;border-color:#d1d5db!important;color:#111827!important;color-scheme:light!important}.dark .filter-select option{background:#fff!important;color:#111827!important}.dark .filter-select:hover{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.dark .filter-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}@media (max-width:1024px){.global-filters-bar{flex-wrap:wrap;gap:12px}.filter-select{min-width:150px}.filter-select-wide{min-width:200px}}@media (max-width:768px){.global-filters-bar{gap:8px;padding:8px 16px}.filter-select{font-size:.85rem;min-width:120px;padding:8px 32px 8px 12px}.filter-select-wide{min-width:100%}}.recent-styles-widget{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.widget-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.widget-header h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0}.clear-recent{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:all .2s}.clear-recent:hover{background:#f8f9fa;color:#dc3545}.widget-empty{color:#6c757d;padding:40px 24px;text-align:center}.widget-empty p{font-size:1rem;font-weight:500;margin:0 0 8px}.widget-empty span{color:#adb5bd;font-size:.9rem}.recent-list{display:flex;flex-direction:column}.recent-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:16px;padding:16px 24px;transition:all .2s}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:#f8f9fa;transform:translateX(4px)}.recent-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.recent-item:hover .recent-icon{background:#e7f3ff}.recent-info{flex:1 1;min-width:0}.recent-name{color:#1a1a1a;font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta{color:#6c757d;font-size:.85rem}.recent-arrow{color:#adb5bd;font-size:1.2rem;transition:all .2s}.recent-item:hover .recent-arrow{color:#007bff;transform:translateX(4px)}@media (max-width:768px){.widget-header{padding:16px 20px}.recent-item{padding:12px 20px}.recent-icon{font-size:1.3rem;height:36px;width:36px}}.style-detail-container{background:#f5f5f5;min-height:100vh;position:relative}.detail-tabs-horizontal{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:visible!important;padding:0 2rem;position:relative!important;z-index:999!important}.detail-layout-full{display:flex;flex-direction:column;width:100%}.detail-main-full{flex:1 1;max-width:100%;padding:0;width:100%}.detail-error,.detail-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.detail-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:16px 40px}.header-left{align-items:center;display:flex;gap:12px}.nike-logo{font-size:24px;font-weight:700}.app-name{color:#111;font-size:14px;font-weight:600}.header-center{align-items:center;display:flex;gap:16px}.back-btn{font-size:24px;padding:4px 8px}.back-btn:hover{border-radius:4px}.breadcrumb{align-items:center;display:flex;font-size:14px;gap:.5rem}.breadcrumb-link{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:.25rem .5rem;transition:all .2s}.breadcrumb-link:hover{background:#eff6ff;color:#2563eb}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:500}.header-right{align-items:center;display:flex;gap:12px}.mode-indicator{color:#111;font-size:14px;font-weight:500}.detail-nav{background:#fff;border-bottom:1px solid #e5e5e5;display:flex;gap:8px;padding:0 40px}.nav-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#757575;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.nav-tab.active{border-bottom-color:#111;color:#111}.nav-tab:hover{color:#111}.detail-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px;padding:32px 40px}.tab-content-full{grid-column:1/-1;width:100%}.content-left{display:flex;flex-direction:column;gap:24px}.product-image-section{background:#fff;border-radius:8px;padding:24px;position:relative}.main-product-image{height:auto;object-fit:contain;width:100%}.image-nav{display:flex;justify-content:space-between;margin-top:16px}.image-nav-btn{background:#fff;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;font-size:18px;height:40px;transition:all .2s;width:40px}.image-nav-btn:hover{background:#f5f5f5}.team-section{background:#fff;border-radius:8px;padding:24px}.team-section h3{color:#111;font-size:18px;font-weight:700;margin-bottom:20px}.team-members{display:flex;flex-direction:column;gap:16px}.team-member{gap:12px}.avatar,.team-member{align-items:center;display:flex}.avatar{background:#111;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:40px;justify-content:center;width:40px}.member-info{flex:1 1}.member-name{color:#757575;font-size:12px;margin-bottom:2px}.member-role{color:#111;font-size:14px;font-weight:500}.content-right{display:flex;flex-direction:column;gap:24px}.product-header h1{color:#111;font-size:32px;font-weight:700;margin-bottom:4px}.style-code{color:#757575;font-size:18px;font-weight:500}.product-meta{display:flex;gap:12px}.meta-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#111;cursor:pointer;font-size:14px;padding:10px 16px}.meta-dropdown:focus{border-color:#111;outline:none}.price-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.price-item{background:#fff;border-radius:8px;padding:16px}.price-label{color:#757575;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.price-value{color:#111;font-size:24px;font-weight:700}.detail-section{background:#fff;border-radius:8px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#111;font-size:18px;font-weight:700}.status-complete{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:600;gap:4px}.view-btn{background:#fff;border:1px solid #ccc;border-radius:20px;color:#111;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 20px;transition:all .2s}.view-btn:hover{background:#111;border-color:#111;color:#fff}.section-content{display:flex;flex-direction:column;gap:12px}.section-content p{color:#111;font-size:14px;line-height:1.6}.info-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{font-weight:500}.info-value{text-align:right}.td-code-display{display:flex;flex-wrap:wrap;gap:8px}.code-badge{background:#f5f5f5;border-radius:20px;color:#111;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:8px 16px}.tooling-grid{grid-gap:16px;display:grid;gap:16px}.tooling-card{background:#f5f5f5;border-radius:8px;padding:16px}.tooling-card h4{color:#111;font-size:16px;font-weight:700;margin-bottom:12px}.tooling-info{display:flex;flex-direction:column;gap:6px}.tooling-info p{color:#757575;font-size:13px}.back-button{background:#111;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px}.back-button:hover{background:#333}.section-actions{align-items:center;display:flex;gap:12px}.edit-btn{border:1px solid #ccc;border-radius:20px;color:#111;font-size:13px;font-weight:500;padding:6px 16px}.edit-btn:hover{background:#111;border-color:#111}.edit-section{background:#f5f5f5;border-radius:8px;gap:16px;padding:16px}.edit-field,.edit-section{display:flex;flex-direction:column}.edit-field{gap:8px}.edit-field label{color:#111;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-input-field{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;font-size:14px;padding:10px 14px;transition:all .2s}.edit-input-field:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a;outline:none}.edit-actions-buttons{display:flex;gap:12px;margin-top:8px}.cancel-btn,.save-btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.save-btn:hover{background:#333}.cancel-btn{background:#e5e5e5;color:#111}.cancel-btn:hover{background:#ccc}.tooling-edit-grid{display:flex;flex-direction:column;gap:16px}.tooling-edit-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px}.tooling-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.tooling-name-autocomplete{flex:1 1;min-width:0}.tooling-name-input{background:#fff;border:2px solid #111;border-radius:4px;color:#111;flex:1 1;font-size:16px;font-weight:700;padding:10px 14px}.tooling-name-input:focus{box-shadow:0 0 0 2px #1111111a;outline:none}.remove-tooling-btn{align-items:center;background:#fff;border:1px solid #dc2626;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.remove-tooling-btn:hover{background:#dc2626;color:#fff}.tooling-edit-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.tooling-edit-row{display:flex;flex-direction:column;gap:6px}.tooling-edit-row label{color:#757575;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tooling-edit-row input{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;font-size:14px;padding:8px 12px}.tooling-edit-row input:focus{border-color:#111;box-shadow:0 0 0 2px #1111111a;outline:none}.add-tooling-btn{background:#fff;border:2px dashed #ccc;border-radius:8px;color:#111;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.add-tooling-btn:hover{background:#f5f5f5;border-color:#111}@media (max-width:1024px){.detail-content{grid-template-columns:1fr}.price-section{grid-template-columns:repeat(2,1fr)}.tooling-edit-fields{grid-template-columns:1fr}}@media (max-width:640px){.detail-content,.detail-header,.detail-nav{padding-left:20px;padding-right:20px}.price-section{grid-template-columns:1fr}.edit-actions-buttons{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.analyze-image-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px 20px;transition:all .2s;width:100%}.analyze-image-btn:hover:not(:disabled){box-shadow:0 8px 16px #6366f14d;transform:translateY(-2px)}.analyze-image-btn:disabled{cursor:not-allowed;opacity:.6}.ai-analysis-panel{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-analysis-panel h4{align-items:center;color:#6366f1;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.analysis-content{display:flex;flex-direction:column;gap:12px}.analysis-item{background:#fff;border-radius:6px;font-size:13px;line-height:1.6;padding:10px 12px}.analysis-item strong{color:#374151;font-weight:600;margin-right:8px}.analysis-item p{color:#6b7280;margin:0}.autocomplete-wrapper{margin-bottom:16px}.edit-section .autocomplete-input{font-size:15px;padding:12px 16px}.input-hint{background:#f9fafb;border-left:3px solid #6366f1;border-radius:6px;color:#6b7280;font-size:12px;margin-top:12px;padding:8px 12px}.attributes-container{margin:0 auto;max-width:1400px;padding:32px}.attribute-level-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:24px;padding:24px}.level-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.level-header h3{font-size:18px;font-weight:700;margin:0}.attribute-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.attribute-item{background:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.attr-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.attr-value{color:#111;font-size:14px;font-weight:500}.assignment-container{margin:0 auto;max-width:1400px;padding:32px}.assignment-header{margin-bottom:32px}.assignment-header h3{font-size:24px;font-weight:700;margin:0 0 8px}.assignment-subtitle{color:#666;font-size:14px;margin:0}.assignment-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.assignment-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:box-shadow .2s ease}.assignment-card:hover{box-shadow:0 4px 12px #00000014}.assignment-card-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.assignment-card-header h4{color:#111;font-size:14px;font-weight:600;margin:0}.assign-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .2s ease}.assign-btn:hover{background:#333}.assignment-card-content{min-height:60px}.assigned-user{gap:12px}.assigned-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:44px;justify-content:center;width:44px}.user-info{flex:1 1}.user-name{color:#111;font-size:14px;font-weight:600;margin-bottom:4px}.user-role{color:#666;font-size:12px}.assigned-style{background:#f9f9f9;border-radius:8px;padding:16px;text-align:center}.style-placeholder{color:#999;font-size:13px;font-style:italic}.assignment-timeline{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px}.assignment-timeline h4{font-size:16px;font-weight:700;margin:0 0 20px}.timeline-list{padding-left:40px;position:relative}.timeline-list:before{background:#e5e5e5;bottom:10px;content:"";left:15px;position:absolute;top:10px;width:2px}.timeline-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#000;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #000;height:12px;left:-28px;position:absolute;top:4px;width:12px;z-index:1}.timeline-marker.pending{background:#e5e5e5;box-shadow:0 0 0 2px #e5e5e5}.timeline-content{flex:1 1}.timeline-title{color:#111;font-size:14px;font-weight:600;margin-bottom:4px}.timeline-date{color:#666;font-size:12px}@media (max-width:768px){.assignment-grid,.attribute-grid{grid-template-columns:1fr}.assignment-container,.attributes-container{padding:16px}}.collaboration-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;padding:24px}.collaboration-main,.collaboration-sidebar{display:flex;flex-direction:column;gap:24px}@media (max-width:1200px){.collaboration-layout{grid-template-columns:1fr}.collaboration-sidebar{order:-1}}.detail-layout{background:#f8f9fa;display:flex;min-height:calc(100vh - 150px)}.detail-sidebar{background:#fff;overflow-y:auto}.detail-main{background:#f8f9fa;flex:1 1;overflow-y:auto}.unsaved-indicator{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fff3cd;border-radius:6px;color:#856404;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-badge{border-radius:6px;color:#fff;font-size:.85rem;padding:6px 12px}.status-active{background:#28a745}.status-on-hold{background:#ffc107;color:#111}.status-completed{background:#6c757d}.status-not-started{background:#dc3545}@media (max-width:1024px){.detail-layout{flex-direction:column}.detail-sidebar{border-bottom:1px solid #e9ecef;border-right:none;max-width:100%}}.favorite-button{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#adb5bd;cursor:pointer;font-size:1.5rem;padding:8px 16px;transition:all .2s}.favorite-button:hover{border-color:#ffc107;color:#ffc107;transform:scale(1.1)}.favorite-button.active{background:linear-gradient(135deg,#ffc107,#ff9800);border-color:#ffc107;color:#fff}.favorite-button.active:hover{transform:scale(1.1) rotate(10deg)}.btn-apply-template{align-items:center;background:linear-gradient(135deg,#6f42c1,#5a32a3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-apply-template:hover{box-shadow:0 4px 12px #6f42c14d;transform:translateY(-2px)}.grading-editor{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.grading-editor-empty,.grading-editor-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.grading-editor-loading .spinner{animation:spin .8s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.empty-icon{opacity:.3}.grading-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;padding:24px}.grading-header h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 4px}.grading-header p{color:#6c757d;font-size:.9rem;margin:0}.btn-export,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-export{background:#fff;border:2px solid #007bff;color:#007bff}.btn-export:hover{background:#007bff;color:#fff}.btn-save{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.btn-save:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.grading-content{display:grid;grid-template-columns:300px 1fr;min-height:600px}.pom-selector{background:#f8f9fa;border-right:2px solid #e9ecef;overflow-y:auto;padding:20px}.pom-selector h3{color:#1a1a1a;font-size:1.1rem;margin:0 0 16px}.pom-list{display:flex;flex-direction:column;gap:8px}.pom-item{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;padding:12px;position:relative;text-align:left;transition:all .2s}.pom-item:hover{background:#f8f9fa;border-color:#007bff}.pom-item.active{background:linear-gradient(135deg,#e7f3ff,#fff);border-color:#007bff;box-shadow:0 2px 8px #007bff33}.pom-item.critical{border-left:4px solid #ffc107}.pom-code{font-size:.85rem;margin-bottom:4px}.pom-name{color:#1a1a1a;font-size:.9rem;font-weight:600;margin-bottom:4px}.pom-base{color:#6c757d;font-size:.85rem}.critical-badge{background:#ffc107;border-radius:12px;color:#1a1a1a;font-size:.7rem;font-weight:700;padding:2px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.grading-table-section{padding:24px}.pom-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pom-header h3{color:#1a1a1a;font-size:1.3rem;margin:0 0 8px}.pom-header p{color:#6c757d;font-size:.9rem;margin:0}.pattern-buttons{display:flex;gap:8px}.btn-pattern{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-pattern:hover{background:#007bff;color:#fff}.grade-table-container{margin-bottom:32px}.grade-table{background:#fff;border-collapse:collapse;width:100%}.grade-table thead{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.grade-table th{font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.grade-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:12px}.grade-table tbody tr:hover{background:#f8f9fa}.grade-table tbody tr.base-size{background:#fff3cd}.grade-table tbody tr.base-size:hover{background:#ffe69c}.base-badge,.size-cell{color:#1a1a1a;font-weight:700}.base-badge{background:#ffc107;border-radius:12px;font-size:.7rem;margin-left:8px;padding:2px 8px}.grade-input{border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;font-weight:600;padding:6px 10px;text-align:center;transition:all .2s;width:80px}.grade-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.grade-input:disabled{background:#e9ecef;cursor:not-allowed}.calculated-cell{color:#28a745;font-size:1rem;font-weight:700}.tolerance-cell{color:#6c757d;font-size:.85rem}.grade-visual{align-items:center;display:flex;justify-content:center}.grade-bar{border-radius:4px;height:8px;transition:all .3s}.no-pom-selected{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.no-pom-selected h3{color:#1a1a1a;font-size:1.5rem;margin:0}.no-pom-selected p{color:#6c757d;font-size:1rem;margin:0}.size-chart-preview{background:#f8f9fa;border-top:2px solid #e9ecef;padding:24px}.size-chart-preview h3{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.chart-table-container{overflow-x:auto}.chart-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.chart-table thead{background:linear-gradient(135deg,#495057,#343a40);color:#fff}.chart-table th{font-size:.9rem;font-weight:700;padding:12px;position:relative;text-align:center}.chart-table th.base-size{background:#ffc107;color:#1a1a1a}.base-label{font-size:.7rem;margin-top:4px}.chart-table td{border-bottom:1px solid #e9ecef;font-size:.85rem;padding:10px 12px;text-align:center}.chart-table tbody tr:hover{background:#f8f9fa}.chart-table tbody tr.critical-row{background:#fff3cd}.chart-table tbody tr.critical-row:hover{background:#ffe69c}.chart-table td.base-size{background:#ffc1071a;font-weight:700}.pom-cell{color:#1a1a1a;font-weight:600;text-align:left}.critical-indicator{color:#ffc107;margin-left:4px}@media (max-width:1024px){.grading-content{grid-template-columns:1fr}.pom-selector{border-bottom:2px solid #e9ecef;border-right:none}.pom-list{flex-direction:row;overflow-x:auto}.pom-item{min-width:200px}.pom-header{align-items:flex-start;flex-direction:column;gap:16px}.pattern-buttons{flex-direction:column;width:100%}.btn-pattern{width:100%}}@media (max-width:768px){.grading-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.btn-export,.btn-save{width:100%}.chart-table-container,.grade-table-container{overflow-x:auto}.chart-table,.grade-table{min-width:600px}}.grading-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.analytics-loading .spinner{animation:spin .8s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.analytics-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;padding:24px}.analytics-header h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 8px}.analytics-header p{color:#6c757d;font-size:.9rem;margin:0}.analytics-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;gap:8px;padding:16px 24px}.analytics-tabs .tab{background:#0000;border:2px solid #0000;border-radius:8px;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.analytics-tabs .tab:hover{background:#f8f9fa;color:#495057}.analytics-tabs .tab.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.analytics-content{padding:24px}.analytics-overview{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;padding:24px;text-align:center;transition:all .2s}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.stat-card.alert{background:linear-gradient(135deg,#fff3cd,#fff);border-color:#ffc107}.stat-icon{font-size:2.5rem;margin-bottom:12px}.stat-value{font-size:2.5rem;margin-bottom:8px}.stat-label{font-size:.9rem}.severity-breakdown{background:#f8f9fa;border-radius:12px;padding:24px}.severity-breakdown h3{color:#1a1a1a;font-size:1.2rem;margin:0 0 20px}.severity-bars{display:flex;flex-direction:column;gap:16px}.severity-bar{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:150px 1fr 60px}.bar-label{color:#495057;font-size:.9rem;font-weight:600}.bar-container{background:#e9ecef;border-radius:12px;height:24px;overflow:hidden}.bar-fill{height:100%;transition:width .5s ease}.severity-bar.high .bar-fill{background:linear-gradient(90deg,#dc3545,#c82333)}.severity-bar.medium .bar-fill{background:linear-gradient(90deg,#ffc107,#e0a800)}.severity-bar.low .bar-fill{background:linear-gradient(90deg,#28a745,#218838)}.bar-count{color:#1a1a1a;font-size:1.2rem;font-weight:700;text-align:right}.problems-view{display:flex;flex-direction:column;gap:32px}.problem-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.2rem;gap:8px;margin:0 0 16px}.issue-count{color:#6c757d;font-size:.9rem}.problem-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.problem-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .2s}.problem-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.problem-section.severity-high .problem-card{border-left:4px solid #dc3545}.problem-section.severity-medium .problem-card{border-left:4px solid #ffc107}.problem-section.severity-low .problem-card{border-left:4px solid #28a745}.problem-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px}.pom-code{color:#007bff;font-size:.9rem;font-weight:700}.severity-badge{font-size:.75rem}.severity-badge.high{background:#dc3545;color:#fff}.severity-badge.medium{background:#ffc107;color:#1a1a1a}.severity-badge.low{background:#28a745;color:#fff}.problem-body{padding:16px}.problem-body h4{color:#1a1a1a;font-size:1rem;margin:0 0 8px}.problem-issue{color:#495057;font-size:.9rem;line-height:1.5;margin:0 0 12px}.problem-rule{color:#6c757d;font-size:.85rem;margin:0}.problem-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:8px;padding:12px 16px}.btn-dismiss,.btn-review{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-review{background:#007bff;color:#fff}.btn-review:hover{background:#0056b3}.btn-dismiss{background:#fff;border:2px solid #dee2e6;color:#6c757d}.btn-dismiss:hover{background:#f8f9fa}.no-problems{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.success-icon{font-size:4rem}.no-problems h3{color:#28a745;font-size:1.5rem;margin:0}.no-problems p{color:#6c757d;font-size:1rem;margin:0}.consistency-view h3{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.consistency-table-container{overflow-x:auto}.consistency-table{background:#fff;border-collapse:collapse;width:100%}.consistency-table thead{background:linear-gradient(135deg,#495057,#343a40);color:#fff}.consistency-table th{font-size:.85rem;font-weight:700;padding:12px;text-align:left;text-transform:uppercase}.consistency-table td.center,.consistency-table th.center{text-align:center}.consistency-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:12px}.consistency-table tbody tr:hover{background:#f8f9fa}.rule-name{color:#1a1a1a;font-weight:600}.consistency-badge{border-radius:12px;font-size:.75rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.consistency-badge.excellent{background:#d4edda;color:#155724}.consistency-badge.good{background:#d1ecf1;color:#0c5460}.consistency-badge.fair{background:#fff3cd;color:#856404}.consistency-badge.poor{background:#f8d7da;color:#721c24}.usage-view h3{color:#1a1a1a;font-size:1.2rem;margin:0 0 20px}.usage-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.usage-stat{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;padding:20px;text-align:center}.usage-chart{display:flex;flex-direction:column;gap:16px}.usage-item{grid-gap:16px;align-items:center;background:#f8f9fa;border-radius:8px;display:grid;gap:16px;grid-template-columns:250px 1fr 60px;padding:16px}.usage-info{min-width:0}.usage-name{color:#1a1a1a;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-meta{color:#6c757d;font-size:.85rem}.usage-bar-container{background:#e9ecef;border-radius:12px;height:24px;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .5s ease}.usage-count{color:#1a1a1a;font-size:1.1rem;font-weight:700;text-align:right}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.problem-cards,.usage-item{grid-template-columns:1fr}.usage-item{gap:12px}.usage-bar-container{order:3}.usage-count{text-align:left}}@media (max-width:768px){.analytics-tabs{flex-direction:column}.severity-bar{gap:8px;grid-template-columns:1fr}.bar-count{text-align:left}.consistency-table-container{overflow-x:auto}.consistency-table{min-width:700px}}.template-library-wrapper{background:#f8f9fa;min-height:100vh}.template-library-container{margin:0 auto;max-width:1400px;padding:24px}.template-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;margin-bottom:24px;padding:16px}.template-tabs .tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.template-tabs .tab:hover{background:#f8f9fa;color:#495057}.template-tabs .tab.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.tab-count{background:#fff3;border-radius:12px;font-size:.8rem;padding:2px 8px}.template-tabs .tab.active .tab-count{background:#ffffff4d}.template-filters{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-box .search-icon{font-size:1.2rem;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.search-box input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.filter-select{border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .2s}.filter-select:hover{border-color:#007bff}.btn-create{padding:12px 24px;white-space:nowrap}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{box-shadow:0 2px 8px #00000014}.template-card:hover{box-shadow:0 8px 16px #0000001f}.template-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;gap:16px;padding:20px}.template-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1.75rem;height:48px;justify-content:center;width:48px}.template-info{flex:1 1;min-width:0}.template-info h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-info p{color:#6c757d;font-size:.9rem;margin:0}.template-card-body{padding:20px}.template-description{color:#495057;font-size:.9rem;line-height:1.5;margin:0 0 16px}.template-stat{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:8px 0}.template-stat:last-child{border-bottom:none}.stat-label{color:#6c757d;font-size:.85rem;font-weight:600}.stat-value{color:#1a1a1a;font-size:.9rem;font-weight:600}.template-card-footer{align-items:center;background:#f8f9fa;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.template-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.template-tags .tag{background:#fff;border:1px solid #dee2e6;border-radius:12px;color:#495057;font-size:.75rem;font-weight:600;padding:4px 10px}.btn-use{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .2s;white-space:nowrap}.btn-use:hover{box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.material-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.material-table{border-collapse:collapse;width:100%}.material-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.material-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.material-table td{border-bottom:1px solid #f8f9fa;color:#495057;font-size:.9rem;padding:16px}.material-table tbody tr:hover{background:#f8f9fa}.code-cell{color:#007bff;font-family:monospace;font-weight:600}.sustainability-score{align-items:center;display:flex;gap:8px}.score-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#dc3545,#ffc107 50%,#28a745);height:100%;transition:width .3s}.btn-action{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:all .2s}.btn-action:hover{box-shadow:0 2px 6px #007bff4d;transform:translateY(-1px)}.template-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.template-loading .spinner{animation:spin .8s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.template-loading p{color:#6c757d;font-size:1rem}.status-badge.status-discontinued{background:#f8d7da;color:#721c24}@media (max-width:1024px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.template-filters,.template-tabs{flex-direction:column}.template-filters{align-items:stretch}.template-grid{grid-template-columns:1fr}.material-table-container{overflow-x:auto}.material-table{min-width:800px}}.messages-panel{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;min-height:400px}.messages-panel.empty{align-items:center;display:flex;justify-content:center}.messages-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.message-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.message-item:hover{background:#fff;border-color:#d1d5db}.message-item.selected{background:#eff6ff;border-color:#3b82f6}.message-item.unread{background:#fffbeb;border-color:#fbbf24}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.factory-name{color:#111827;font-size:13px;font-weight:600}.pcc-name{color:#6b7280;font-size:12px;margin-left:4px}.message-date{color:#9ca3af;font-size:11px}.message-title{align-items:center;display:flex;gap:8px;margin-bottom:8px}.category-icon,.subject{font-size:14px}.subject{color:#111827;flex:1 1;font-weight:500}.unread-dot{background:#3b82f6;border-radius:50%;height:8px;width:8px}.message-meta{display:flex;font-size:11px;gap:12px}.requires-response{color:#dc2626;font-weight:500}.replied-badge{color:#16a34a;font-weight:500}.message-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.detail-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;padding:20px}.detail-header h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.sender-info{color:#6b7280;font-size:13px}.sender-info .separator{margin:0 8px}.close-detail-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:20px;padding:4px}.close-detail-btn:hover{color:#374151}.detail-body{max-height:500px;overflow-y:auto;padding:20px}.message-text{color:#374151;font-size:14px;line-height:1.6;margin-bottom:24px;white-space:pre-wrap}.attachments-section h4,.reply-section h4,.response-section h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.attachment-image img,.attachment-video video{border-radius:6px;width:100%}.attachment-caption{color:#6b7280;font-size:12px;margin-top:4px}.attachment-file{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:8px;padding:12px}.response-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.response-text{background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:6px;color:#374151;font-size:14px;padding:12px}.response-date{color:#6b7280;font-size:12px;margin-top:8px}.reply-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.reply-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.reply-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.reply-actions{margin-top:12px}@media (max-width:1024px){.messages-panel{grid-template-columns:1fr}.messages-list{max-height:300px}}.testing-panel{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;min-height:400px}.testing-panel.empty{align-items:center;display:flex;justify-content:center}.testing-list{display:flex;flex-direction:column;gap:12px}.testing-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.testing-item:hover{background:#fff;border-color:#d1d5db}.testing-item.selected{background:#eff6ff;border-color:#3b82f6}.testing-header{justify-content:space-between;margin-bottom:8px}.test-type,.testing-header{align-items:center;display:flex}.test-type{gap:8px}.status-icon{font-size:16px}.test-name{color:#111827;font-size:14px;font-weight:600}.status-badge.status-pass{background:#d1fae5;color:#065f46}.status-badge.status-fail{background:#fee2e2;color:#991b1b}.status-badge.status-conditional_pass{background:#fef3c7;color:#92400e}.status-badge.status-in_progress{background:#dbeafe;color:#1e3a8a}.testing-meta{color:#6b7280;font-size:12px}.test-score{color:#374151;font-size:13px;margin-top:8px}.testing-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.overall-score{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e5e7eb;padding:24px;text-align:center}.score-label{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.score-value{color:#111827;font-size:48px;font-weight:700;margin-bottom:12px}.score-status{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:6px 16px}.score-status.status-pass{background:#d1fae5;color:#065f46}.score-status.status-fail{background:#fee2e2;color:#991b1b}.score-status.status-conditional_pass{background:#fef3c7;color:#92400e}.action-items-section,.recommendations-section,.results-section{border-bottom:1px solid #e5e7eb;padding:20px}.action-items-section h4,.recommendations-section h4,.results-section h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 16px}.results-table{display:flex;flex-direction:column;gap:8px}.result-row{grid-gap:16px;align-items:center;background:#f9fafb;border-radius:6px;display:grid;gap:16px;grid-template-columns:1fr auto auto;padding:12px}.result-row.status-fail{background:#fef2f2}.result-row.status-warning{background:#fffbeb}.result-parameter{color:#374151;font-size:13px;font-weight:500}.result-value{color:#111827;font-size:13px;font-weight:600}.threshold{color:#6b7280;font-size:11px;font-weight:400;margin-left:4px}.result-status{font-size:16px}.result-status.status-pass{color:#16a34a}.result-status.status-fail{color:#dc2626}.result-status.status-warning{color:#ca8a04}.action-items-list,.recommendations-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.action-items-list li,.recommendations-list li{color:#374151;font-size:13px;line-height:1.5;padding-left:20px;position:relative}.recommendations-list li:before{content:"💡";left:0;position:absolute}.action-items-list li:before{color:#16a34a;content:"✓";font-weight:600;left:0;position:absolute}.report-link{padding:20px}.report-link a{background:#06c;border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:10px 16px;text-decoration:none;transition:background .2s}.report-link a:hover{background:#0052a3}@media (max-width:1024px){.testing-panel{grid-template-columns:1fr}}.sustainability-panel{display:flex;flex-direction:column;gap:24px}.overall-score-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #86efac;border-radius:12px;padding:24px}.score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.score-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.score-date{color:#6b7280;font-size:12px}.score-display{gap:32px}.score-circle,.score-display{align-items:center;display:flex}.score-circle{background:#fff;border:8px solid;border-radius:50%;flex-direction:column;height:140px;justify-content:center;width:140px}.score-number{font-size:48px;font-weight:700;line-height:1}.score-max{color:#6b7280;font-size:16px}.score-meta{display:flex;flex:1 1;flex-direction:column;gap:12px}.meta-item{align-items:center;display:flex;font-size:14px;gap:8px}.meta-label{color:#6b7280;font-weight:500}.meta-value{color:#111827;font-weight:600}.delta{border-radius:4px;font-size:12px;font-weight:600;padding:2px 6px}.delta.positive{background:#d1fae5;color:#065f46}.delta.negative{background:#fee2e2;color:#991b1b}.categories-section h3,.suggestions-section h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.category-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.category-icon{font-size:24px}.category-label{color:#111827;font-size:14px;font-weight:600}.category-score{align-items:baseline;display:flex;gap:12px;margin-bottom:12px}.category-score .score-value{font-size:32px;font-weight:700}.score-weight{color:#6b7280;font-size:12px}.category-details{color:#6b7280;font-size:13px;line-height:1.5}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{background:#fffbeb;border-left:4px solid #fbbf24;border-radius:8px;padding:16px}.suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.suggestion-category{color:#92400e;font-size:12px;letter-spacing:.5px}.suggestion-category,.suggestion-cost{font-weight:600;text-transform:uppercase}.suggestion-cost{border-radius:10px;font-size:11px;padding:3px 8px}.cost-low{background:#d1fae5;color:#065f46}.cost-medium{background:#fef3c7;color:#92400e}.cost-high{background:#fee2e2;color:#991b1b}.suggestion-text{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px}.suggestion-impact{align-items:center;display:flex;font-size:13px;gap:8px}.impact-label{color:#6b7280}.impact-value{color:#16a34a;font-weight:600}.insights-panel{display:flex;flex-direction:column;gap:24px}.insights-panel.empty{align-items:center;display:flex;justify-content:center;min-height:300px}.empty-state{color:#9ca3af}.empty-icon{font-size:48px;margin-bottom:12px}.insights-section h3{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-card{border-radius:8px;padding:20px;transition:all .2s}.insight-card.acknowledged{cursor:default}.insight-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.insight-title{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:600;gap:8px}.insight-icon{font-size:20px}.severity-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.insight-description{color:#374151;font-size:14px;line-height:1.6;margin-bottom:12px}.insight-cause,.insight-impact{color:#4b5563;font-size:13px;margin-bottom:8px}.insight-occurrences{background:#dc26261a;border-radius:4px;color:#dc2626;font-size:13px;font-weight:500;margin:12px 0;padding:8px 12px}.insight-recommendations{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.insight-recommendations strong{color:#111827;display:block;font-size:13px;margin-bottom:8px}.insight-recommendations ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.insight-recommendations li{color:#374151;font-size:13px;padding-left:20px;position:relative}.insight-recommendations li:before{color:#6b7280;content:"→";left:0;position:absolute}.insight-actions{border-top:1px solid #0000001a;display:flex;gap:12px;margin-top:16px;padding-top:16px}.btn-acknowledge{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-acknowledge:hover{background:#f9fafb;border-color:#16a34a;color:#16a34a}.acknowledged-info{color:#6b7280;font-size:12px;margin-top:8px}.modal-overlay{background:#0009;z-index:1000}.modal-content{border-radius:8px;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #e5e5e5}.modal-header h2{color:#111;font-weight:600}.close-btn{color:#757575}.close-btn:hover{color:#111}.form-row{grid-template-columns:1fr 1fr}.attendees-list{border:1px solid #e5e5e5;flex-direction:column;max-height:200px;overflow-y:auto;padding:12px}.attendee-checkbox,.attendees-list{border-radius:4px;display:flex;gap:12px}.attendee-checkbox{align-items:center;cursor:pointer;padding:8px;transition:background .2s}.attendee-checkbox:hover{background:#f5f5f5}.attendee-checkbox input[type=checkbox]{margin:0;width:auto}.attendee-info{display:flex;flex:1 1;flex-direction:column}.attendee-name{color:#111;font-size:14px;font-weight:500}.attendee-role{color:#757575;font-size:12px}.meeting-agenda{background:#f5f5f5;border-radius:4px;margin-top:20px;padding:16px}.meeting-agenda label{color:#111;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.meeting-agenda ul{margin:0;padding-left:20px}.meeting-agenda li{color:#757575;font-size:14px;margin-bottom:8px}.modal-footer{border-top:1px solid #e5e5e5}.btn-primary,.btn-secondary{padding:10px 24px}@media (max-width:640px){.modal-content{max-height:95vh;width:95%}.form-row{grid-template-columns:1fr}}.decision-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-top:24px;padding:24px}.decision-header{margin-bottom:24px}.decision-header h3{color:#111;font-size:20px;font-weight:600;margin:0 0 8px}.decision-header p{color:#757575;font-size:14px;margin:0}.decision-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.decision-option{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.decision-option:hover{border-color:#111;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.decision-option.active{background:#f5f5f5;border-color:#111}.decision-option.active.approved{background:#d4edda;border-color:#155724}.decision-option.active.corrections{background:#fff3cd;border-color:#856404}.decision-option.active.rejected{background:#f8d7da;border-color:#721c24}.decision-option.active.deferred{background:#d1ecf1;border-color:#004085}.decision-icon{font-size:32px;line-height:1}.decision-info{display:flex;flex-direction:column;text-align:left}.decision-label{color:#111;font-size:14px;font-weight:600}.decision-desc{color:#757575;font-size:12px}.decision-details{border-top:1px solid #e5e5e5;padding-top:24px}.form-group label{color:#111;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e5e5;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#111;outline:none}.corrections-section{margin-bottom:20px}.corrections-section label{color:#111;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.corrections-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.correction-item{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:12px}.remove-btn{background:none;border:none;color:#721c24;cursor:pointer;font-size:24px;height:24px;line-height:1;padding:0;width:24px}.remove-btn:hover{color:#f5c6cb}.add-correction{display:flex;gap:8px}.add-correction input{flex:1 1}.btn-add{background:#111;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;white-space:nowrap}.btn-add:hover{background:#333}.decision-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:12px 24px}.btn-primary:hover:not(:disabled){background:#333}.btn-primary:disabled{background:#ccc}.confirm-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;width:90%}.confirm-dialog h3{color:#111;font-size:24px;font-weight:600;margin:0 0 24px;text-align:center}.confirm-content{margin-bottom:24px}.confirm-decision{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:20px;padding:16px}.confirm-icon{font-size:32px}.confirm-label{font-size:18px;font-weight:600}.confirm-details{font-size:14px;line-height:1.6}.confirm-details p{margin:8px 0}.confirm-details strong{color:#111}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width:768px){.decision-options{grid-template-columns:1fr}.decision-option{padding:12px}.add-correction{flex-direction:column}.btn-add{width:100%}}.scrutiny-hub{background:#f9fafb;min-height:100vh;padding-bottom:80px}.scrutiny-hub-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-btn{background:none;border-radius:6px;color:#06c;padding:8px 12px}.back-btn:hover{background:#f3f4f6}.header-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.style-info{flex:1 1}.hub-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 8px}.style-details{color:#111827;font-size:20px;font-weight:600;margin-bottom:8px}.style-details .separator{color:#d1d5db;margin:0 12px}.sample-info{color:#6b7280;font-size:14px}.sample-type{color:#111827}.status-badge{display:inline-block;font-size:12px}.status-prep{background:#fef3c7;color:#92400e}.status-scheduled{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.style-image{border:1px solid #e5e7eb;border-radius:8px;height:120px;overflow:hidden;width:120px}.style-image img{height:100%;object-fit:cover;width:100%}.scrutiny-hub-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px;margin:0 auto;max-width:1600px;padding:24px}.hub-left-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.hub-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.hub-tab{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .2s}.hub-tab:hover{background:#fff;color:#111827}.hub-tab.active{background:#fff;border-bottom:2px solid #06c;color:#06c}.tab-badge{background:#ef4444;border-radius:10px;font-size:11px;font-weight:600;padding:2px 6px}.hub-tab-content{min-height:400px;padding:24px}.overview-panel h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.section-title{color:#111827;margin:24px 0 16px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.info-item{gap:4px}.info-item .label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item .value{color:#111827;font-size:14px;font-weight:600}.metrics-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.metric-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.metric-card.over{background:#fef2f2;border-color:#fca5a5}.metric-card.below-target{background:#fffbeb;border-color:#fcd34d}.metric-card.on-target{background:#f0fdf4;border-color:#86efac}.metric-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{color:#111827;font-size:24px;font-weight:700;margin-bottom:4px}.metric-detail{color:#6b7280;font-size:13px}.variance{font-weight:600;margin-left:8px}.variance.negative{color:#dc2626}.variance.positive{color:#16a34a}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s}.action-btn:hover{background:#f9fafb;border-color:#06c;color:#06c}.hub-right-panel{display:flex;flex-direction:column;gap:20px}.metrics-card,.status-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.metrics-card h3,.status-card h3{color:#111827;font-size:14px;font-weight:600;margin:0 0 20px}.metric-item{border-bottom:1px solid #e5e7eb;padding:16px 0}.metric-item:last-child{border-bottom:none}.metric-value-large{color:#111827;font-size:28px;font-weight:700;margin:8px 0}.metric-sub{color:#6b7280;font-size:12px;margin-bottom:4px}.metric-delta{font-size:13px;font-weight:600;margin-top:4px}.metric-delta.negative{color:#dc2626}.metric-delta.positive{color:#16a34a}.test-status-list{display:flex;flex-direction:column;gap:12px}.test-status-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.test-type{color:#111827;font-size:13px;font-weight:500}.test-result{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.test-result.status-pass{background:#d1fae5;color:#065f46}.test-result.status-fail{background:#fee2e2;color:#991b1b}.test-result.status-conditional_pass{background:#fef3c7;color:#92400e}.no-data{color:#9ca3af;font-size:13px;padding:20px 0;text-align:center}.prep-notes-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 24px 24px;padding:24px}.prep-notes-section h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.prep-notes-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.prep-notes-textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.notes-actions{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.meeting-info{color:#6b7280;font-size:14px}.hub-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;z-index:100}.scrutiny-hub-error,.scrutiny-hub-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.spinner{border:4px solid #e5e7eb;border-top-color:#06c}.btn-primary{background:#06c;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#0052a3}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-link{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-link:hover{text-decoration:underline}@media (max-width:1200px){.scrutiny-hub-content{grid-template-columns:1fr}.hub-right-panel{order:-1}}@media (max-width:768px){.header-content{flex-direction:column}.style-image{height:200px;width:100%}.hub-tabs{overflow-x:auto}.hub-tab{flex:none;min-width:120px}}.samples-overview{margin:0 auto;max-width:1400px;padding:24px}.samples-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.samples-header h1{color:#111;font-size:28px;font-weight:600;margin:0}.samples-stats{display:flex;gap:32px}.stat{align-items:center}.stat-value{color:#111;font-size:32px}.stat-label{color:#757575;font-size:13px}.samples-filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{background:#fff;border:1px solid #e5e5e5;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:#111}.filter-btn.active{background:#111;border-color:#111;color:#fff}.samples-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.sample-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.sample-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.sample-card-header{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:16px}.sample-type{color:#111;font-size:14px;font-weight:600}.sample-status{border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-received{background:#d4edda;color:#155724}.status-approved{background:#c3e6cb;color:#155724}.status-requested{background:#fff3cd;color:#856404}.status-in-progress{background:#cce5ff;color:#004085}.status-corrections{background:#f8d7da;color:#721c24}.status-fit-scheduled{background:#d1ecf1;color:#0c5460}.status-fit-complete{background:#d4edda;color:#155724}.sample-card-body{padding:16px}.sample-card-body h3{color:#111;font-size:18px;font-weight:600;margin:0 0 8px}.sample-meta{color:#757575;font-size:13px;margin-bottom:16px}.sample-meta span{margin-right:4px}.sample-details{display:flex;flex-direction:column;gap:8px}.detail-row{font-size:14px}.detail-row .label{color:#757575;font-weight:500}.detail-row .value{color:#111;font-weight:400}.sample-card-footer{border-top:1px solid #f5f5f5;display:flex;gap:12px;padding:16px}.btn-primary,.btn-secondary{border-radius:4px;flex:1 1;font-size:14px;font-weight:500}.btn-primary{background:#111}.btn-primary:hover{background:#333}.btn-secondary{background:#fff;border:1px solid #e5e5e5;color:#111}.btn-secondary:hover{background:#f5f5f5}.loading,.no-samples{color:#757575;font-size:16px;padding:64px 24px;text-align:center}@media (max-width:768px){.samples-grid{grid-template-columns:1fr}.samples-header{align-items:flex-start;flex-direction:column;gap:24px}.samples-stats{justify-content:space-around;width:100%}}.placeholder-page{align-items:center;background:#f5f6f8;background:var(--bg,#f5f6f8);display:flex;justify-content:center;min-height:100%;padding:40px 20px}.placeholder-content{max-width:600px;text-align:center}.placeholder-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}.placeholder-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:32px;font-weight:700;margin:0 0 16px}.placeholder-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:18px;line-height:1.6;margin:0 0 32px}.placeholder-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.placeholder-actions .btn-primary{background:#3b82f6;background:var(--accent-blue,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.placeholder-actions .btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.placeholder-actions .btn-secondary{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.placeholder-actions .btn-secondary:hover{background:#f9fafb;background:var(--surface-2,#f9fafb);border-color:#6b7280;border-color:var(--text-secondary,#6b7280)}.material-library-page{background:#f5f5f5;min-height:100vh;padding-bottom:40px}.material-header{padding:16px 24px}.material-header,.material-top-bar{background:#fff;border-bottom:1px solid #e5e5e5}.material-top-bar{align-items:center;display:flex;justify-content:space-between;padding:24px 40px}.material-title{color:#111;font-family:Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:600;margin:0}.material-search-controls{align-items:center;display:flex;gap:12px}.keyword-dropdown{background:#fff;border:1px solid #d1d1d1;border-radius:4px;color:#111;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.search-input-wrapper{width:300px}.material-search-input{border:1px solid #d1d1d1;border-radius:4px;color:#111;font-size:14px;padding:10px 16px 10px 40px;transition:border-color .2s;width:100%}.material-search-input:focus{border-color:#111;outline:none}.cart-btn{align-items:center;background:#fff;border:1px solid #d1d1d1;border-radius:4px;color:#111;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.cart-btn:hover{background:#f5f5f5}.material-controls-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 40px}.sort-select{background:#fff;border:1px solid #d1d1d1;border-radius:4px;color:#111;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.materials-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:24px 40px 40px}.material-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.material-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.material-image-wrapper{background:#f8f8f8;height:140px;overflow:hidden;position:relative;width:100%}.material-img{display:block;height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;height:100%;justify-content:center;width:100%}.material-icon{font-size:48px;opacity:.5}.material-metadata{background:#fff;color:#333;font-size:11px;gap:6px;padding:12px}.material-metadata,.metadata-row{display:flex;flex-direction:column}.metadata-row{gap:2px}.metadata-label{color:#666;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metadata-value{word-wrap:break-word;color:#111;font-size:12px;font-weight:500;line-height:1.3}.metadata-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.metadata-modal{background:#fff;border-radius:8px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.metadata-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.metadata-modal-header h3{color:#111;font-size:20px;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;color:#757575;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.close-modal-btn:hover{color:#111}.metadata-modal-body{flex:1 1;overflow-y:auto;padding:24px}.metadata-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.metadata-fields-list{display:flex;flex-direction:column;gap:12px}.metadata-field-option{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.metadata-field-option:hover{background:#f8f8f8;border-color:#d1d1d1}.metadata-field-option input[type=checkbox]{accent-color:#111;cursor:pointer;height:18px;width:18px}.metadata-field-option span{color:#111;flex:1 1;font-size:14px;font-weight:500}.metadata-modal-footer{border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.reset-btn,.save-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.reset-btn{background:#fff;border:1px solid #d1d1d1;color:#111}.reset-btn:hover{background:#f5f5f5;border-color:#111}.save-btn{background:#111;border:1px solid #111;color:#fff}.save-btn:hover{background:#000}.no-materials{grid-column:1/-1;padding:80px 20px;text-align:center}.no-materials p{color:#757575;font-size:16px;margin:0}@media (max-width:1200px){.materials-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.material-top-bar{align-items:flex-start;flex-direction:column;gap:16px}.material-search-controls{flex-wrap:wrap;width:100%}.search-input-wrapper{flex:1 1;min-width:200px}.material-controls-bar{align-items:flex-start;flex-direction:column;gap:16px}.materials-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:20px}.material-image-wrapper{height:120px}.metadata-modal{max-height:90vh}}body.dark-mode .material-library-page{background:#1a1a1a}body.dark-mode .material-controls-bar,body.dark-mode .material-header,body.dark-mode .material-top-bar{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .filter-label,body.dark-mode .material-title{color:#fff}body.dark-mode .cart-btn,body.dark-mode .icon-btn,body.dark-mode .keyword-dropdown,body.dark-mode .material-search-input,body.dark-mode .sort-select{background:#1a1a1a;border-color:#3a3a3a;color:#fff}body.dark-mode .material-card{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .material-metadata{background:#2a2a2a}body.dark-mode .metadata-label{color:#aaa}body.dark-mode .metadata-value{color:#fff}body.dark-mode .metadata-modal{background:#2a2a2a}body.dark-mode .metadata-modal-header{border-color:#3a3a3a}body.dark-mode .metadata-modal-header h3{color:#fff}body.dark-mode .metadata-field-option{background:#1a1a1a;border-color:#3a3a3a}body.dark-mode .metadata-field-option:hover{background:#333;border-color:#555}body.dark-mode .metadata-field-option span{color:#fff}body.dark-mode .metadata-modal-footer{border-color:#3a3a3a}body.dark-mode .reset-btn{background:#1a1a1a;border-color:#3a3a3a;color:#fff}body.dark-mode .reset-btn:hover{background:#333;border-color:#555}.side-panel-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.side-panel{background:#fff;bottom:0;box-shadow:-2px 0 20px #00000026;display:flex;flex-direction:column;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.side-panel-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);right:0}.side-panel-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 20px #00000026;left:0}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.side-panel.resizing{transition:none;-webkit-user-select:none;user-select:none}.resize-handle{align-items:center;bottom:0;cursor:ew-resize;display:flex;justify-content:center;position:absolute;top:0;width:8px;z-index:10}.resize-handle-right{left:0}.resize-handle-left{right:0}.resize-handle:hover .resize-indicator,.side-panel.resizing .resize-indicator{background:#667eea;opacity:1}.resize-indicator{background:#dee2e6;border-radius:2px;height:60px;opacity:0;transition:all .2s;width:3px}.side-panel-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.side-panel-title-section{align-items:flex-start;display:flex;gap:16px}.side-panel-icon{font-size:2rem;line-height:1;opacity:.95}.side-panel-header h2{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.side-panel-subtitle{font-size:.95rem;line-height:1.4;margin:6px 0 0;opacity:.9}.side-panel-actions{align-items:center;display:flex;gap:8px}.panel-action-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.panel-action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.panel-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;line-height:1;transition:all .2s;width:48px}.panel-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.side-panel-content{background:#f8f9fa;flex:1 1;overflow-x:hidden;overflow-y:auto}.side-panel-content::-webkit-scrollbar{width:10px}.side-panel-content::-webkit-scrollbar-track{background:#f1f3f5}.side-panel-content::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:5px}.side-panel-content::-webkit-scrollbar-thumb:hover{background:#868e96}@media (max-width:1024px){.side-panel{max-width:700px!important;width:90%!important}.resize-handle{display:none}}@media (max-width:768px){.side-panel{max-width:100%!important;width:100%!important}.side-panel-header{padding:20px}.side-panel-header h2,.side-panel-icon{font-size:1.5rem}.panel-close-btn{font-size:28px;height:40px;width:40px}}.side-panel+.side-panel{z-index:1001}.side-panel+.side-panel-overlay{z-index:1000}.side-panel.nested{transform:scale(.98)}.side-panel.nested:not(.resizing){transition:transform .3s cubic-bezier(.4,0,.2,1)}.measurements-library-enhanced-overlay{align-items:center;animation:fadeIn .2s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.measurements-library-enhanced{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:95%}.library-header-main{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px}.library-header-main h2{color:#1a1a1a;font-size:1.5rem;margin:0}.btn-close{align-items:center;background:#fff;border-radius:50%;color:#6c757d;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.btn-close:hover{background:#dc3545;color:#fff;transform:rotate(90deg)}.library-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;gap:8px;padding:16px 24px}.library-tabs .tab{background:#0000;border:2px solid #0000;border-radius:8px;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.library-tabs .tab:hover{background:#f8f9fa;color:#495057}.library-tabs .tab.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.library-content{flex:1 1;overflow-y:auto;padding:24px}.library-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.library-header h3{color:#1a1a1a;font-size:1.3rem;margin:0}.btn-create{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-create:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.pom-table-container{border:2px solid #e9ecef;border-radius:8px;overflow-x:auto}.pom-table{background:#fff;border-collapse:collapse;width:100%}.pom-table thead{background:linear-gradient(135deg,#495057,#343a40);color:#fff}.pom-table th{font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pom-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:12px}.pom-table tbody tr:hover{background:#f8f9fa}.pom-table .meas-code{color:#007bff;font-family:Monaco,Courier New,monospace;font-weight:700}.pom-table .pom-name{color:#1a1a1a;font-weight:600}.criticality-badge{border-radius:12px;font-size:.75rem;font-weight:700;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.criticality-badge.critical-pom{background:#dc3545;color:#fff}.criticality-badge.critical-safety{background:#ffc107;color:#1a1a1a}.criticality-badge.non-critical{background:#28a745;color:#fff}.btn-icon{background:#0000;border:none;cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s}.btn-icon:hover{transform:scale(1.2)}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .2s}.template-card:hover{border-color:#007bff;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.template-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px}.template-header h4{color:#1a1a1a;font-size:1.1rem;margin:0}.status-badge{font-size:.75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.in-work{background:#fff3cd;color:#856404}.template-body{display:flex;flex-direction:column;gap:12px;padding:16px}.template-info{align-items:center;display:flex;justify-content:space-between}.template-info .label{color:#6c757d;font-size:.85rem;font-weight:600}.template-info .value{color:#1a1a1a;font-size:.9rem;font-weight:600}.template-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:8px;padding:12px 16px}.btn-edit,.btn-view{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-view{background:#007bff;color:#fff}.btn-view:hover{background:#0056b3}.btn-edit{background:#fff;border:2px solid #007bff;color:#007bff}.btn-edit:hover{background:#007bff;color:#fff}.modal-overlay{animation:fadeIn .2s;background:#000000b3;z-index:11000}.modal-content{animation:slideUp .3s;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-width:800px}.modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;border-radius:12px 12px 0 0;padding:20px 24px}.modal-header h3{color:#1a1a1a;font-size:1.3rem;margin:0}.btn-close-modal{background:#fff;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.1rem;height:32px;transition:all .2s;width:32px}.btn-close-modal:hover{background:#dc3545;color:#fff;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto}.form-section{margin-bottom:24px}.form-section h4{border-bottom:2px solid #e9ecef;color:#1a1a1a;font-size:1.1rem;margin:0 0 16px;padding-bottom:12px}.form-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:200px 1fr;margin-bottom:16px}.form-row label{color:#495057;font-size:.9rem;font-weight:600;padding-top:8px}.form-row input,.form-row select,.form-row textarea{border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:10px;transition:all .2s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-row textarea{font-family:inherit;resize:vertical}.pom-selection-list{border:2px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.pom-selection-item{align-items:center;border-radius:6px;display:flex;gap:12px;padding:8px;transition:all .2s}.pom-selection-item:hover{background:#f8f9fa}.pom-selection-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pom-selection-item .pom-code{color:#007bff;font-family:Monaco,Courier New,monospace;font-weight:700;min-width:80px}.pom-selection-item .pom-name{color:#1a1a1a;font-size:.9rem}.modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #dee2e6;padding:20px 24px}.btn-cancel{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel:hover{background:#f8f9fa;border-color:#adb5bd}.modal-footer .btn-create{margin:0}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-row{gap:8px;grid-template-columns:1fr}.form-row label{padding-top:0}}@media (max-width:768px){.library-tabs{flex-direction:column}.pom-table-container{overflow-x:auto}.pom-table{min-width:1000px}.templates-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}}.sourcing-board-container{height:100%;position:relative;width:100%}.board-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.board-header h2{color:#111827;font-size:24px;margin:0 0 8px}.board-subtitle{color:#6b7280;font-size:14px;margin:0}.sourcing-board{align-items:flex-start;display:flex;gap:16px;min-height:600px;overflow-x:auto;padding:4px}.board-column-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:320px}.column-header{align-items:center;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;margin-bottom:2px;padding:16px}.stage-icon{font-size:24px}.stage-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.stage-info h3{color:#111827;font-size:16px;font-weight:600;margin:0}.stage-info .count{background:#0000001a;border-radius:12px;color:#111827;font-size:14px;font-weight:600;padding:4px 12px}.board-column{background:#f9fafb;border:2px solid #0000;border-radius:0 0 12px 12px;flex:1 1;min-height:500px;padding:16px;transition:all .2s}.board-column.dragging-over{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.column-cards{display:flex;flex-direction:column;gap:12px;min-height:400px}.empty-column{align-items:center;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;font-size:14px;justify-content:center;margin-top:20px;padding:40px 20px;text-align:center}.decision-card{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:grab;padding:16px;position:relative;transition:all .2s}.decision-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.decision-card.dragging{box-shadow:0 8px 20px #0003;cursor:grabbing;opacity:.7;transform:rotate(5deg)}.card-header-board{align-items:start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.card-title{display:flex;flex:1 1;flex-direction:column;gap:4px}.card-title strong{color:#111827;font-size:15px;line-height:1.3}.style-number-board{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.expand-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}.expand-btn:hover{background:#e5e7eb;color:#111827}.card-factory-board{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:10px;margin-bottom:12px;padding:10px}.factory-icon{flex-shrink:0;font-size:20px}.factory-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.factory-info strong{color:#111827;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factory-location{font-size:12px}.card-metrics-board{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.metric-board{display:flex;flex-direction:column;gap:4px;text-align:center}.metric-label-board{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value-board{color:#111827;font-size:16px;font-weight:700}.card-rating-board{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:center;padding-top:12px}.star-rating-inline{display:flex;gap:2px}.star-rating-inline .star{font-size:14px}.star-rating-inline .star.filled{color:#fbbf24}.star-rating-inline .star.half{color:#fbbf24;opacity:.5}.star-rating-inline .star.empty{color:#d1d5db}.rating-value-board{color:#111827;font-size:14px;font-weight:600}.card-expanded{border-top:2px solid #e5e7eb;margin-top:12px;padding-top:12px}.expanded-section{margin-bottom:12px}.expanded-section:last-child{margin-bottom:0}.expanded-section strong{color:#6b7280;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.expanded-section p{color:#4b5563;font-size:13px;line-height:1.5;margin:0}.drag-handle-indicator{color:#d1d5db;font-size:18px;letter-spacing:-2px;pointer-events:none;position:absolute;right:8px;top:8px}.board-loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.board-loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:12px;width:48px}.board-loading-overlay p{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:1024px){.sourcing-board{gap:12px}.board-column-wrapper{min-width:280px}.column-header{padding:12px}.stage-icon{font-size:20px}.stage-info h3{font-size:14px}}@media (max-width:768px){.sourcing-board{flex-direction:column}.board-column-wrapper{min-width:0;min-width:auto;width:100%}.board-column{min-height:300px}.column-cards{min-height:200px}}.factory-recommendations{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px;padding:24px}.recommendations-header{margin-bottom:24px}.recommendations-header h3{color:#111827;font-size:20px;margin:0 0 8px}.recommendations-subtitle{color:#6b7280;font-size:14px;margin:0}.no-recommendations{color:#9ca3af;padding:40px 20px;text-align:center}.recommendations-list{display:flex;flex-direction:column;gap:16px}.recommendation-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.recommendation-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.recommendation-card.best-recommendation{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.recommendation-header{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:auto 1fr auto;margin-bottom:16px}.recommendation-rank{color:#6b7280;font-size:32px;font-weight:700;min-width:60px;text-align:center}.best-recommendation .recommendation-rank{color:#f59e0b}.recommendation-info{flex:1 1}.factory-name-rec{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.factory-name-rec strong{color:#111827;font-size:18px}.factory-location-rec{color:#6b7280;font-size:14px}.match-score{align-items:center;display:flex;gap:12px}.score-bar-container{background:#e5e7eb;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.score-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.score-text{color:#111827;font-size:16px;font-weight:700;min-width:80px}.score-label{background:#fff;border-radius:12px;font-size:13px;font-weight:600;padding:4px 12px;white-space:nowrap}.recommendation-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.confidence-badge{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:6px 14px}.confidence-label{color:#6b7280;font-weight:500}.confidence-value{color:#2563eb;font-weight:700}.btn-select-factory{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s;white-space:nowrap}.btn-select-factory:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-2px)}.recommendation-reasons{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px}.recommendation-reasons strong{color:#374151;display:block;font-size:14px;margin-bottom:8px}.recommendation-reasons ul{margin:0;padding-left:24px}.recommendation-reasons li{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:4px}.recommendation-quick-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.quick-stat{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:center}.stat-icon{font-size:24px}.stat-value{font-size:16px}.stat-label{font-size:11px}.btn-expand-details{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.btn-expand-details:hover{background:#f9fafb;border-color:#2563eb;color:#2563eb}.recommendation-details{border-top:2px solid #e5e7eb;margin-top:16px;padding-top:16px}.cons-section,.pros-section{margin-bottom:16px}.cons-section:last-child,.pros-section:last-child{margin-bottom:0}.cons-section strong,.pros-section strong{color:#374151;display:block;font-size:14px;margin-bottom:8px}.cons-section ul,.pros-section ul{margin:0;padding-left:24px}.pros-section li{color:#065f46}.cons-section li,.pros-section li{font-size:13px;line-height:1.5;margin-bottom:4px}.cons-section li{color:#92400e}.recommendations-footer{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:20px}.footer-hint{color:#6b7280;font-size:13px;margin:0;text-align:center}@media (max-width:1024px){.recommendation-header{gap:16px;grid-template-columns:auto 1fr}.recommendation-actions{flex-direction:row;grid-column:1/-1;justify-content:space-between}.recommendation-quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.factory-recommendations{padding:16px}.recommendation-header{gap:12px;grid-template-columns:1fr}.recommendation-rank{font-size:24px;min-width:auto;text-align:left}.match-score{flex-wrap:wrap}.score-bar-container{width:100%}.recommendation-quick-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.quick-stat{padding:8px}.stat-icon{font-size:20px}.stat-value{font-size:14px}}.compliance-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.compliance-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.compliance-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.compliance-header h2{font-size:1.75rem;font-weight:700;margin:0}.compliance-subtitle{font-size:.95rem;margin:4px 0 0;opacity:.9}.close-btn{background:#fff3;border-radius:50%;color:#fff;font-size:32px;height:48px;line-height:1;width:48px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.compliance-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;gap:8px;padding:16px 32px 0}.compliance-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .2s}.compliance-tabs .tab:hover{background:#00000005;color:#495057}.compliance-tabs .tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.tab-badge{align-items:center;background:#6c757d;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.tab-badge.critical{animation:pulse-red 2s infinite;background:#dc3545}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #dc3545b3}50%{box-shadow:0 0 0 8px #dc354500}}.compliance-filters{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:16px;padding:16px 32px}.filter-group{align-items:center;gap:8px}.filter-group label{font-size:.9rem}.filter-group select{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.filter-group select:hover{border-color:#667eea}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-weight:600;margin-left:auto}.btn-refresh:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.compliance-content{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px 32px}.compliance-overview{display:flex;flex-direction:column;gap:24px}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px;transition:all .2s}.overview-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.overview-card.danger{border-left:4px solid #dc3545}.overview-card.warning{border-left:4px solid #ffc107}.overview-icon{font-size:2.5rem;opacity:.9}.overview-content h3{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.overview-content p{color:#6c757d;font-size:.9rem;font-weight:500;margin:4px 0 0}.overview-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.overview-chart h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 16px}.chart-bar{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;height:60px;overflow:hidden}.chart-segment{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center;transition:all .3s}.chart-segment:hover{opacity:.9;transform:scaleY(1.05)}.chart-segment.active{background:#28a745}.chart-segment.expiring30{background:#dc3545}.chart-segment.expiring60{background:#fd7e14}.chart-segment.expired{background:#6c757d}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{background:#fff;border-left:5px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s}.alert-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.alert-card.severity-critical{animation:pulse-alert 2s infinite}@keyframes pulse-alert{0%,to{box-shadow:0 2px 8px #00000014}50%{box-shadow:0 6px 20px #dc35454d}}.alert-header{border-bottom:1px solid #f1f3f5;justify-content:space-between;padding:20px}.alert-header,.alert-title{align-items:flex-start;display:flex}.alert-title{gap:12px}.alert-icon{font-size:2rem;line-height:1}.alert-title h4{color:#1a1a1a;font-size:1.2rem;margin:0}.alert-type{background:#e9ecef;border-radius:12px;color:#495057;display:inline-block;font-size:.85rem;font-weight:600;margin-top:4px;padding:4px 12px}.alert-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 16px}.alert-body{padding:20px}.alert-message{color:#495057;font-size:1rem;line-height:1.6;margin:0 0 16px}.alert-details{grid-gap:12px;background:#f8f9fa;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px;padding:16px}.alert-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a1a1a;font-size:1rem}.detail-value.countdown{color:#dc3545;font-weight:700}.detail-value.impact{color:#fd7e14;font-weight:700}.alert-action{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;font-size:.95rem;padding:16px}.alert-action strong{color:#533f03}.alert-footer{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:12px;padding:16px 20px}.btn-action-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-action-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-action-secondary{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-action-secondary:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}.empty-state{background:#fff;border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.8}.empty-state h4{color:#1a1a1a;font-size:1.5rem;margin:0 0 8px}.compliance-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:50px;width:50px}.compliance-loading p{color:#6c757d;font-size:1.1rem}@media (max-width:768px){.compliance-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.compliance-header{padding:20px}.compliance-header h2{font-size:1.5rem}.compliance-tabs{overflow-x:auto;padding:12px 20px 0}.compliance-tabs .tab{font-size:.9rem;padding:10px 16px;white-space:nowrap}.compliance-filters{flex-wrap:wrap;padding:12px 20px}.compliance-content{padding:16px 20px}.alert-details,.overview-grid{grid-template-columns:1fr}.alert-footer{flex-direction:column}}.pcc-management{background:var(--color-bg-primary);min-height:calc(100vh - 100px);padding:24px}.pcc-header{margin-bottom:24px}.pcc-header h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.pcc-header p{color:var(--color-text-secondary);font-size:14px;margin:0}.pcc-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-group{min-width:200px}.filter-group label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.filter-group input,.filter-group select{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:10px 12px}.btn-refresh{align-self:flex-end;background:var(--color-primary);padding:10px 20px}.btn-refresh:hover{background:var(--color-primary-hover)}.pcc-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;height:calc(100vh - 280px)}.pcc-list{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.pcc-card{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.pcc-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.pcc-card.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.pcc-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.pcc-card-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.pcc-code{color:var(--color-text-secondary);font-family:monospace;font-size:12px;margin:0}.status-badge{padding:4px 12px}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-inactive{background:#fee2e2;color:#991b1b}.status-badge.status-pending{background:#fef3c7;color:#92400e}.pcc-card-body{display:flex;flex-direction:column;gap:8px}.pcc-info-row{display:flex;font-size:13px;justify-content:space-between}.pcc-info-row .label{color:var(--color-text-secondary);font-weight:500}.pcc-info-row .value{color:var(--color-text-primary);font-weight:600}.pcc-rating{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:8px;padding-top:8px}.pcc-rating .label{color:var(--color-text-secondary);font-size:12px}.stars{gap:4px}.star{color:#e5e7eb}.rating-value{color:var(--color-text-secondary)}.pcc-details{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;overflow-y:auto;padding:24px}.pcc-detail-view{display:flex;flex-direction:column;gap:24px}.pcc-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.section-title{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:16px;padding:16px 20px}.info-grid,.info-grid-2col{grid-template-columns:1fr 1fr}.info-label{color:var(--color-text-secondary)}.info-value{color:var(--color-text-primary)}.info-value.country{color:var(--color-primary);text-transform:uppercase}.info-value a{color:var(--color-primary);text-decoration:none}.info-value a:hover{text-decoration:underline}.tag{background:var(--color-primary-light);border-radius:16px;color:var(--color-primary);font-size:12px;font-weight:500;padding:6px 12px}.tag-spec{background:#e0e7ff;color:#4338ca}.ratings-grid{display:flex;flex-direction:column;gap:16px}.rating-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:120px 1fr 50px}.rating-label{color:var(--color-text-secondary);font-size:13px}.rating-bar{background:var(--color-bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.rating-fill{border-radius:4px;height:100%;transition:width .3s ease}.rating-fill.quality{background:#10b981}.rating-fill.innovation{background:#3b82f6}.rating-fill.sustainability{background:#8b5cf6}.rating-fill.overall{background:#f59e0b}.no-selection{color:var(--color-text-secondary)}.no-selection-icon{opacity:.5}.no-selection h3{color:var(--color-text-primary)}.empty-state,.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-top-color:var(--color-primary);height:40px;width:40px}@media (max-width:1200px){.pcc-content{grid-template-columns:1fr;height:auto}.pcc-list{max-height:400px}.info-grid,.info-grid-2col{grid-template-columns:1fr}}@media (max-width:768px){.pcc-management{padding:16px}.pcc-filters{flex-direction:column}.filter-group{width:100%}}.factory-management{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.factory-header{background:#fff;border-bottom:2px solid #e9ecef;padding:24px}.factory-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 8px}.factory-header p{color:#6c757d;font-size:14px;margin:0}.factory-filters{align-items:flex-end;background:#fff;border-bottom:1px solid #dee2e6;display:flex;gap:16px;padding:16px 24px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:180px}.filter-group label{color:#495057;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.search-input{flex:2 1}.btn-refresh{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s;white-space:nowrap}.btn-refresh:hover{background:#0056b3;transform:translateY(-1px)}.loading-state{gap:20px;padding:100px 20px}.spinner{border:4px solid #e9ecef;border-top-color:#007bff}.factory-content{display:flex;flex:1 1;gap:24px;overflow:hidden;padding:24px}.factory-list{display:flex;flex:0 0 350px;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.factory-card{border:2px solid #dee2e6;border-radius:8px;padding:16px}.factory-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.factory-card.selected{background:#f0f7ff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.factory-card-header{align-items:flex-start;gap:12px;margin-bottom:12px}.factory-card-header h3{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.factory-code{color:#6c757d;font-family:Monaco,Courier New,monospace}.status-badge{font-weight:600;white-space:nowrap}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.status-badge.status-pending{background:#fff3cd;color:#856404}.factory-card-body{display:flex;flex-direction:column;gap:8px}.factory-info-row{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:space-between}.factory-info-row .label{color:#6c757d;flex-shrink:0;font-weight:500}.factory-info-row .value{color:#1a1a1a;font-weight:500;text-align:right}.factory-rating{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:8px;margin-top:4px;padding-top:8px}.factory-rating .label{color:#6c757d;font-size:12px;font-weight:500}.stars{align-items:center;display:flex;gap:2px}.star{color:#ced4da;font-size:14px}.star.filled,.star.half{color:#ffc107}.rating-value{color:#6c757d;font-size:12px;margin-left:4px}.factory-details{background:#fff;border:1px solid #dee2e6;border-radius:8px;flex:1 1;overflow-y:auto}.factory-detail-view{padding:24px}.detail-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.detail-header h2{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.btn-return{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.btn-return:hover{background:#007bff;color:#fff}.factory-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;overflow:hidden}.section-title{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;cursor:pointer;font-size:14px;font-weight:600;margin:0;padding:12px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.factory-section.collapsible .section-title{cursor:pointer}.factory-section.collapsible .section-title:hover{background:#e9ecef}.section-content{padding:20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.info-grid-2col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.info-grid-3col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.info-item{flex-direction:column;gap:6px}.info-item.full-width{grid-column:1/-1}.info-label{color:#6c757d;font-size:12px}.info-value{color:#1a1a1a;font-weight:500}.info-value.country{color:#007bff;font-weight:600}.info-value.link{color:#007bff;cursor:pointer;text-decoration:underline}.info-value.link:hover{color:#0056b3}.cost-tier{display:inline-block}.cost-tier.very-low{background:#d4edda;color:#155724}.cost-tier.low{background:#d1ecf1;color:#0c5460}.cost-tier.medium{background:#fff3cd;color:#856404}.cost-tier.high{background:#f8d7da;color:#721c24}.ratings-grid{grid-gap:20px;gap:20px}.rating-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.rating-item.overall{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.rating-item.overall .rating-label,.rating-item.overall .rating-value{color:#fff}.rating-item.overall .star{color:#ffffff4d}.rating-item.overall .star.filled{color:#fff}.rating-label{color:#6c757d;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.rating-display{align-items:center;display:flex;gap:12px}.rating-display .stars .star{font-size:18px}.rating-display .rating-value{color:#1a1a1a;font-size:16px;font-weight:600}.certifications-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.certification-item{background:#f8f9fa;border:1px solid #e9ecef;padding:16px}.cert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cert-type{color:#1a1a1a;font-size:14px}.cert-status{border-radius:10px;font-size:11px;padding:3px 10px;text-transform:uppercase}.cert-status.status-valid{background:#d4edda;color:#155724}.cert-status.status-expired{background:#f8d7da;color:#721c24}.cert-status.status-pending{background:#fff3cd;color:#856404}.cert-expiry{color:#6c757d}.notes-text{color:#495057;font-size:14px;line-height:1.6;margin:0}.disable-section{display:flex;flex-direction:column;gap:12px}.disable-section label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.disable-section input[type=checkbox]{cursor:pointer;height:18px;width:18px}.help-text{color:#6c757d;font-size:12px;font-style:italic;margin:0}.documents-section{display:flex;flex-direction:column;gap:16px}.documents-header{align-items:center;display:flex;gap:12px}.documents-header label{color:#495057;font-size:14px;font-weight:600}.actions-dropdown{background:#fff;border:1px solid #ced4da;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px}.documents-section h4{color:#495057;font-size:14px;font-weight:600;margin:16px 0 12px}.documents-table{overflow-x:auto}.documents-table table{border-collapse:collapse;font-size:13px;width:100%}.documents-table th{background:#f8f9fa;color:#495057;font-weight:600;text-align:left}.documents-table td,.documents-table th{border:1px solid #dee2e6;padding:10px}.no-documents{color:#6c757d;font-style:italic;padding:24px!important;text-align:center}.no-selection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 20px;text-align:center}.no-selection-icon{font-size:64px;margin-bottom:16px;opacity:.3}.no-selection h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 8px}.no-selection p{color:#6c757d;font-size:14px;margin:0}.empty-state{align-items:center;color:#6c757d;display:flex;font-style:italic;justify-content:center}@media (max-width:1200px){.factory-content{flex-direction:column}.factory-list{flex:0 0 auto;max-height:300px}.info-grid-2col{grid-template-columns:1fr}.info-grid-3col{grid-template-columns:repeat(2,1fr)}.ratings-grid{grid-template-columns:1fr}}@media (max-width:768px){.factory-filters{flex-direction:column}.filter-group{min-width:100%}.info-grid-3col{grid-template-columns:1fr}}.factory-details::-webkit-scrollbar,.factory-list::-webkit-scrollbar{width:8px}.factory-details::-webkit-scrollbar-track,.factory-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.factory-details::-webkit-scrollbar-thumb,.factory-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.factory-details::-webkit-scrollbar-thumb:hover,.factory-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sourcing-container{background:#f3f4f6;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1000}.sourcing-main{margin:0 auto;max-width:1400px;padding:20px}.sourcing-header-main{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.sourcing-header-main h1{color:#111827;font-size:32px;margin:0}.sourcing-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:30px}.sourcing-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.sourcing-tabs .tab:hover{background:#f9fafb;color:#111827}.sourcing-tabs .tab.active{border-bottom-color:#2563eb;color:#2563eb}.sourcing-content{min-height:400px}.sourcing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.sourcing-header h2{color:#111827;font-size:24px;margin:0 0 5px}.sourcing-header p{color:#6b7280;margin:0}.filters{display:flex;gap:10px}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.factory-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.factory-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.factory-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.factory-card-header{align-items:start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.factory-card-header h3{color:#111827;font-size:18px;margin:0 0 5px}.factory-code{color:#6b7280;font-family:Courier New,monospace;font-size:12px;margin:0}.factory-country{color:#6b7280;font-size:14px;font-weight:500}.star-rating{display:flex;gap:2px}.star{font-size:18px}.star.filled,.star.half{color:#fbbf24}.star.half{opacity:.5}.star.empty{color:#d1d5db}.rating-value{color:#111827;font-weight:600}.factory-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.stat-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#111827;font-size:20px;font-weight:700}.stat-unit{color:#6b7280;font-size:12px}.cost-label{color:#6b7280;font-size:14px}.cost-tier{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.factory-capabilities{display:flex;flex-wrap:wrap;gap:6px}.capability-badge{background:#eff6ff;border-radius:12px;color:#2563eb;font-size:11px;font-weight:500;padding:4px 10px}.capability-badge.more{background:#f3f4f6;color:#6b7280}.supplier-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.supplier-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative}.supplier-header{align-items:start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.supplier-header h3{color:#111827;font-size:18px;margin:0 0 5px}.supplier-code{color:#6b7280;font-family:Courier New,monospace;font-size:12px;margin:0}.supplier-type{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 12px}.supplier-details{margin-bottom:15px}.detail-row{border-bottom:1px solid #f9fafb;padding:8px 0}.detail-label{color:#6b7280;font-size:14px}.supplier-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.category-badge{background:#f0fdf4;color:#16a34a;font-size:11px;font-weight:500}.approved-badge,.category-badge{border-radius:12px;padding:4px 10px}.approved-badge{background:#d1fae5;color:#065f46;font-size:12px;font-weight:600;position:absolute;right:10px;top:10px}.decision-list{display:flex;flex-direction:column;gap:20px}.decision-card{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:20px;grid-template-columns:1fr auto 1fr 2fr;padding:20px}.decision-header{display:flex;flex-direction:column;gap:5px}.decision-header h3{color:#111827;font-size:18px;margin:0}.style-number{color:#6b7280;font-family:Courier New,monospace;font-size:12px;margin:0}.decision-status{border-radius:12px;font-size:12px;font-weight:600;margin-top:10px;padding:4px 12px;text-align:center}.status-approved{background:#d1fae5;color:#065f46}.status-proposed{background:#fef3c7;color:#92400e}.status-in-production{background:#dbeafe;color:#1e40af}.status-rejected{background:#fee2e2;color:#991b1b}.decision-arrow{color:#2563eb;font-size:24px}.decision-factory h4{color:#111827;font-size:16px;margin:0 0 5px}.factory-location{color:#6b7280;font-size:14px;margin:0}.decision-details{display:flex;gap:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:#6b7280;font-size:12px;text-transform:uppercase}.detail-item .value{color:#111827;font-size:16px;font-weight:600}.decision-rationale{border-top:1px solid #f3f4f6;color:#4b5563;font-size:14px;grid-column:1/-1;line-height:1.5;padding-top:15px}.factory-detail-modal{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.factory-detail-body{padding:20px 0}.detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#111827;font-size:18px;margin:0 0 15px}.detail-section h4{color:#6b7280;font-size:14px;letter-spacing:.5px;margin:15px 0 10px;text-transform:uppercase}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.detail-grid .detail-item{display:flex;flex-direction:column;gap:5px}.detail-grid .label{color:#6b7280;font-size:12px;text-transform:uppercase}.capability-section{margin-bottom:20px}.badge-list{display:flex;flex-wrap:wrap;gap:8px}.badge{background:#eff6ff;color:#2563eb;font-size:13px;font-weight:500;padding:6px 12px}.ratings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.rating-item{display:flex;flex-direction:column;gap:8px}.rating-item.overall{border-top:1px solid #f3f4f6;grid-column:1/-1;padding-top:15px}.cost-tier-badge{border-radius:12px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.certifications-list{display:flex;flex-direction:column;gap:10px}.certification-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.cert-type{color:#111827;font-weight:600}.cert-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.cert-status.active{background:#d1fae5;color:#065f46}.cert-expiry{color:#6b7280;font-size:12px}.highlight{color:#2563eb;font-weight:700}.loading-state{color:#6b7280;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#2563eb;height:40px;margin-bottom:15px;width:40px}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.modal-overlay{z-index:2000}.modal-content{padding:0;position:relative}.modal-header{padding:20px}.modal-header h2{color:#111827;font-size:24px}.btn-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s}.btn-close:hover{background:#f3f4f6;color:#111827}.comparison-count{color:#2563eb;font-size:14px;font-weight:600;margin-top:4px}.btn-compare{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-compare:hover{box-shadow:0 4px 12px #2563eb66;transform:translateY(-2px)}.factory-card.selected-for-comparison{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.comparison-checkbox-container{position:absolute;right:12px;top:12px;z-index:10}.comparison-checkbox-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.comparison-checkbox-label:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.comparison-checkbox{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.factory-card.selected-for-comparison .comparison-checkbox-label{background:#2563eb;border-color:#2563eb;color:#fff}.factory-card{position:relative}.best-value-badge{align-items:center;animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 2px 4px #fbbf244d;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;margin-top:4px;padding:4px 10px;text-transform:uppercase}@keyframes pulse-badge{0%,to{box-shadow:0 2px 4px #fbbf244d}50%{box-shadow:0 4px 12px #fbbf2480}}.stat{display:flex;flex-direction:column;gap:4px;position:relative}.factory-rating{margin-bottom:15px}.factory-cost,.rating-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.factory-cost{margin-bottom:15px}.search-all-boms{background:#0b0b0c;background:var(--bg,#0b0b0c);color:#f5f6f8;color:var(--text-primary,#f5f6f8);display:flex;flex-direction:column;height:100%}.boms-header{padding:20px 24px}.boms-header,.boms-toolbar{background:#141416;background:var(--surface,#141416);border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33)}.boms-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.filter-toggle{position:relative}.filter-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-6px;top:-6px}.boms-table-container{background:#141416;background:var(--surface,#141416);flex:1 1;overflow:auto}.boms-table{border-collapse:initial;border-spacing:0;font-size:13px}.boms-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.boms-table th,.boms-table thead{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.boms-table th{border-bottom:2px solid #2b2d33;border-bottom:2px solid var(--border,#2b2d33);color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;font-weight:600;padding:12px 16px;white-space:nowrap}.boms-table th.sortable{transition:background-color .2s}.boms-table th.sortable:hover{background:#202227;background:var(--surface-3,#202227)}.boms-table tbody tr{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);transition:background-color .15s}.boms-table tbody tr:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.boms-table tbody tr.selected{background:#3b82f61a}.boms-table tbody tr.selected:hover{background:#3b82f626}.boms-table td{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);color:#f5f6f8;color:var(--text-primary,#f5f6f8);padding:12px 16px;white-space:nowrap}.boms-table td.dev-style{color:#3b82f6;color:var(--accent-blue,#3b82f6);font-weight:600}.boms-table td.bom-name{font-family:Monaco,Courier New,monospace;font-size:12px}.badge.source-level{min-width:80px;text-align:center}.badge.bom-state{min-width:90px;text-align:center}.boms-pagination{align-items:center;background:#141416;background:var(--surface,#141416);border-top:1px solid #2b2d33;border-top:1px solid var(--border,#2b2d33);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}@media (max-width:1024px){.boms-toolbar,.toolbar-left{align-items:stretch;flex-direction:column}.search-box{max-width:none}.toolbar-right{justify-content:center}.boms-pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}}.boms-table-container::-webkit-scrollbar{height:12px;width:12px}.boms-table-container::-webkit-scrollbar-track{background:#141416;background:var(--surface,#141416)}.boms-table-container::-webkit-scrollbar-thumb{background:#202227;background:var(--surface-3,#202227);border:2px solid #141416;border:2px solid var(--surface,#141416);border-radius:6px}.boms-table-container::-webkit-scrollbar-thumb:hover{background:#2b2d33}.search-all-boms{background:#f8f9fa!important;color:#212529!important}.boms-header{background:#fff!important;border-color:#dee2e6!important}.back-to-dashboard-btn{background:#f8f9fa!important;border-color:#dee2e6!important;color:#212529!important}.back-to-dashboard-btn:hover{background:#e9ecef!important;border-color:#0d6efd!important}.header-title h1{color:#212529!important}.header-subtitle{color:#6c757d!important}.boms-toolbar{background:#fff!important;border-color:#dee2e6!important}.search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 3px #0d6efd1a!important}.search-icon{color:#6c757d!important}.export-btn,.filters-btn,.view-toggle-btn{background:#f8f9fa!important;border-color:#dee2e6!important;color:#212529!important}.export-btn:hover,.filters-btn:hover,.view-toggle-btn:hover{background:#e9ecef!important;border-color:#0d6efd!important}.filters-btn.active{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}.toolbar-stats{color:#6c757d!important}.filter-panel{background:#fff!important;border-color:#dee2e6!important}.filter-group label{color:#495057!important}.filter-input,.filter-select{background:#fff!important;border-color:#dee2e6!important;color:#212529!important}.filter-input:focus,.filter-select:focus{border-color:#0d6efd!important}.clear-filters-btn{border-color:#dee2e6!important}.clear-filters-btn:hover{color:#212529!important}.boms-content,.clear-filters-btn:hover{background:#f8f9fa!important}.boms-table th:hover{background:#e9ecef!important}.boms-table tbody tr.selected{background:#e7f1ff!important}.bom-id-cell,.style-name-cell{color:#212529!important}.bom-cards-grid{background:#0000!important}.bom-card{background:#fff!important}.bom-card:hover{background:#f8f9fa!important;box-shadow:0 4px 8px #0000001a!important}.bom-card-header h3{color:#212529!important}.bom-card-details,.bom-card-meta{color:#6c757d!important}.pagination-bar{background:#fff!important;border-color:#dee2e6!important}.pagination-controls button{background:#f8f9fa!important;border-color:#dee2e6!important;color:#212529!important}.pagination-controls button:hover:not(:disabled){background:#e9ecef!important;border-color:#0d6efd!important}.pagination-controls button:disabled{background:#e9ecef!important;color:#adb5bd!important}.page-number{color:#212529!important}.empty-state,.loading-state{background:#fff!important;color:#6c757d!important}.search-all-boms input,.search-all-boms option,.search-all-boms select{background:#fff!important;color:#212529!important;color-scheme:light!important}.search-all-boms input:focus,.search-all-boms select:focus{border-color:#0d6efd!important}.bom-card [class*=badge],.boms-table [class*=badge]{color:#fff!important}.search-all-cbds{background:#0b0b0c;background:var(--bg,#0b0b0c);color:#f5f6f8;color:var(--text-primary,#f5f6f8);display:flex;flex-direction:column;height:100%}.cbds-header{background:#141416;background:var(--surface,#141416);border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);padding:20px 24px}.back-to-dashboard-btn{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);margin-bottom:16px}.back-to-dashboard-btn:hover{background:#202227;background:var(--surface-3,#202227);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.header-title h1{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:28px;font-weight:700;margin:0 0 4px}.header-subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:14px;margin:0}.cbds-toolbar{align-items:center;background:#141416;background:var(--surface,#141416);border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.toolbar-left{align-items:center;flex:1 1;min-width:300px}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:#6b7280;color:var(--text-secondary,#6b7280)}.search-input{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:14px;padding:10px 12px 10px 40px;transition:all .2s;width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#6b7280;color:var(--text-secondary,#6b7280)}.filter-toggle{align-items:center;background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.filter-toggle.active,.filter-toggle:hover{background:#202227;background:var(--surface-3,#202227);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.toolbar-btn{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);color:#f5f6f8;color:var(--text-primary,#f5f6f8);display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-btn:hover{background:#202227;background:var(--surface-3,#202227);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.filters-panel{background:#141416;background:var(--surface,#141416);border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);padding:16px 24px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filters-header h3{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:14px;font-weight:600;margin:0}.clear-filters{background:none;border:none;color:#3b82f6;color:var(--accent-blue,#3b82f6);cursor:pointer;font-size:13px;font-weight:500;transition:opacity .2s}.clear-filters:hover{opacity:.8}.filters-content{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:13px}.filters-empty{font-style:italic;margin:0}.cbds-table-container{background:#141416;background:var(--surface,#141416);flex:1 1;overflow:auto}.cbds-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.cbds-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.cbds-table th,.cbds-table thead{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.cbds-table th{border-bottom:2px solid #2b2d33;border-bottom:2px solid var(--border,#2b2d33);color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.cbds-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.cbds-table th.sortable:hover{background:#202227;background:var(--surface-3,#202227)}.th-content{align-items:center;display:flex;gap:6px}.sort-icon{transition:transform .2s}.sort-icon.desc{transform:rotate(180deg)}.checkbox-col{text-align:center;width:40px}.checkbox-col input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--accent-blue,#3b82f6);cursor:pointer;height:16px;width:16px}.cbds-table tbody tr{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);transition:background-color .15s}.cbds-table tbody tr:hover{background:#1a1b1e;background:var(--surface-2,#1a1b1e)}.cbds-table tbody tr.selected{background:#3b82f61a}.cbds-table tbody tr.selected:hover{background:#3b82f626}.cbds-table td{border-bottom:1px solid #2b2d33;border-bottom:1px solid var(--border,#2b2d33);color:#f5f6f8;color:var(--text-primary,#f5f6f8);padding:12px 16px;white-space:nowrap}.cbds-table td.style-number,.cbds-table td.td-code{color:#3b82f6;color:var(--accent-blue,#3b82f6);font-weight:600}.cbds-table td.cbd-id{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:Monaco,Courier New,monospace;font-size:12px}.cbds-table td.currency,.cbds-table td.number{font-family:Monaco,Courier New,monospace;font-size:12px;text-align:right}.cbds-table td.variance{font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:700;text-align:right}.badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge.milestone{min-width:60px;text-align:center}.badge.quote-state{min-width:100px;text-align:center}.cbds-pagination{align-items:center;background:#141416;background:var(--surface,#141416);border-top:1px solid #2b2d33;border-top:1px solid var(--border,#2b2d33);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:13px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;color:#f5f6f8;color:var(--text-primary,#f5f6f8);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#202227;background:var(--surface-3,#202227);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{font-weight:500;padding:0 12px}.page-numbers,.page-size-select{color:#f5f6f8;color:var(--text-primary,#f5f6f8);font-size:13px}.page-size-select{background:#1a1b1e;background:var(--surface-2,#1a1b1e);border:1px solid #2b2d33;border:1px solid var(--border,#2b2d33);border-radius:6px;cursor:pointer;padding:8px 12px;transition:all .2s}.page-size-select:focus,.page-size-select:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.page-size-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1024px){.cbds-toolbar,.toolbar-left{align-items:stretch;flex-direction:column}.search-box{max-width:none}.toolbar-right{justify-content:center}.cbds-pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}}.cbds-table-container::-webkit-scrollbar{height:12px;width:12px}.cbds-table-container::-webkit-scrollbar-track{background:#141416;background:var(--surface,#141416)}.cbds-table-container::-webkit-scrollbar-thumb{background:#202227;background:var(--surface-3,#202227);border:2px solid #141416;border:2px solid var(--surface,#141416);border-radius:6px}.cbds-table-container::-webkit-scrollbar-thumb:hover{background:#2b2d33}.library-page{background:#f5f6f8;background:var(--bg,#f5f6f8);display:flex;flex-direction:column;height:100%}.library-page-header{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;flex-direction:column;gap:16px;padding:20px 24px}.back-to-dashboard-btn{align-items:center;align-self:flex-start;background:#f9fafb;background:var(--surface-2,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.back-to-dashboard-btn:hover{background:#f3f4f6;background:var(--surface-3,#f3f4f6);border-color:#6b7280;border-color:var(--text-secondary,#6b7280);transform:translateX(-2px)}.back-to-dashboard-btn svg{flex-shrink:0}.library-page-title{align-items:flex-start;display:flex;gap:16px}.library-icon{font-size:48px;line-height:1}.library-page-title h1{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:32px;font-weight:700;margin:0 0 8px}.library-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;margin:0}.library-page-content{flex:1 1;overflow-y:auto;padding:24px}.library-coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.coming-soon-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.library-coming-soon h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:28px;font-weight:700;margin:0 0 12px}.library-coming-soon p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;margin:0 0 24px;max-width:500px}.coming-soon-badge{background:#3b82f6;background:var(--accent-blue,#3b82f6);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.library-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.library-not-found h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:700;margin:0 0 12px}.library-not-found p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;margin:0}.library-page-content .color-library,.library-page-content .material-library,.library-page-content .measurements-library-panel,.library-page-content .product-information-library,.library-page-content .size-library,.library-page-content .sourcing-panel,.library-page-content .tooling-library{background:#0000;border:none;box-shadow:none;height:auto;position:static;width:100%}.library-page-content .library-header .close-btn,.library-page-content .panel-header .close-btn{display:none}@media (max-width:768px){.library-page-header{padding:16px}.library-icon{font-size:36px}.library-page-title h1{font-size:24px}.library-description{font-size:14px}.library-page-content{padding:16px}}.level-selector{align-items:center;background:#f9f9f9;background:var(--grid-surface,#f9f9f9);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--grid-border,#e0e0e0);display:flex;gap:16px;padding:16px 24px}.level-selector-label{color:#000;color:var(--grid-text-primary,#000);font-size:14px;font-weight:600;margin:0}.level-selector-buttons{align-items:center;display:flex;gap:8px}.level-btn{align-items:center;background:#fff;background:var(--level-btn-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--level-btn-border,#e0e0e0);border-radius:6px;color:#000;color:var(--level-btn-text,#000);cursor:pointer;display:inline-flex;font-family:Nike Sans,Arial,sans-serif;font-size:14px;font-weight:600;justify-content:center;min-height:36px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.level-btn:hover:not(:disabled){background:#f5f5f5;background:var(--level-btn-hover-bg,#f5f5f5);border-color:#000;border-color:var(--level-btn-text,#000);transform:translateY(-1px)}.level-btn:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #0000001a;box-shadow:0 0 0 2px var(--level-btn-active-bg,#000),0 0 0 4px #0000001a;outline:none}.level-btn.active{background:#000;background:var(--level-btn-active-bg,#000);border-color:#000;border-color:var(--level-btn-active-bg,#000);color:#fff;color:var(--level-btn-active-text,#fff);font-weight:700}.level-btn.active:hover{transform:none}.level-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.level-btn-label-short{display:none}@media (max-width:1024px){.level-btn{font-size:13px;padding:6px 12px}.level-btn-label-full{display:none}.level-btn-label-short{display:inline}}@media (max-width:768px){.level-selector{align-items:stretch;flex-direction:column;gap:12px}.level-selector-buttons{justify-content:stretch}.level-btn{flex:1 1;min-width:0}}.grid-header{background:#f9f9f9;background:var(--grid-header-bg,#f9f9f9);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--grid-header-border,#e0e0e0);min-height:56px;min-height:var(--grid-header-height,56px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.grid-header,.header-cell{align-items:center;display:flex}.header-cell{color:#000;color:var(--grid-header-text,#000);flex-shrink:0;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.header-cell.sortable{cursor:pointer;transition:background .2s ease}.header-cell.sortable:hover{background:#0000000d}.header-cell.sorted{background:#00000008}.header-expand-spacer{flex-shrink:0;min-width:40px;width:40px}.header-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-indicator{color:#000;color:var(--grid-text-primary,#000);font-size:16px;font-weight:700;margin-left:8px}.dark-theme .grid-header{background:var(--grid-header-bg);border-bottom-color:var(--grid-header-border)}.dark-theme .header-cell{color:var(--grid-header-text)}.dark-theme .header-cell.sortable:hover{background:#ffffff0d}.dark-theme .header-cell.sorted{background:#ffffff08}@media (max-width:1024px){.header-cell{font-size:13px;padding:10px 12px}}.grid-row{align-items:center;background:#fff;background:var(--grid-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--grid-border,#e0e0e0);cursor:pointer;display:flex;min-height:44px;min-height:var(--grid-row-height,44px);transition:background .15s ease}.grid-row:hover{background:#f5f5f5;background:var(--grid-surface-hover,#f5f5f5)}.grid-row.selected{background:#e8f4ff;border-left:3px solid #3b82f6}.grid-row.level-Style{background:#fff;background:var(--level-style-bg,#fff)}.grid-row.level-StyleSeason{background:#f9f9f9;background:var(--level-season-bg,#f9f9f9)}.grid-row.level-StyleSeasonColorway{background:#f5f5f5;background:var(--level-colorway-bg,#f5f5f5)}.grid-row.level-StyleSeasonSource{background:#f0f0f0;background:var(--level-source-bg,#f0f0f0)}.grid-row.level-Style:hover{background:#f5f5f5;background:var(--grid-surface-hover,#f5f5f5)}.grid-row.level-StyleSeason:hover{background:#f0f0f0}.grid-row.level-StyleSeasonColorway:hover{background:#ececec}.grid-row.level-StyleSeasonSource:hover{background:#e8e8e8}.row-expand-cell{flex-shrink:0;min-width:40px;width:40px}.expand-toggle,.row-expand-cell{align-items:center;display:flex;justify-content:center}.expand-toggle{background:#0000;border:none;border-radius:4px;color:#666;color:var(--expand-icon-color,#666);cursor:pointer;font-size:16px;font-size:var(--expand-icon-size,16px);height:24px;padding:0;transition:all .2s ease;width:24px}.expand-toggle:hover{background:#0000000d;color:#000;color:var(--expand-hover-color,#000)}.expand-toggle:focus-visible{box-shadow:0 0 0 2px #000;box-shadow:0 0 0 2px var(--expand-active-color,#000);outline:none}.expand-spacer{display:inline-block;height:24px;width:24px}.grid-cell{align-items:center;color:#000;color:var(--grid-text-primary,#000);display:flex;flex-shrink:0;font-size:14px;overflow:hidden;padding:8px 16px}.cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-value{color:#999;color:var(--grid-text-muted,#999);font-style:italic}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge.status-active{background:#e8f5e9;color:#4caf50}.status-badge.status-planned{background:#fff3e0;color:#ff9800}.status-badge.status-cancelled,.status-badge.status-inactive{background:#f5f5f5;color:#9e9e9e}.status-badge.status-in-production{background:#e3f2fd;color:#2196f3}.status-badge.status-concept,.status-badge.status-design-phase,.status-badge.status-planning{background:#fce4ec;color:#e91e63}.dark-theme .grid-row{background:var(--grid-bg);border-bottom-color:var(--grid-border);color:var(--grid-text-primary)}.dark-theme .grid-row:hover{background:var(--grid-surface-hover)}.dark-theme .grid-row.selected{background:#1e2a3a;border-left-color:#3b82f6}.dark-theme .grid-row.level-Style{background:var(--level-style-bg)}.dark-theme .grid-row.level-StyleSeason{background:var(--level-season-bg)}.dark-theme .grid-row.level-StyleSeasonColorway{background:var(--level-colorway-bg)}.dark-theme .grid-row.level-StyleSeasonSource{background:var(--level-source-bg)}.dark-theme .expand-toggle{color:var(--expand-icon-color)}.dark-theme .expand-toggle:hover{background:#ffffff0d;color:var(--expand-hover-color)}.dark-theme .grid-cell{color:var(--grid-text-primary)}.dark-theme .empty-value{color:var(--grid-text-muted)}@media (max-width:1024px){.grid-cell{font-size:13px;padding:6px 12px}.row-expand-cell{min-width:32px;width:32px}}:root{--grid-sticky-panel-width:300px;--grid-row-height:44px;--grid-header-height:56px;--grid-indent-width:24px;--grid-bg:#fff;--grid-surface:#f9f9f9;--grid-surface-hover:#f5f5f5;--grid-border:#e0e0e0;--grid-divider:#d0d0d0;--level-style-bg:#fff;--level-season-bg:#f9f9f9;--level-colorway-bg:#f5f5f5;--level-source-bg:#f0f0f0;--grid-text-primary:#000;--grid-text-secondary:#666;--grid-text-muted:#999;--expand-icon-size:16px;--expand-icon-color:#666;--expand-hover-color:#000;--expand-active-color:#000;--grid-header-bg:#f9f9f9;--grid-header-text:#000;--grid-header-border:#e0e0e0;--level-btn-bg:#fff;--level-btn-border:#e0e0e0;--level-btn-text:#000;--level-btn-active-bg:#000;--level-btn-active-text:#fff;--level-btn-hover-bg:#f5f5f5;--thumbnail-size:32px;--thumbnail-border-radius:4px;--thumbnail-border:#e0e0e0}.dark-theme{--grid-bg:#0b0b0c;--grid-surface:#141416;--grid-surface-hover:#1a1b1e;--grid-border:#2b2d33;--grid-divider:#3a3d46;--level-style-bg:#141416;--level-season-bg:#1a1b1e;--level-colorway-bg:#1f2024;--level-source-bg:#24262a;--grid-text-primary:#f5f6f8;--grid-text-secondary:#a3a7b0;--grid-text-muted:#7a7f88;--expand-icon-color:#a3a7b0;--expand-hover-color:#f5f6f8;--expand-active-color:#3b82f6;--grid-header-bg:#1a1b1e;--grid-header-text:#f5f6f8;--grid-header-border:#2b2d33;--level-btn-bg:#1a1b1e;--level-btn-border:#2b2d33;--level-btn-text:#f5f6f8;--level-btn-active-bg:#3b82f6;--level-btn-active-text:#fff;--level-btn-hover-bg:#1f2024;--thumbnail-border:#2b2d33}.hierarchical-product-grid{background:#fff;background:var(--grid-bg);color:#000;color:var(--grid-text-primary);display:flex;flex-direction:column;font-family:Nike Sans,Arial,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.grid-toolbar{align-items:center;background:#f9f9f9;background:var(--grid-surface);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--grid-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.toolbar-left{align-items:baseline;display:flex;gap:12px}.grid-title{color:#000;color:var(--grid-text-primary);font-size:20px;font-weight:700;margin:0}.grid-subtitle{color:#666;color:var(--grid-text-secondary);font-size:14px}.toolbar-right{align-items:center;display:flex;gap:8px}.toolbar-btn{align-items:center;background:#fff;background:var(--level-btn-bg);border:1px solid #e0e0e0;border:1px solid var(--level-btn-border);border-radius:6px;color:#000;color:var(--level-btn-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:#f5f5f5;background:var(--level-btn-hover-bg);border-color:#000;border-color:var(--level-btn-text);transform:translateY(-1px)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.toolbar-btn.theme-toggle{font-size:18px;padding:8px 12px}.grid-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.grid-body,.grid-container{background:#fff;background:var(--grid-bg)}.grid-body{flex:1 1;overflow-x:auto;overflow-y:auto}.grid-loading{align-items:center;color:#666;color:var(--grid-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner-large{animation:spin 2s linear infinite;font-size:48px}.grid-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;padding:40px;text-align:center}.error-icon{font-size:64px}.grid-error h3{color:#000;color:var(--grid-text-primary);font-size:20px;margin:0}.grid-error p{color:#666;color:var(--grid-text-secondary);font-size:14px;margin:0}.btn-retry{background:#000;background:var(--level-btn-active-bg);border:none;border-radius:6px;color:#fff;color:var(--level-btn-active-text);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-retry:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.grid-empty{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px;padding:40px;text-align:center}.empty-icon{font-size:64px;opacity:.5}.grid-empty h3{color:#000;color:var(--grid-text-primary);font-size:18px;margin:0}.grid-empty p{color:#666;color:var(--grid-text-secondary);font-size:14px;margin:0}.grid-footer{align-items:center;background:#f9f9f9;background:var(--grid-surface);border-top:1px solid #e0e0e0;border-top:1px solid var(--grid-border);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.footer-info{color:#666;color:var(--grid-text-secondary);font-size:13px}.grid-body::-webkit-scrollbar{height:12px;width:12px}.grid-body::-webkit-scrollbar-track{background:#f9f9f9;background:var(--grid-surface)}.grid-body::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--grid-border);border:3px solid #f9f9f9;border:3px solid var(--grid-surface);border-radius:6px}.grid-body::-webkit-scrollbar-thumb:hover{background:#d0d0d0;background:var(--grid-divider)}.grid-body::-webkit-scrollbar-corner{background:#f9f9f9;background:var(--grid-surface)}@media (max-width:1024px){.grid-toolbar{padding:12px 16px}.grid-title{font-size:18px}.toolbar-btn{font-size:13px;padding:6px 12px}}@media (max-width:768px){.grid-toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{justify-content:space-between}.toolbar-right{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.grid-border,.toolbar-btn{border-width:2px}}.color-library-page{background:#f5f5f5;min-height:100vh;padding-bottom:40px}.color-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:16px 24px}.back-btn{background:#0000;border:none;padding:8px 16px;transition:background .2s}.color-top-bar{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:24px 40px}.color-title-section{display:flex;flex-direction:column;gap:4px}.view-mode-label{color:#757575;font-size:12px;font-weight:400}.color-title{color:#111;font-family:Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:600;margin:0}.color-search-controls{align-items:center;display:flex;gap:12px}.search-type-dropdown{background:#fff;border:1px solid #d1d1d1;border-radius:4px;color:#111;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.search-input-wrapper{position:relative;width:400px}.search-icon{color:#757575;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.color-search-input{border:1px solid #d1d1d1;border-radius:4px;color:#111;font-size:14px;padding:10px 16px 10px 40px;transition:border-color .2s;width:100%}.color-search-input:focus{border-color:#111;outline:none}.color-search-input::placeholder{color:#aaa}.color-controls-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 40px}.filters-section{flex:1 1}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-label{color:#111;font-size:14px;font-weight:600}.filter-tag{align-items:center;background:#f5f5f5;border-radius:4px;color:#111;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.filter-tag button{align-items:center;background:none;border:none;color:#757575;cursor:pointer;display:flex;font-size:18px;height:16px;justify-content:center;line-height:1;padding:0;width:16px}.filter-tag button:hover{color:#111}.clear-all-link{background:none;border:none;color:#111;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:underline}.clear-all-link:hover{color:#757575}.view-controls{gap:8px}.icon-btn{align-items:center;background:#fff;border:1px solid #d1d1d1;border-radius:4px;color:#111;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-btn:hover{background:#f5f5f5}.icon-btn.active{background:#111;border-color:#111;color:#fff}.icon-btn svg{display:block}.export-link{background:none;border:none;color:#111;cursor:pointer;font-size:14px;font-weight:500;margin-left:16px;padding:0;text-decoration:underline}.export-link:hover{color:#757575}.results-info{padding:16px 40px;text-align:right}.results-count{color:#757575;font-size:13px;font-weight:400}.colors-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0 40px 40px}.color-card{border:1px solid #0000001a;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:flex-end;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.color-card:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02);z-index:1}.color-info{display:flex;flex-direction:column;gap:4px}.color-name{font-size:16px;font-weight:600;line-height:1.2}.color-code{font-size:14px;font-weight:500;opacity:.9}.color-alert{align-items:center;background:#fff;border-radius:50%;display:flex;height:24px;justify-content:center;left:16px;position:absolute;top:16px;width:24px}.color-alert svg{height:20px;width:20px}.colors-list{background:#e5e5e5;display:flex;flex-direction:column;gap:1px;padding:0 40px 40px}.colors-list .color-card{align-items:center;background:#fff;flex-direction:row;height:80px;justify-content:space-between;padding:16px 24px}.colors-list .color-card:hover{box-shadow:0 2px 8px #0000001a;transform:none}.colors-list .color-info{align-items:center;flex-direction:row;gap:24px}.colors-list .color-card:before{background:currentColor;border-radius:4px;content:"";height:60px;margin-right:24px;width:60px}.no-colors{padding:80px 40px;text-align:center}.no-colors p{color:#757575;font-size:16px;margin:0}@media (max-width:1024px){.colors-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.color-top-bar{flex-direction:column;gap:20px}.search-input-wrapper{width:100%}.color-controls-bar{align-items:flex-start;flex-direction:column;gap:16px}.colors-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0 20px 40px}.color-card{height:150px}}body.dark-mode .color-library-page{background:#1a1a1a}body.dark-mode .color-controls-bar,body.dark-mode .color-header,body.dark-mode .color-top-bar{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .color-title,body.dark-mode .filter-label{color:#fff}body.dark-mode .results-count,body.dark-mode .view-mode-label{color:#aaa}body.dark-mode .color-search-input,body.dark-mode .icon-btn,body.dark-mode .search-type-dropdown{background:#1a1a1a;border-color:#3a3a3a;color:#fff}body.dark-mode .filter-tag{background:#3a3a3a;color:#fff}body.dark-mode .icon-btn.active{background:#fff;border-color:#fff;color:#111}body.dark-mode .colors-list{background:#3a3a3a}body.dark-mode .colors-list .color-card{background:#2a2a2a}.bom-theme-toggle{align-items:center;display:inline-flex}.bom-theme-select{background:var(--bom-button-bg);border:1px solid var(--bom-button-border);border-radius:6px;color:var(--bom-button-text);cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:6px 12px;transition:all .2s ease}.bom-theme-select:hover{background:var(--bom-button-hover-bg);border-color:var(--bom-button-hover-border)}.bom-theme-select:focus-visible{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-theme-select option{background:var(--bom-bg);color:var(--bom-text)}.bom-theme-select::-ms-expand{display:none}@media (prefers-contrast:high){.bom-theme-select{border-width:2px}}.bom-fullscreen-toggle{align-items:center;background:var(--bom-button-bg);border:1px solid var(--bom-button-border);border-radius:6px;color:var(--bom-button-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;gap:6px;outline:none;padding:6px 12px;transition:all .2s ease}.bom-fullscreen-toggle:hover{background:var(--bom-button-hover-bg);border-color:var(--bom-button-hover-border)}.bom-fullscreen-toggle:active{background:var(--bom-button-active-bg)}.bom-fullscreen-toggle:focus-visible{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-icon{font-size:16px}.bom-button-label,.bom-icon{line-height:1}@media (max-width:768px){.bom-button-label{display:none}.bom-fullscreen-toggle{padding:6px 8px}}.bom-toolbar{align-items:center;background:var(--bom-toolbar-bg);border-bottom:1px solid var(--bom-toolbar-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px}.bom-toolbar-group{align-items:center;display:flex;gap:8px}.bom-toolbar-left{flex:1 1;justify-content:flex-start}.bom-toolbar-center,.bom-toolbar-right{flex:0 0 auto}.bom-toolbar-button{align-items:center;background:var(--bom-button-bg);border:1px solid var(--bom-button-border);border-radius:6px;color:var(--bom-button-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;outline:none;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.bom-toolbar-button:hover:not(:disabled){background:var(--bom-button-hover-bg);border-color:var(--bom-button-hover-border)}.bom-toolbar-button:active:not(:disabled){background:var(--bom-button-active-bg);transform:translateY(1px)}.bom-toolbar-button:disabled{cursor:not-allowed;opacity:.5}.bom-toolbar-button:focus-visible{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-primary-button{background:var(--bom-primary-bg);border-color:var(--bom-primary-bg);color:var(--bom-primary-text)}.bom-primary-button:hover:not(:disabled){background:var(--bom-primary-hover);border-color:var(--bom-primary-hover)}.bom-primary-button:disabled{background:var(--bom-button-bg);border-color:var(--bom-button-border);color:var(--bom-text-secondary)}.bom-has-changes{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #2563eb66}50%{box-shadow:0 0 0 4px #2563eb1a}}.bom-unsaved-indicator{animation:blink 1.5s ease-in-out infinite;color:var(--bom-primary-text);font-size:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.bom-active{background:var(--bom-button-active-bg);border-color:var(--bom-primary-bg)}.bom-icon-button{font-size:18px;line-height:1;padding:6px 10px}.bom-dropdown-button{font-weight:600}@media (max-width:1024px){.bom-toolbar{gap:12px}.bom-toolbar-group{gap:6px}.bom-toolbar-button{font-size:13px;padding:6px 10px}}@media (max-width:768px){.bom-toolbar{align-items:stretch;flex-direction:column}.bom-toolbar-group{justify-content:space-between}.bom-toolbar-left{order:1}.bom-toolbar-center{justify-content:center;order:2}.bom-toolbar-right{justify-content:flex-end;order:3}.bom-toolbar-button:not(.bom-icon-button):not(.bom-dropdown-button):after{content:none}}:fullscreen .bom-toolbar{box-shadow:var(--bom-shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000}@media (prefers-contrast:high){.bom-toolbar-button{border-width:2px}}@media (prefers-reduced-motion:reduce){.bom-has-changes{animation:none}.bom-unsaved-indicator{animation:none;opacity:1}.bom-toolbar-button:active:not(:disabled){transform:none}}.bom-section{background:var(--bom-section-bg);border:1px solid var(--bom-section-border);border-radius:8px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.bom-section:hover{box-shadow:var(--bom-shadow-sm)}.bom-section-header{align-items:center;background:var(--bom-section-header-bg);border-bottom:1px solid var(--bom-section-border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.bom-section-header:hover{background:var(--bom-bg-hover)}.bom-section-collapsed .bom-section-header{border-bottom:none}.bom-section-toggle{color:var(--bom-text-secondary);outline:none;padding:4px;transition:color .2s ease}.bom-section-toggle:hover{color:var(--bom-text)}.bom-section-toggle:focus-visible{border-radius:4px;box-shadow:var(--bom-focus-ring)}.bom-toggle-icon{font-size:12px;line-height:1;transition:transform .2s ease}.bom-section-title{color:var(--bom-text);flex:1 1;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.bom-add-part-button{background:#0000;border:1px solid var(--bom-primary-bg);border-radius:6px;color:var(--bom-primary-bg);cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:6px 12px;transition:all .2s ease}.bom-add-part-button:hover{background:var(--bom-primary-bg);color:var(--bom-primary-text)}.bom-add-part-button:focus-visible{box-shadow:var(--bom-focus-ring)}.bom-section-content{animation:slideDown .2s ease-out;padding:16px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:5000px;opacity:1}}@media (max-width:768px){.bom-section-header{gap:8px;padding:10px 12px}.bom-section-title{font-size:14px}.bom-add-part-button{font-size:12px;padding:4px 8px}.bom-section-content{padding:12px}}@media (prefers-reduced-motion:reduce){.bom-section-content{animation:none}.bom-toggle-icon{transition:none}}@media (prefers-contrast:high){.bom-section{border-width:2px}.bom-section-header{border-bottom-width:2px}}.bom-color-cell{min-height:32px;padding:4px}.bom-color-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.bom-color-chip{align-items:center;background:var(--bom-bg-secondary);border:1px solid var(--bom-grid-border);border-radius:16px;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s ease}.bom-color-chip:hover{background:var(--bom-bg-hover);box-shadow:var(--bom-shadow-sm)}.bom-color-swatch{border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;height:16px;width:16px}.bom-color-label{color:var(--bom-text);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-color-remove{align-items:center;background:var(--bom-text-muted);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;outline:none;padding:0;transition:all .2s ease;width:16px}.bom-color-remove:hover{background:#dc2626;transform:scale(1.1)}.bom-color-remove:focus-visible{box-shadow:var(--bom-focus-ring)}.bom-color-input-container{display:inline-flex}.bom-color-input{background:var(--bom-input-bg);border:1px solid var(--bom-input-border);border-radius:16px;color:var(--bom-input-text);font-family:inherit;font-size:12px;min-width:120px;outline:none;padding:4px 8px;transition:all .2s ease}.bom-color-input:focus{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-color-input::placeholder{color:var(--bom-input-placeholder)}.bom-color-add-button{align-items:center;background:#0000;border:1px dashed var(--bom-primary-bg);border-radius:16px;color:var(--bom-primary-bg);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;outline:none;padding:4px 8px;transition:all .2s ease}.bom-color-add-button:hover{background:var(--bom-primary-bg);border-style:solid;color:var(--bom-primary-text)}.bom-color-add-button:focus-visible{box-shadow:var(--bom-focus-ring)}.bom-color-chips:empty:after{color:var(--bom-text-muted);content:"No colors assigned";font-size:12px;font-style:italic}@media (max-width:768px){.bom-color-chip{font-size:11px;padding:3px 6px}.bom-color-swatch{height:14px;width:14px}.bom-color-label{max-width:100px}.bom-color-input{min-width:100px}}@media (prefers-contrast:high){.bom-color-chip{border-width:2px}.bom-color-swatch{box-shadow:inset 0 0 0 2px #0000004d}}@media (prefers-reduced-motion:reduce){.bom-color-add-button,.bom-color-chip,.bom-color-input,.bom-color-remove{transition:none}.bom-color-remove:hover{transform:none}}.bom-footwear-grid{padding:16px}.bom-add-part-form{align-items:center;background:var(--bom-bg-secondary);border:1px solid var(--bom-grid-border);border-radius:6px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.bom-part-name-input{background:var(--bom-input-bg);border:1px solid var(--bom-input-border);border-radius:6px;color:var(--bom-input-text);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:8px 12px}.bom-part-name-input:focus{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-button{border:1px solid var(--bom-button-border);border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:8px 16px;transition:all .2s ease}.bom-button-primary{background:var(--bom-primary-bg);border-color:var(--bom-primary-bg);color:var(--bom-primary-text)}.bom-button-primary:hover{background:var(--bom-primary-hover);border-color:var(--bom-primary-hover)}.bom-button-secondary{background:var(--bom-button-bg);color:var(--bom-button-text)}.bom-button-secondary:hover{background:var(--bom-button-hover-bg);border-color:var(--bom-button-hover-border)}.bom-button:focus-visible{box-shadow:var(--bom-focus-ring)}.bom-part-container{margin-bottom:24px}.bom-part-header{align-items:center;background:var(--bom-bg-secondary);border:1px solid var(--bom-grid-border);border-radius:6px 6px 0 0;display:flex;gap:12px;padding:12px}.bom-part-name{color:var(--bom-text);font-size:15px;font-weight:600;margin:0}.bom-part-comments{color:var(--bom-text-muted);flex:1 1;font-size:13px;font-style:italic}.bom-add-material-button{background:#0000;border:1px solid var(--bom-primary-bg);border-radius:4px;color:var(--bom-primary-bg);cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.bom-add-material-button:hover{background:var(--bom-primary-bg);color:var(--bom-primary-text)}.bom-materials-table{background:var(--bom-bg);border:1px solid var(--bom-grid-border);border-collapse:collapse;border-top:none;width:100%}.bom-materials-table thead{background:var(--bom-grid-header-bg)}.bom-materials-table th{font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.bom-materials-table td,.bom-materials-table th{border:1px solid var(--bom-grid-border);color:var(--bom-text);font-size:13px}.bom-materials-table td{padding:8px 12px;vertical-align:middle}.bom-materials-table tbody tr:hover{background:var(--bom-grid-row-hover)}.bom-cell-input{background:var(--bom-input-bg);border:1px solid var(--bom-input-border);border-radius:4px;color:var(--bom-input-text);font-family:inherit;font-size:13px;outline:none;padding:6px 8px;width:100%}.bom-cell-input:focus{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-cell-input-sm{width:80px}.bom-cell-select{background:var(--bom-input-bg);border:1px solid var(--bom-input-border);border-radius:4px;color:var(--bom-input-text);cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:6px 8px;width:100%}.bom-cell-select:focus{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-cell-checkbox{cursor:pointer;height:18px;width:18px}.bom-cell-checkbox:disabled{cursor:not-allowed;opacity:.5}.bom-delete-button{background:#0000;border:none;cursor:pointer;font-size:16px;outline:none;padding:4px 8px;transition:transform .2s ease}.bom-delete-button:hover{transform:scale(1.2)}.bom-delete-button:focus-visible{border-radius:4px;box-shadow:var(--bom-focus-ring)}.bom-section-empty{background:var(--bom-bg-secondary);border:1px dashed var(--bom-grid-border);border-radius:6px;color:var(--bom-text-muted);padding:32px}@media (max-width:1200px){.bom-materials-table{display:block;overflow-x:auto}}@media (max-width:768px){.bom-footwear-grid{padding:12px}.bom-part-header{align-items:flex-start;flex-direction:column}.bom-materials-table td,.bom-materials-table th{font-size:12px;padding:6px 8px}}@media (prefers-contrast:high){.bom-materials-table,.bom-materials-table td,.bom-materials-table th{border-width:2px}}@media (prefers-reduced-motion:reduce){.bom-add-material-button,.bom-button,.bom-cell-input,.bom-cell-select{transition:none}.bom-delete-button:hover{transform:none}}.bom-part-multiselect{position:relative;width:100%}.bom-multiselect-trigger{align-items:center;background:var(--bom-input-bg);border:1px solid var(--bom-input-border);border-radius:6px;color:var(--bom-input-text);cursor:pointer;display:flex;gap:8px;min-height:36px;outline:none;padding:6px 12px;transition:all .2s ease}.bom-multiselect-trigger:hover{border-color:var(--bom-button-hover-border)}.bom-multiselect-open .bom-multiselect-trigger{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-multiselect-trigger:focus-visible{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-selected-parts{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.bom-part-chip{background:var(--bom-primary-bg);border-radius:12px;color:var(--bom-primary-text);display:inline-flex;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.bom-part-chip,.bom-part-remove{align-items:center;font-size:12px}.bom-part-remove{background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:14px;justify-content:center;line-height:1;outline:none;padding:0;transition:all .2s ease;width:14px}.bom-part-remove:hover{background:#ffffff80;transform:scale(1.1)}.bom-multiselect-placeholder{color:var(--bom-input-placeholder);flex:1 1;font-size:14px}.bom-multiselect-arrow{color:var(--bom-text-secondary);flex-shrink:0;font-size:10px}.bom-multiselect-dropdown{animation:dropdownSlideDown .2s ease-out;background:var(--bom-bg);border:1px solid var(--bom-grid-border);border-radius:6px;box-shadow:var(--bom-shadow-lg);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bom-multiselect-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .2s ease}.bom-multiselect-option:hover{background:var(--bom-bg-hover)}.bom-option-selected{background:var(--bom-bg-active)}.bom-option-checkbox{cursor:pointer;flex-shrink:0;height:16px;width:16px}.bom-option-label{color:var(--bom-text);flex:1 1;font-size:14px;font-weight:500}.bom-option-comment{font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-multiselect-empty,.bom-option-comment{color:var(--bom-text-muted);font-style:italic}.bom-multiselect-empty{font-size:14px;padding:20px;text-align:center}.bom-multiselect-dropdown::-webkit-scrollbar{width:8px}.bom-multiselect-dropdown::-webkit-scrollbar-track{background:var(--bom-bg-secondary);border-radius:4px}.bom-multiselect-dropdown::-webkit-scrollbar-thumb{background:var(--bom-text-muted);border-radius:4px}.bom-multiselect-dropdown::-webkit-scrollbar-thumb:hover{background:var(--bom-text-secondary)}@media (max-width:768px){.bom-multiselect-trigger{min-height:32px;padding:4px 8px}.bom-part-chip{font-size:11px;padding:2px 6px}.bom-multiselect-option{padding:8px 10px}.bom-option-label{font-size:13px}.bom-option-comment{display:none}}@media (prefers-contrast:high){.bom-multiselect-dropdown,.bom-multiselect-trigger,.bom-option-checkbox{border-width:2px}}@media (prefers-reduced-motion:reduce){.bom-multiselect-dropdown{animation:none}.bom-part-remove:hover{transform:none}}.bom-apparel-grid{padding:16px}.bom-grid-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.bom-search-input{background:var(--bom-input-bg);border:1px solid var(--bom-input-border);border-radius:6px;color:var(--bom-input-text);flex:1 1;font-family:inherit;font-size:14px;min-width:250px;outline:none;padding:8px 12px;transition:all .2s ease}.bom-search-input:focus{border-color:var(--bom-input-focus-border);box-shadow:var(--bom-focus-ring)}.bom-search-input::placeholder{color:var(--bom-input-placeholder)}.bom-colorway-modal{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bom-colorway-form{animation:slideUp .2s ease-out;background:var(--bom-bg);border:1px solid var(--bom-grid-border);border-radius:8px;box-shadow:var(--bom-shadow-lg);min-width:400px;padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bom-colorway-form h4{color:var(--bom-text);font-size:18px;margin:0 0 16px}.bom-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.bom-grid-scroll-container{border:1px solid var(--bom-grid-border);border-radius:8px;box-shadow:var(--bom-shadow-sm);overflow-x:auto}.bom-ap-grid-table{background:var(--bom-bg);border-collapse:collapse;min-width:1200px;width:100%}.bom-ap-grid-table thead{background:var(--bom-grid-header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.bom-ap-grid-table th{background:var(--bom-grid-header-bg);font-weight:600;padding:12px;text-align:left;white-space:nowrap}.bom-ap-grid-table td,.bom-ap-grid-table th{border:1px solid var(--bom-grid-border);color:var(--bom-text);font-size:13px}.bom-ap-grid-table td{padding:8px 12px;vertical-align:middle}.bom-ap-grid-table tbody tr:hover{background:var(--bom-grid-row-hover)}.bom-sticky-col{background:var(--bom-bg);box-shadow:2px 0 4px #0000001a;left:0;position:-webkit-sticky;position:sticky;z-index:5}.bom-ap-grid-table thead .bom-sticky-col{background:var(--bom-grid-header-bg);z-index:15}.bom-ap-grid-table tbody tr:hover .bom-sticky-col{background:var(--bom-grid-row-hover)}.bom-colorway-header{min-width:200px}.bom-colorway-header-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.bom-colorway-delete{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;outline:none;padding:0;transition:all .2s ease;width:20px}.bom-colorway-delete:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.bom-colorway-cell{min-width:200px}.bom-empty-state{background:var(--bom-bg-secondary);color:var(--bom-text-muted);font-style:italic;padding:48px 24px;text-align:center}.bom-grid-scroll-container::-webkit-scrollbar{height:10px;width:10px}.bom-grid-scroll-container::-webkit-scrollbar-track{background:var(--bom-bg-secondary);border-radius:5px}.bom-grid-scroll-container::-webkit-scrollbar-thumb{background:var(--bom-text-muted);border-radius:5px}.bom-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--bom-text-secondary)}@media (max-width:1200px){.bom-colorway-form{margin:20px;min-width:300px}}@media (max-width:768px){.bom-apparel-grid{padding:12px}.bom-grid-header-actions{align-items:stretch;flex-direction:column}.bom-search-input{min-width:auto}.bom-ap-grid-table td,.bom-ap-grid-table th{font-size:12px;padding:6px 8px}.bom-colorway-form{min-width:auto;width:calc(100% - 40px)}}@media print{.bom-colorway-delete,.bom-delete-button,.bom-grid-header-actions{display:none}.bom-sticky-col{box-shadow:none;position:static}}@media (prefers-contrast:high){.bom-ap-grid-table,.bom-ap-grid-table td,.bom-ap-grid-table th{border-width:2px}}@media (prefers-reduced-motion:reduce){.bom-colorway-form,.bom-colorway-modal{animation:none}.bom-colorway-delete:hover{transform:none}}.bom-container{display:flex;flex-direction:column;min-height:100vh}.bom-error,.bom-loading{align-items:center;color:var(--bom-text);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:48px;text-align:center}.bom-error h2{color:#dc2626;margin:0 0 16px}.bom-error p{color:var(--bom-text-secondary);margin:0 0 24px}.bom-error button{background:var(--bom-primary-bg);border:1px solid var(--bom-button-border);border-radius:6px;color:var(--bom-primary-text);cursor:pointer;font-size:14px;padding:8px 16px}.bom-content{flex:1 1;overflow-y:auto}.bom-header{background:var(--bom-bg-secondary);border-bottom:1px solid var(--bom-grid-border);padding:20px 24px}.bom-info{margin:0 auto;max-width:1400px}.bom-title{align-items:center;color:var(--bom-text);display:flex;font-size:24px;gap:12px;margin:0 0 12px}.bom-meta{color:var(--bom-text-secondary);font-size:14px;gap:16px}.bom-meta-item{display:flex;gap:6px}.bom-meta-item strong{color:var(--bom-text)}.bom-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.bom-modal-content{animation:slideUp .2s ease-out;background:var(--bom-bg);border:1px solid var(--bom-grid-border);border-radius:8px;box-shadow:var(--bom-shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.bom-modal-header{align-items:center;border-bottom:1px solid var(--bom-grid-border);display:flex;justify-content:space-between;padding:16px 24px}.bom-modal-header h2{color:var(--bom-text);font-size:18px;margin:0}.bom-modal-header button{background:#0000;border:none;border-radius:4px;color:var(--bom-text-secondary);cursor:pointer;font-size:24px;height:32px;line-height:1;padding:0;transition:all .2s ease;width:32px}.bom-modal-header button:hover{background:var(--bom-bg-hover);color:var(--bom-text)}.bom-modal-body{flex:1 1;overflow-y:auto;padding:24px}.bom-snapshots-list{display:flex;flex-direction:column;gap:12px}.bom-snapshot-item{align-items:center;background:var(--bom-bg-secondary);border:1px solid var(--bom-grid-border);border-radius:6px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.bom-snapshot-item:hover{background:var(--bom-bg-hover);box-shadow:var(--bom-shadow-sm)}.bom-snapshot-info{display:flex;flex-direction:column;gap:4px}.bom-snapshot-info strong{color:var(--bom-text);font-size:14px}.bom-snapshot-date{color:var(--bom-text-muted);font-size:12px}.bom-empty-message{color:var(--bom-text-muted);font-style:italic;padding:32px;text-align:center}:fullscreen .bom-container{display:flex;flex-direction:column;height:100vh}:fullscreen .bom-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.bom-header{padding:16px}.bom-title{font-size:20px}.bom-meta{flex-direction:column;gap:8px}.bom-modal-content{max-height:90vh;width:95%}.bom-modal-header{padding:12px 16px}.bom-modal-body{padding:16px}.bom-snapshot-item{align-items:flex-start;flex-direction:column;gap:12px}}@media print{.bom-modal-overlay,.bom-toolbar{display:none!important}.bom-header{border-bottom:2px solid #000}.bom-container{background:#fff!important;color:#000!important}}@media (prefers-contrast:high){.bom-header{border-bottom-width:2px}.bom-modal-content,.bom-snapshot-item{border-width:2px}}@media (prefers-reduced-motion:reduce){.bom-modal-content,.bom-modal-overlay{animation:none}}:fullscreen[data-theme=dark] .bom-container{background:var(--bom-bg)}.bom-page{background-color:#e5e5e5;font-family:Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.bom-page-container{background-color:#e5e5e5;padding:0}.bom-page-header{align-items:center;background-color:#e5e5e5;display:flex;justify-content:space-between;padding:16px 24px}.bom-page-title{color:#333;font-size:20px;font-weight:600;margin:0}.bom-page-subtitle{color:#666;font-size:13px;margin:4px 0 0}.bom-toolbar-ref{align-items:center;background-color:#e5e5e5;display:flex;gap:12px;justify-content:space-between;padding:12px 24px}.bom-toolbar-left{align-items:center;display:flex;gap:8px}.bom-toolbar-right{align-items:center;display:flex;gap:12px}.bom-search-bar{background-color:#fff;border:1px solid #d0d0d0;border-radius:20px;color:#333;font-size:13px;outline:none;padding:8px 12px;width:240px}.bom-search-bar::placeholder{color:#999}.bom-search-bar:focus{border-color:#999}.bom-toolbar-btn{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;padding:4px 8px;transition:opacity .2s}.bom-toolbar-btn:hover{opacity:.7}.bom-toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.bom-toolbar-icon{color:#333;height:24px;width:24px}.bom-table-wrapper{background-color:#fff;border-radius:0;margin:0 24px 24px;overflow:hidden}.bom-table-ref{background-color:#fff;border-collapse:collapse;color:#333;font-size:13px;width:100%}.bom-table-ref thead{background-color:#fff;border-bottom:1px solid #dadada}.bom-table-ref th{border-bottom:1px solid #dadada;color:#333;font-size:14px;font-weight:700;padding:12px;text-align:left;white-space:nowrap}.bom-table-ref th:first-child{text-align:center;width:40px}.bom-table-ref tbody tr{background-color:#fff;border-bottom:1px solid #dadada;height:40px;transition:background-color .1s}.bom-table-ref tbody tr:hover{background-color:#f5f5f5}.bom-table-ref td{border:none;color:#333;font-size:13px;padding:8px 12px;vertical-align:middle}.bom-table-ref td:first-child{color:#666;font-size:12px;text-align:center}.bom-section-row{height:40px}.bom-section-row,.bom-section-row:hover{background-color:#e5e5e5!important}.bom-section-row td{color:#333;font-size:13px;font-weight:700;padding:8px 12px}.bom-section-header-cell{align-items:center;display:flex;gap:8px;padding:0}.bom-section-toggle{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;width:20px}.bom-section-toggle svg{height:12px;transition:transform .2s;width:12px}.bom-section-toggle.expanded svg{transform:rotate(180deg)}.bom-section-toggle.collapsed svg{transform:rotate(-90deg)}.bom-section-title{color:#333;font-size:13px;font-weight:700}.bom-color-cell{align-items:center;display:flex;gap:8px}.bom-color-swatch{border:1px solid #d0d0d0;border-radius:2px;flex-shrink:0;height:24px;width:24px}.bom-color-code{color:#333;font-size:13px}.bom-status-active{color:#333;font-weight:400}.bom-status-inactive{color:#999;font-weight:400}.bom-section-empty{color:#999;font-size:13px;font-style:italic;padding:20px;text-align:center}.bom-col-number{width:40px}.bom-col-part-name{width:180px}.bom-col-comments{width:120px}.bom-col-material{width:100px}.bom-col-pdm-material,.bom-col-supplier{width:200px}.bom-col-status{width:100px}.bom-col-color{width:180px}.bom-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.bom-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5}.bom-table-wrapper::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.bom-table-wrapper::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media (max-width:1200px){.bom-table-wrapper{overflow-x:auto}.bom-table-ref{min-width:1000px}}[data-theme=dark] .bom-page,[data-theme=dark] .bom-page-container,[data-theme=dark] .bom-page-header,[data-theme=dark] .bom-toolbar-ref{background-color:#1a1a1a}[data-theme=dark] .bom-table-ref,[data-theme=dark] .bom-table-ref tbody tr,[data-theme=dark] .bom-table-ref thead,[data-theme=dark] .bom-table-wrapper{background-color:#2a2a2a}[data-theme=dark] .bom-table-ref td,[data-theme=dark] .bom-table-ref th{border-color:#3a3a3a;color:#e5e5e5}[data-theme=dark] .bom-section-row{background-color:#1a1a1a!important}[data-theme=dark] .bom-table-ref tbody tr:hover{background-color:#333}.feature-flags-page{background:#f8f9fa;background:var(--color-bg-primary,#f8f9fa);margin:0 auto;max-width:1400px;min-height:100vh;padding:40px}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:8px}.flags-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.flag-card{background:#fff;border:2px solid #dee2e6;border:2px solid var(--color-surface-border,#dee2e6);border-radius:12px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);padding:24px;transition:all .2s}.flag-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a)}.flag-card.enabled{border-color:#10b981;border-left-width:6px}.flag-card.disabled{border-color:#e5e7eb;opacity:.8}.flag-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.flag-info h3{color:#212529;color:var(--color-text-primary,#212529);font-size:1.25rem;font-weight:600;margin-bottom:4px}.flag-id{background:#f1f3f5;background:var(--color-bg-secondary,#f1f3f5);border-radius:4px;color:#6c757d;color:var(--color-text-tertiary,#6c757d);display:inline-block;font-family:Monaco,Courier New,monospace;font-size:.875rem;padding:2px 8px}.toggle-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s}.toggle-btn.enabled{background:#10b981;color:#fff}.toggle-btn.enabled:hover{background:#059669}.toggle-btn.disabled{background:#e5e7eb;color:#6b7280}.toggle-btn.disabled:hover{background:#d1d5db}.flag-description{color:#495057;color:var(--color-text-secondary,#495057);font-size:.9375rem;line-height:1.5;margin-bottom:20px}.flag-details{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.detail-row{gap:12px}.detail-row .label{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.875rem;font-weight:600;min-width:100px}.detail-row .value{color:#212529;color:var(--color-text-primary,#212529);font-size:.875rem}.rollout-bar{background:#e5e7eb;border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.rollout-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:12px;height:100%;transition:width .3s}.rollout-text{color:#1f2937;font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-tag{background:#ede9fe;border:1px solid #c4b5fd;color:#6b21a8}.env-tag{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}.flag-meta{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-surface-border,#e5e7eb);margin-bottom:16px;padding-top:16px}.meta-item{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.8125rem}.edit-btn{background:#fff;border:2px solid #0d6efd;border:2px solid var(--color-nike-blue,#0d6efd);border-radius:6px;color:#0d6efd;color:var(--color-nike-blue,#0d6efd);cursor:pointer;font-weight:600;padding:10px;transition:all .2s;width:100%}.edit-btn:hover{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#212529;color:var(--color-text-primary,#212529);font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#212529;color:var(--color-text-primary,#212529);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.9375rem;padding:10px 12px;transition:border .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd);box-shadow:0 0 0 3px #0d6efd1a;outline:none}.input-disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.rollout-input{align-items:center;display:flex;gap:12px}.rollout-input input[type=range]{flex:1 1}.rollout-number{width:80px!important}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd)}.checkbox-label input[type=checkbox]{accent-color:#0d6efd;accent-color:var(--color-nike-blue,#0d6efd);cursor:pointer;height:18px;width:18px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);color:#fff}.btn-primary:hover{background:#0b5ed7}.loading{align-items:center;color:#6c757d;color:var(--color-text-secondary,#6c757d);display:flex;font-size:1.125rem;justify-content:center;min-height:400px}@media (max-width:768px){.feature-flags-page{padding:20px}.flags-grid{grid-template-columns:1fr}.flag-header{flex-direction:column;gap:12px}.toggle-btn{width:100%}}.bom-list-page{background:#f8f9fa;background:var(--color-bg-primary,#f8f9fa);margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between}.add-bom-btn{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background .2s}.add-bom-btn:hover{background:#0b5ed7}.controls-bar{background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px}.controls-bar,.view-controls{align-items:center;display:flex}.view-controls{gap:12px}.view-controls label{color:#495057;color:var(--color-text-secondary,#495057);font-size:.9375rem;font-weight:600}.control-select{background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:6px;color:#212529;color:var(--color-text-primary,#212529);color-scheme:light!important;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:border-color .2s}.control-select:focus{border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd);outline:none}.sort-order-btn{background:#f1f3f5;background:var(--color-bg-secondary,#f1f3f5);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:6px;color:#212529;color:var(--color-text-primary,#212529);cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .2s}.sort-order-btn:hover{background:#e9ecef;background:var(--color-surface-hover,#e9ecef)}.summary{align-items:center;display:flex}.bom-count{color:#212529;color:var(--color-text-primary,#212529);font-size:.9375rem;font-weight:600}.grouped-boms{display:flex;flex-direction:column;gap:32px}.bom-group{background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.group-header{align-items:center;background:#f1f3f5;background:var(--color-bg-secondary,#f1f3f5);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-surface-border,#dee2e6);display:flex;justify-content:space-between;padding:16px 20px}.group-title{color:#212529;color:var(--color-text-primary,#212529);font-size:1.125rem;font-weight:700;margin:0}.group-count{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.875rem;font-weight:600}.group-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.bom-card{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.bom-card:hover{background:#f1f3f5;background:var(--color-surface-hover,#f1f3f5);border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.bom-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.bom-card-title{color:#212529;color:var(--color-text-primary,#212529);flex:1 1;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.bom-card-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.detail-row{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between}.detail-label{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-weight:500}.detail-value{color:#495057;color:var(--color-text-secondary,#495057);font-weight:600}.detail-value.colorway{color:#ff6b35;color:var(--color-nike-orange,#ff6b35)}.bom-card-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--color-surface-border,#dee2e6);justify-content:space-between;margin-bottom:8px;padding-top:12px}.bom-card-footer,.bom-progress{align-items:center;display:flex}.bom-progress{flex:1 1;gap:8px}.progress-bar-card{background:#e9ecef;background:var(--color-bg-tertiary,#e9ecef);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill-card{background:linear-gradient(90deg,#0d6efd,#0b5ed7);background:linear-gradient(90deg,var(--color-nike-blue,#0d6efd),#0b5ed7);border-radius:3px;height:100%;transition:width .3s}.progress-text-card{color:#495057;color:var(--color-text-secondary,#495057);font-size:.75rem;font-weight:600;min-width:35px;text-align:right}.bom-card-meta{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.75rem}.meta-text{font-style:italic}.empty-state p{margin:0}@media (max-width:1200px){.group-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.bom-list-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header h1{font-size:1.5rem}.controls-bar{align-items:flex-start;flex-direction:column;gap:12px}.view-controls{flex-wrap:wrap;width:100%}.control-select{flex:1 1}.group-cards{grid-template-columns:1fr}.table-container{overflow-x:auto}.boms-table{min-width:1000px}}.bom-list-page{background:#f8f9fa!important;color:#212529!important}.bom-list-page *{color:inherit}.add-bom-btn{background:#0d6efd!important;color:#fff!important}.controls-bar{background:#fff!important;border-color:#dee2e6!important}.view-controls label{color:#495057!important}.control-select{background:#fff!important}.control-select,.sort-order-btn{border-color:#dee2e6!important;color:#212529!important}.sort-order-btn{background:#f1f3f5!important}.bom-count{color:#212529!important}.bom-group{background:#fff!important}.bom-group,.group-header{border-color:#dee2e6!important}.group-header{background:#f1f3f5!important}.group-title{color:#212529!important}.group-count{color:#6c757d!important}.bom-card{background:#f8f9fa!important;border-color:#dee2e6!important}.bom-card:hover{background:#f1f3f5!important;border-color:#0d6efd!important}.bom-card-title{color:#212529!important}.detail-label{color:#6c757d!important}.detail-value{color:#495057!important}.bom-search-page{background:#f8f9fa!important;color:#212529!important;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.page-header{margin-bottom:24px}.page-header h1{color:#212529;color:var(--color-text-primary,#212529);font-size:2rem;font-weight:700;margin:0 0 8px}.page-header p{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:1rem;margin:0}.search-section{margin-bottom:20px}.search-bar{display:flex;gap:12px;max-width:800px}.search-input{background:#fff;border:2px solid #dee2e6;border:2px solid var(--color-surface-border,#dee2e6);border-radius:8px;color:#212529;color:var(--color-text-primary,#212529);flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd);outline:none}.search-btn{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;padding:12px 24px;transition:background .2s}.search-btn:hover{background:#0b5ed7}.filters-section{border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.filter-select,.filters-section{background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6)}.filter-select{border-radius:6px;color:#212529;color:var(--color-text-primary,#212529);color-scheme:light!important;cursor:pointer;font-size:.9375rem;padding:10px 14px;transition:border-color .2s}.filter-select:focus{border-color:#0d6efd;border-color:var(--color-nike-blue,#0d6efd);outline:none}.clear-filters-btn{background:#fff;border:2px solid #adb5bd;border:2px solid var(--color-text-tertiary,#adb5bd);border-radius:6px;color:#6c757d;color:var(--color-text-secondary,#6c757d);cursor:pointer;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .2s}.clear-filters-btn:hover{background:#adb5bd;background:var(--color-text-tertiary,#adb5bd);color:#fff}.results-summary{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:6px;display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.results-count{color:#212529;color:var(--color-text-primary,#212529);font-size:.9375rem;font-weight:600}.search-indicator{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.875rem;font-style:italic}.table-container{background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.boms-table{border-collapse:collapse;font-size:.875rem;width:100%}.boms-table thead{background:#f1f3f5;background:var(--color-bg-secondary,#f1f3f5);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-surface-border,#dee2e6)}.boms-table th{color:#212529;color:var(--color-text-primary,#212529);font-size:.8125rem;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.boms-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.boms-table th.sortable:hover{background:#e9ecef;background:var(--color-surface-hover,#e9ecef)}.boms-table tbody tr{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-surface-border,#dee2e6);transition:background .2s}.boms-table tbody tr:hover{background:#f8f9fa;background:var(--color-surface-hover,#f8f9fa);cursor:pointer}.boms-table td{color:#495057;color:var(--color-text-secondary,#495057);padding:14px 16px}.bom-name-cell{color:#212529;color:var(--color-text-primary,#212529);font-weight:600}.colorway-cell{color:#ff6b35;color:var(--color-nike-orange,#ff6b35);font-weight:500}.source-cell{font-style:italic}.priority-badge,.state-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.state-badge.state-not-started{background:#6b7280;color:#fff}.state-badge.state-in-progress{background:#3b82f6;color:#fff}.state-badge.state-review{background:#f59e0b;color:#fff}.state-badge.state-approved{background:#10b981;color:#fff}.state-badge.state-archived{background:#9ca3af;color:#fff}.priority-badge.priority-low{background:#84cc16;color:#fff}.priority-badge.priority-medium{background:#eab308;color:#fff}.priority-badge.priority-high{background:#f97316;color:#fff}.priority-badge.priority-critical{background:#ef4444;color:#fff}.progress-cell{align-items:center;display:flex;gap:8px}.progress-bar-mini{background:#e9ecef;background:var(--color-bg-tertiary,#e9ecef);border-radius:3px;flex:1 1;height:6px;max-width:80px;overflow:hidden}.progress-fill-mini{background:linear-gradient(90deg,#0d6efd,#0b5ed7);background:linear-gradient(90deg,var(--color-nike-blue,#0d6efd),#0b5ed7);border-radius:3px;height:100%;transition:width .3s}.progress-text-mini{color:#495057;color:var(--color-text-secondary,#495057);font-size:.75rem;font-weight:600;min-width:35px}.date-cell{color:#6c757d;color:var(--color-text-tertiary,#6c757d);font-size:.8125rem}.pagination{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.page-btn{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.page-btn:hover:not(:disabled){background:#0b5ed7}.page-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.page-info{color:#212529;color:var(--color-text-primary,#212529);font-size:.9375rem;font-weight:600}.empty-state,.feature-disabled,.loading-state{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--color-surface-border,#dee2e6);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.loading-state{font-size:1.125rem}.empty-state p,.loading-state{color:#6c757d;color:var(--color-text-secondary,#6c757d)}.empty-state p{font-size:1rem;margin:0 0 20px}.clear-btn{background:#0d6efd;background:var(--color-nike-blue,#0d6efd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s}.clear-btn:hover{background:#0b5ed7}.feature-disabled h2{color:#212529;color:var(--color-text-primary,#212529);margin:0 0 12px}.feature-disabled p{color:#6c757d;color:var(--color-text-secondary,#6c757d);margin:0}@media (max-width:1200px){.boms-table{font-size:.8125rem}.boms-table td,.boms-table th{padding:12px 10px}}@media (max-width:768px){.bom-search-page{padding:16px}.page-header h1{font-size:1.5rem}.filters-section{flex-direction:column}.filter-select{width:100%}.table-container{overflow-x:auto}.boms-table{min-width:1000px}}.bom-search-page *{color:inherit}.page-header h1{color:#212529!important}.page-header p{color:#6c757d!important}.search-input{background:#fff!important;border-color:#dee2e6!important;color:#212529!important}.search-btn{background:#0d6efd!important;color:#fff!important}.filter-select,.filters-section{background:#fff!important;border-color:#dee2e6!important}.filter-select{color:#212529!important}.clear-filters-btn{background:#fff!important;border-color:#adb5bd!important;color:#6c757d!important}.results-summary{background:#fff!important;border-color:#dee2e6!important}.results-count{color:#212529!important}.search-indicator{color:#6c757d!important}.table-container{border-color:#dee2e6!important}.boms-table,.table-container{background:#fff!important}.boms-table thead{background:#f1f3f5!important;border-color:#dee2e6!important}.boms-table th{background:#f1f3f5!important;color:#212529!important}.boms-table tbody tr{background:#fff!important;border-color:#dee2e6!important}.boms-table tbody tr:hover{background:#f8f9fa!important}.boms-table td{color:#495057!important}.bom-name-cell{color:#212529!important}.pagination{background:#fff!important;border-color:#dee2e6!important}.page-btn{background:#0d6efd!important;color:#fff!important}.page-btn:disabled{background:#6c757d!important}.page-info{color:#212529!important}.empty-state,.feature-disabled,.loading-state{background:#fff!important;border-color:#dee2e6!important;color:#6c757d!important}.feature-disabled h2{color:#212529!important}.ActionPane_actionPane__ti8DW{background:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;padding:12px 24px;position:relative;z-index:40}.ActionPane_actionPane__ti8DW,.ActionPane_buttonGroup__xzwWo{align-items:center;display:flex;gap:16px}.ActionPane_button__\+pUEb{align-items:center;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;cursor:pointer;display:inline-flex;font-family:Nike Sans,Arial,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.ActionPane_button__\+pUEb:hover:not(:disabled){background:#f5f5f5!important;border-color:#000!important;transform:translateY(-1px)}.ActionPane_button__\+pUEb:focus-visible{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none}.ActionPane_button__\+pUEb:disabled{background:#f5f5f5!important;border-color:#e0e0e0!important;color:#9e9e9e!important;cursor:not-allowed;opacity:.5}.ActionPane_icon__kg1jS{align-items:center;color:inherit!important;display:flex;flex-shrink:0;justify-content:center}.ActionPane_bomActionsButton__YuHLp.ActionPane_active__e\+-4X{background:#fff5f0!important;border-color:#ff4d00!important}.ActionPane_bomActionsButton__YuHLp.ActionPane_active__e\+-4X .ActionPane_buttonLabel__FDbUy,.ActionPane_bomActionsButton__YuHLp.ActionPane_active__e\+-4X .ActionPane_icon__kg1jS{color:#ff4d00!important}.ActionPane_editButton__foGXO.ActionPane_editing__7ybY2{background:#eff6ff!important;border-color:#0a66ff!important;color:#0a66ff!important}.ActionPane_editButton__foGXO.ActionPane_editing__7ybY2 .ActionPane_icon__kg1jS{color:#0a66ff!important}.ActionPane_editButton__foGXO.ActionPane_editing__7ybY2 .ActionPane_buttonLabel__FDbUy{color:#0a66ff!important;text-decoration:none}.ActionPane_editButton__foGXO.ActionPane_editing__7ybY2:hover .ActionPane_buttonLabel__FDbUy{text-decoration:underline}.ActionPane_buttonLabel__FDbUy{color:inherit!important;font-size:14px;font-weight:600}.ActionPane_separator__rFpna{background:#e0e0e0!important;height:28px;margin:0 8px;width:1px}.ActionPane_viewAsPill__Qq101{align-items:center;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:24px;color:#000!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:12px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.ActionPane_viewAsPill__Qq101:hover{background:#f5f5f5!important;border-color:#000!important}.ActionPane_viewAsPill__Qq101:focus-visible{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none}.ActionPane_viewAsPill__Qq101.ActionPane_open__NGLld{background:#f5f5f5!important;border-color:#000!important}.ActionPane_viewAsPillLabel__nxe\+W{color:#000!important;font-size:14px}.ActionPane_dropdownContainer__xPtJ5{position:relative}.ActionPane_dropdownMenu__OZ\+sl{animation:ActionPane_dropdownFadeIn__pMo4Q .15s ease-out;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px;box-shadow:0 10px 25px #00000026!important;left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}@keyframes ActionPane_dropdownFadeIn__pMo4Q{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ActionPane_dropdownItem__OWj0t{align-items:center;background:#fff!important;border:none;color:#000!important;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:36px;padding:0 14px;text-align:left;transition:background .15s ease;width:100%}.ActionPane_dropdownItem__OWj0t:hover:not(:disabled){background:#f9f9f9!important}.ActionPane_dropdownItem__OWj0t:focus-visible{background:#f9f9f9!important;outline:none}.ActionPane_dropdownItem__OWj0t:disabled{background:#fff!important;color:#9e9e9e!important;cursor:not-allowed}.ActionPane_dropdownItem__OWj0t.ActionPane_selected__vj\+ck{background:#f2f2f2!important;font-weight:600}.ActionPane_viewAsDropdown__i3Mm5{left:auto;right:0}.ActionPane_chevron__lkGvI{align-items:center;color:inherit!important;display:flex;transition:transform .2s ease}.ActionPane_chevron__lkGvI.ActionPane_open__NGLld{transform:rotate(180deg)}@media (max-width:1024px){.ActionPane_actionPane__ti8DW{flex-wrap:wrap;gap:12px}.ActionPane_buttonGroup__xzwWo{gap:12px}.ActionPane_button__\+pUEb{font-size:13px;padding:6px 12px}.ActionPane_viewAsPill__Qq101{font-size:13px;padding:6px 14px}}@media (max-width:768px){.ActionPane_actionPane__ti8DW{padding:8px 16px}.ActionPane_separator__rFpna{display:none}.ActionPane_dropdownMenu__OZ\+sl{min-width:180px}}.bom-section-footwear{background-color:#fff!important;color:#000!important;display:flex;flex-direction:column;font-family:Nike Sans,Arial,sans-serif!important;font-size:14px!important;left:0;margin:0!important;min-height:100vh;padding:0!important;position:relative;right:0;width:100%}.bom-section-footwear .bom-content-wrapper{min-width:100%}.bom-section-footwear .bom-content-wrapper,.bom-section-footwear .bom-groups{flex:1 1;overflow-x:auto;overflow-y:auto;width:100%}.bom-section-footwear .table-container{min-width:100%;overflow-x:auto;width:100%}.bom-section-footwear .bom-table{min-width:1400px;width:-webkit-max-content;width:max-content}.bom-section-footwear *{box-sizing:border-box}.bom-section-footwear .bom-loading{color:#666!important;font-size:16px;padding:40px;text-align:center}.bom-section-footwear .header{align-items:center;background-color:#000!important;border-bottom:1px solid #e0e0e0!important;color:#fff!important;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.bom-section-footwear .header .logo{height:40px}.bom-section-footwear .header-title{flex:1 1;margin-left:16px}.bom-section-footwear .header-title h1{color:#fff!important;font-size:20px;font-weight:700;margin:0 0 4px}.bom-section-footwear .header-subtitle{color:#ccc!important;font-size:14px;margin:0}.bom-section-footwear .header .actions{align-items:center;display:flex;gap:12px}.bom-section-footwear .header .actions button{background-color:#fff!important;border:none;border-radius:4px;color:#000!important;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s}.bom-section-footwear .header .actions button:hover{background-color:#f5f5f5!important;transform:translateY(-1px)}.bom-section-footwear .bom-fw-toolbar,.bom-section-footwear .bom-toolbar{align-items:center;background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.bom-section-footwear .bom-total{align-items:center;display:flex;gap:12px}.bom-section-footwear .total-label{color:#666!important;font-size:14px;font-weight:600}.bom-section-footwear .total-amount{color:#4caf50!important;font-size:24px;font-weight:700}.bom-section-footwear .bom-actions,.bom-section-footwear .bom-fw-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bom-section-footwear .action-btn,.bom-section-footwear .bom-fw-action-btn,.bom-section-footwear .btn-export,.bom-section-footwear .btn-prepopulate{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.bom-section-footwear .action-btn:hover,.bom-section-footwear .bom-fw-action-btn:hover,.bom-section-footwear .btn-export:hover,.bom-section-footwear .btn-prepopulate:hover{background-color:#f9f9f9!important;border-color:#000!important;transform:translateY(-1px)}.bom-section-footwear .bom-meta{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;color:#666!important;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:13px;gap:24px;padding:12px 24px}.bom-section-footwear .bom-meta span{align-items:center;display:flex;gap:4px}.bom-section-footwear .bom-fw-section-title,.bom-section-footwear .bom-fw-title,.bom-section-footwear .section-title{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;flex-shrink:0;font-size:18px;font-weight:700;margin:0;padding:16px 24px}.bom-section-footwear .bom-fw-sections,.bom-section-footwear .bom-groups{background-color:#fff!important;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto}.bom-section-footwear .bom-fw-section,.bom-section-footwear .bom-group{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important}.bom-section-footwear .bom-fw-header{background-color:#f9f9f9!important;flex-shrink:0;justify-content:space-between;padding:16px 24px}.bom-section-footwear .bom-fw-header,.bom-section-footwear .group-header{align-items:center;border-bottom:1px solid #e0e0e0!important;display:flex}.bom-section-footwear .group-header{background-color:#f2f2f2!important;cursor:pointer;font-weight:700;gap:12px;padding:12px 24px;transition:background .2s;-webkit-user-select:none;user-select:none}.bom-section-footwear .group-header:hover{background-color:#e8e8e8!important}.bom-section-footwear .group-icon{color:#666!important;font-size:12px;transition:transform .2s}.bom-section-footwear .group-title{color:#000!important;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bom-section-footwear .group-count{background-color:#e8e8e8!important;border-radius:12px;color:#666!important;font-size:12px;padding:4px 10px}.bom-section-footwear .group-subtotal{color:#4caf50!important;font-size:14px;font-weight:700;margin-left:auto}.bom-section-footwear .bom-fw-table,.bom-section-footwear .bom-table,.bom-section-footwear .table{background-color:#fff!important;border-collapse:collapse;font-size:14px;width:100%}.bom-section-footwear .bom-fw-table th,.bom-section-footwear .bom-table th,.bom-section-footwear .table th{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.bom-section-footwear .bom-fw-table td,.bom-section-footwear .bom-table td,.bom-section-footwear .table td{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;font-size:14px;padding:8px 16px;vertical-align:middle}.bom-section-footwear .bom-fw-table tbody tr:hover,.bom-section-footwear .bom-table tbody tr:hover,.bom-section-footwear .table tbody tr:hover{background-color:#f9f9f9!important}.bom-section-footwear .bom-fw-table tbody tr.alternate-row,.bom-section-footwear .bom-table tbody tr.alternate-row{background-color:#fafafa!important}.bom-section-footwear .bom-fw-table input[type=number],.bom-section-footwear .bom-fw-table input[type=text],.bom-section-footwear .bom-fw-table select,.bom-section-footwear .bom-fw-table textarea,.bom-section-footwear .bom-table input[type=number],.bom-section-footwear .bom-table input[type=text],.bom-section-footwear .bom-table select,.bom-section-footwear .bom-table textarea,.bom-section-footwear .editable-cell input,.bom-section-footwear .table input[type=number],.bom-section-footwear .table input[type=text],.bom-section-footwear .table select,.bom-section-footwear .table textarea{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;font-family:Nike Sans,Arial,sans-serif;font-size:13px;padding:6px 10px;transition:all .2s;width:100%}.bom-section-footwear .bom-fw-table input:focus,.bom-section-footwear .bom-fw-table select:focus,.bom-section-footwear .bom-fw-table textarea:focus,.bom-section-footwear .bom-table input:focus,.bom-section-footwear .bom-table select:focus,.bom-section-footwear .bom-table textarea:focus,.bom-section-footwear .editable-cell input:focus,.bom-section-footwear .table input:focus,.bom-section-footwear .table select:focus,.bom-section-footwear .table textarea:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none}.bom-section-footwear .bom-fw-table input.error,.bom-section-footwear .bom-table input.error,.bom-section-footwear .editable-cell input.error,.bom-section-footwear .table input.error{background-color:#fff5f5!important;border-color:#d32f2f!important}.bom-section-footwear .color-display{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:16px;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s ease}.bom-section-footwear .color-display:hover{background-color:#f0f0f0;box-shadow:0 1px 3px #0000001a}.bom-section-footwear .color-swatch{border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;display:inline-block;flex-shrink:0;height:16px;width:16px}.bom-section-footwear .color-text{color:#333;font-size:12px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-section-footwear .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.bom-section-footwear .status-active,.bom-section-footwear .status-badge.status-approved{background-color:#e8f5e9!important;color:#4caf50!important;font-weight:700}.bom-section-footwear .status-badge.status-pending,.bom-section-footwear .status-inactive{background-color:#f5f5f5!important;color:#9e9e9e!important}.bom-section-footwear .status-badge.status-draft{background-color:#f5f5f5!important;color:#666!important}.bom-section-footwear .row-actions{align-items:center;display:flex;gap:6px}.bom-section-footwear .icon-btn{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#666!important;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.bom-section-footwear .icon-btn:hover{background-color:#f9f9f9!important;border-color:#000!important;color:#000!important}.bom-section-footwear .icon-btn.danger:hover{background-color:#ffebee!important;border-color:#d32f2f!important;color:#d32f2f!important}.bom-section-footwear .add-item-btn{align-items:center;background-color:#fff!important;border:1px dashed #e0e0e0!important;border-radius:4px;color:#666!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:12px 24px;padding:10px 16px;transition:all .2s}.bom-section-footwear .add-item-btn:hover{background-color:#f9f9f9!important;border-color:#000!important;color:#000!important}.bom-section-footwear .scope-selector{align-items:center;display:flex;gap:8px}.bom-section-footwear .scope-btn{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.bom-section-footwear .scope-btn:hover{background-color:#f9f9f9!important;border-color:#000!important}.bom-section-footwear .scope-btn.active{background-color:#000!important;border-color:#000!important;color:#fff!important}.bom-section-footwear .bom-filters{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;display:flex;flex-wrap:wrap;gap:12px;padding:12px 24px}.bom-section-footwear .filter-chip{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:16px;color:#000!important;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.bom-section-footwear .filter-chip:hover{background-color:#f9f9f9!important;border-color:#000!important}.bom-section-footwear .filter-chip.active{background-color:#000!important;border-color:#000!important;color:#fff!important}.bom-section-footwear .comments-panel{background-color:#f9f9f9!important;border:1px solid #e0e0e0!important;border-radius:4px;margin-top:8px;padding:12px}.bom-section-footwear .comment-item{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;margin-bottom:8px;padding:8px}.bom-section-footwear .comment-author{color:#000!important;font-size:12px;font-weight:700}.bom-section-footwear .comment-text{color:#000!important;font-size:13px;margin-top:4px}.bom-section-footwear .comment-date{color:#666!important;font-size:11px;margin-top:4px}.bom-section-footwear .autocomplete-container{position:relative;width:100%}.bom-section-footwear .autocomplete-input{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;font-size:13px;padding:6px 10px;width:100%}.bom-section-footwear .autocomplete-dropdown{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.bom-section-footwear .autocomplete-item{color:#000!important;cursor:pointer;font-size:13px;padding:8px 12px;transition:background .15s}.bom-section-footwear .autocomplete-item.selected,.bom-section-footwear .autocomplete-item:hover{background-color:#f9f9f9!important}.bom-section-footwear .bom-empty{color:#666!important;padding:60px 24px;text-align:center}.bom-section-footwear .bom-empty h3{color:#000!important;font-size:18px;margin-bottom:8px}.bom-section-footwear .bom-empty p{color:#666!important;font-size:14px}.bom-section-footwear .bom-form-row{background-color:#fffbf5!important;border-left:3px solid #ff9800!important}.bom-section-footwear .form-field-group{align-items:center;display:flex;gap:4px}.bom-section-footwear .library-btn{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 10px;transition:all .2s}.bom-section-footwear .library-btn:hover{background-color:#f9f9f9!important;border-color:#000!important}.bom-section-footwear .action-buttons{display:flex;gap:6px}.bom-section-footwear .btn-cancel,.bom-section-footwear .btn-save{border:1px solid #e0e0e0!important;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.bom-section-footwear .btn-save{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important}.bom-section-footwear .btn-save:hover{background-color:#45a049!important}.bom-section-footwear .btn-cancel{background-color:#fff!important;color:#000!important}.bom-section-footwear .btn-cancel:hover{background-color:#f9f9f9!important}.bom-section-footwear .input-small{max-width:80px}.bom-section-footwear .input-medium{max-width:200px}.bom-section-footwear .cost-cell{color:#4caf50!important;font-weight:700}.bom-section-footwear .bom-fw-sections::-webkit-scrollbar,.bom-section-footwear .bom-groups::-webkit-scrollbar{width:8px}.bom-section-footwear .bom-fw-sections::-webkit-scrollbar-track,.bom-section-footwear .bom-groups::-webkit-scrollbar-track{background-color:#f9f9f9!important}.bom-section-footwear .bom-fw-sections::-webkit-scrollbar-thumb,.bom-section-footwear .bom-groups::-webkit-scrollbar-thumb{background-color:#e0e0e0!important;border-radius:4px}.bom-section-footwear .bom-fw-sections::-webkit-scrollbar-thumb:hover,.bom-section-footwear .bom-groups::-webkit-scrollbar-thumb:hover{background-color:#666!important}@media (max-width:1024px){.bom-section-footwear .bom-fw-toolbar,.bom-section-footwear .bom-toolbar{align-items:stretch;flex-direction:column}.bom-section-footwear .bom-meta{flex-direction:column;gap:8px}.bom-section-footwear .bom-fw-table,.bom-section-footwear .bom-table,.bom-section-footwear .table{font-size:13px}.bom-section-footwear .bom-fw-table td,.bom-section-footwear .bom-fw-table th,.bom-section-footwear .bom-table td,.bom-section-footwear .bom-table th,.bom-section-footwear .table td,.bom-section-footwear .table th{padding:8px 12px}}.app-content,.bom-section-apparel,.style-detail-container,[class*=detail-container],[class*=page-container]{margin:0!important;padding:0!important}.bom-section-apparel{background-color:#fff!important;color:#000!important;display:flex;flex-direction:column;font-family:Nike Sans,Arial,sans-serif!important;font-size:14px!important;left:0;min-height:100vh;position:relative;right:0;width:100%}.bom-section-apparel .bom-content-wrapper{flex:1 1;min-width:100%;overflow-x:auto;overflow-y:auto;width:100%}.bom-section-apparel .bom-groups{overflow-x:auto;width:100%}.bom-section-apparel .table-container{min-width:100%;overflow-x:auto;width:100%}.bom-section-apparel .bom-table{min-width:1400px;width:-webkit-max-content;width:max-content}.bom-section-apparel *{box-sizing:border-box}.bom-section-apparel .bom-loading{color:#666!important;font-size:16px;padding:40px;text-align:center}.bom-section-apparel .header{align-items:center;background-color:#000!important;border-bottom:1px solid #e0e0e0!important;color:#fff!important;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.bom-section-apparel .header .logo{height:40px}.bom-section-apparel .header-title{flex:1 1;margin-left:16px}.bom-section-apparel .header-title h1{color:#fff!important;font-size:20px;font-weight:700;margin:0 0 4px}.bom-section-apparel .header-subtitle{color:#ccc!important;font-size:14px;margin:0}.bom-section-apparel .header .actions{align-items:center;display:flex;gap:12px}.bom-section-apparel .header .actions button{background-color:#fff!important;border:none;border-radius:4px;color:#000!important;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s}.bom-section-apparel .header .actions button:hover{background-color:#f5f5f5!important;transform:translateY(-1px)}.bom-section-apparel .bom-toolbar{align-items:center;background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.bom-section-apparel .bom-total{align-items:center;display:flex;gap:12px}.bom-section-apparel .total-label{color:#666!important;font-size:14px;font-weight:600}.bom-section-apparel .total-amount{color:#4caf50!important;font-size:24px;font-weight:700}.bom-section-apparel .bom-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bom-section-apparel .action-btn,.bom-section-apparel .btn-export,.bom-section-apparel .btn-prepopulate{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.bom-section-apparel .action-btn:hover,.bom-section-apparel .btn-export:hover,.bom-section-apparel .btn-prepopulate:hover{background-color:#f9f9f9!important;border-color:#000!important;transform:translateY(-1px)}.bom-section-apparel .bom-meta{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;color:#666!important;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:13px;gap:24px;padding:12px 24px}.bom-section-apparel .bom-meta span{align-items:center;display:flex;gap:4px}.bom-section-apparel .section-title{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;flex-shrink:0;font-size:18px;font-weight:700;margin:0;padding:16px 24px}.bom-section-apparel .bom-groups{background-color:#fff!important;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto}.bom-section-apparel .bom-group,.bom-section-apparel .group-header{border-bottom:1px solid #e0e0e0!important}.bom-section-apparel .group-header{align-items:center;background-color:#f2f2f2!important;cursor:pointer;display:flex;font-weight:700;gap:12px;padding:12px 24px;transition:background .2s;-webkit-user-select:none;user-select:none}.bom-section-apparel .group-header:hover{background-color:#e8e8e8!important}.bom-section-apparel .group-icon{color:#666!important;font-size:12px;transition:transform .2s}.bom-section-apparel .group-title{color:#000!important;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bom-section-apparel .group-count{background-color:#e8e8e8!important;border-radius:12px;color:#666!important;font-size:12px;padding:4px 10px}.bom-section-apparel .group-subtotal{color:#4caf50!important;font-size:14px;font-weight:700;margin-left:auto}.bom-section-apparel .bom-table,.bom-section-apparel .table{background-color:#fff!important;border-collapse:collapse;font-size:14px;width:100%}.bom-section-apparel .bom-table th,.bom-section-apparel .table th{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.bom-section-apparel .bom-table td,.bom-section-apparel .table td{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;font-size:14px;padding:8px 16px;vertical-align:middle}.bom-section-apparel .bom-table tbody tr:hover,.bom-section-apparel .table tbody tr:hover{background-color:#f9f9f9!important}.bom-section-apparel .bom-table tbody tr.alternate-row{background-color:#fafafa!important}.bom-section-apparel .bom-table input[type=number],.bom-section-apparel .bom-table input[type=text],.bom-section-apparel .bom-table select,.bom-section-apparel .bom-table textarea,.bom-section-apparel .editable-cell input,.bom-section-apparel .table input[type=number],.bom-section-apparel .table input[type=text],.bom-section-apparel .table select,.bom-section-apparel .table textarea{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;font-family:Nike Sans,Arial,sans-serif;font-size:13px;padding:6px 10px;transition:all .2s;width:100%}.bom-section-apparel .bom-table input:focus,.bom-section-apparel .bom-table select:focus,.bom-section-apparel .bom-table textarea:focus,.bom-section-apparel .editable-cell input:focus,.bom-section-apparel .table input:focus,.bom-section-apparel .table select:focus,.bom-section-apparel .table textarea:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none}.bom-section-apparel .bom-table input.error,.bom-section-apparel .editable-cell input.error,.bom-section-apparel .table input.error{background-color:#fff5f5!important;border-color:#d32f2f!important}.bom-section-apparel .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.bom-section-apparel .status-active,.bom-section-apparel .status-badge.status-approved{background-color:#e8f5e9!important;color:#4caf50!important;font-weight:700}.bom-section-apparel .status-badge.status-pending,.bom-section-apparel .status-inactive{background-color:#f5f5f5!important;color:#9e9e9e!important}.bom-section-apparel .status-badge.status-draft{background-color:#f5f5f5!important;color:#666!important}.bom-section-apparel .row-actions{align-items:center;display:flex;gap:6px}.bom-section-apparel .icon-btn{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#666!important;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.bom-section-apparel .icon-btn:hover{background-color:#f9f9f9!important;border-color:#000!important;color:#000!important}.bom-section-apparel .icon-btn.danger:hover{background-color:#ffebee!important;border-color:#d32f2f!important;color:#d32f2f!important}.bom-section-apparel .add-item-btn{align-items:center;background-color:#fff!important;border:1px dashed #e0e0e0!important;border-radius:4px;color:#666!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:12px 24px;padding:10px 16px;transition:all .2s}.bom-section-apparel .add-item-btn:hover{background-color:#f9f9f9!important;border-color:#000!important;color:#000!important}.bom-section-apparel .scope-selector{align-items:center;display:flex;gap:8px}.bom-section-apparel .scope-btn{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.bom-section-apparel .scope-btn:hover{background-color:#f9f9f9!important;border-color:#000!important}.bom-section-apparel .scope-btn.active{background-color:#000!important;border-color:#000!important;color:#fff!important}.bom-section-apparel .bom-filters{background-color:#f9f9f9!important;border-bottom:1px solid #e0e0e0!important;display:flex;flex-wrap:wrap;gap:12px;padding:12px 24px}.bom-section-apparel .filter-chip{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:16px;color:#000!important;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.bom-section-apparel .filter-chip:hover{background-color:#f9f9f9!important;border-color:#000!important}.bom-section-apparel .filter-chip.active{background-color:#000!important;border-color:#000!important;color:#fff!important}.bom-section-apparel .comments-panel{background-color:#f9f9f9!important;border:1px solid #e0e0e0!important;border-radius:4px;margin-top:8px;padding:12px}.bom-section-apparel .comment-item{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;margin-bottom:8px;padding:8px}.bom-section-apparel .comment-author{color:#000!important;font-size:12px;font-weight:700}.bom-section-apparel .comment-text{color:#000!important;font-size:13px;margin-top:4px}.bom-section-apparel .comment-date{color:#666!important;font-size:11px;margin-top:4px}.bom-section-apparel .autocomplete-container{position:relative;width:100%}.bom-section-apparel .autocomplete-input{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;color:#000!important;font-size:13px;padding:6px 10px;width:100%}.bom-section-apparel .autocomplete-dropdown{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.bom-section-apparel .autocomplete-item{color:#000!important;cursor:pointer;font-size:13px;padding:8px 12px;transition:background .15s}.bom-section-apparel .autocomplete-item.selected,.bom-section-apparel .autocomplete-item:hover{background-color:#f9f9f9!important}.bom-section-apparel .bom-empty{color:#666!important;padding:60px 24px;text-align:center}.bom-section-apparel .bom-empty h3{color:#000!important;font-size:18px;margin-bottom:8px}.bom-section-apparel .bom-empty p{color:#666!important;font-size:14px}.bom-section-apparel .bom-form-row{background-color:#fffbf5!important;border-left:3px solid #ff9800!important}.bom-section-apparel .form-field-group{align-items:center;display:flex;gap:4px}.bom-section-apparel .library-btn{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 10px;transition:all .2s}.bom-section-apparel .library-btn:hover{background-color:#f9f9f9!important;border-color:#000!important}.bom-section-apparel .action-buttons{display:flex;gap:6px}.bom-section-apparel .btn-cancel,.bom-section-apparel .btn-save{border:1px solid #e0e0e0!important;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.bom-section-apparel .btn-save{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important}.bom-section-apparel .btn-save:hover{background-color:#45a049!important}.bom-section-apparel .btn-cancel{background-color:#fff!important;color:#000!important}.bom-section-apparel .btn-cancel:hover{background-color:#f9f9f9!important}.bom-section-apparel .input-small{max-width:80px}.bom-section-apparel .input-medium{max-width:200px}.bom-section-apparel .cost-cell{color:#4caf50!important;font-weight:700}.bom-section-apparel .bom-groups::-webkit-scrollbar{width:8px}.bom-section-apparel .bom-groups::-webkit-scrollbar-track{background-color:#f9f9f9!important}.bom-section-apparel .bom-groups::-webkit-scrollbar-thumb{background-color:#e0e0e0!important;border-radius:4px}.bom-section-apparel .bom-groups::-webkit-scrollbar-thumb:hover{background-color:#666!important}@media (max-width:1024px){.bom-section-apparel .bom-toolbar{align-items:stretch;flex-direction:column}.bom-section-apparel .bom-meta{flex-direction:column;gap:8px}.bom-section-apparel .bom-table,.bom-section-apparel .table{font-size:13px}.bom-section-apparel .bom-table td,.bom-section-apparel .bom-table th,.bom-section-apparel .table td,.bom-section-apparel .table th{padding:8px 12px}}.bom-detail-page{background:#fafafa;min-height:100vh}.bom-detail-header{border-bottom:1px solid #e5e5e5;gap:20px;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn,.bom-detail-header{align-items:center;background:#fff;display:flex}.back-btn{border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.back-btn:hover{background:#f5f5f5;border-color:#111}.back-btn svg{color:#111}.header-info{flex:1 1;min-width:0}.bom-title{color:#111;font-size:20px;font-weight:700;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bom-id-badge{background:#f5f5f5;border-radius:4px;color:#757575;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 10px}.header-actions{display:flex;flex-shrink:0;gap:12px}.view-style-btn{background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.view-style-btn:hover{background:#f5f5f5;border-color:#111}.loading-state{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;padding:120px 20px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e5e5;border-radius:50%;border-top-color:#111;height:48px;margin-bottom:20px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{font-size:16px;margin:0}.feature-disabled{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:120px 20px;text-align:center}.feature-disabled h2{color:#111;margin:0 0 16px}.feature-disabled p{color:#757575;margin:0 0 24px}.bom-detail-content{background:#fafafa}.bom-info-bar{background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:24px;padding:16px 32px}.info-item{align-items:center;display:flex;gap:8px}.info-label{color:#757575;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#111;font-size:14px;font-weight:600}.total-cost{color:#10b981;font-size:16px}.bom-detail-content>div{background:#fff}.state-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.state-not-started{background:#f5f5f5;color:#757575}.state-in-progress{background:#dbeafe;color:#1e40af}.state-review{background:#fef3c7;color:#92400e}.state-approved{background:#d1fae5;color:#065f46}.state-on-hold{background:#fee2e2;color:#991b1b}.state-dropped{background:#f5f5f5;color:#6b7280}.priority-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase}.priority-high{background:#fee2e2;color:#991b1b}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#e5e7eb;color:#6b7280}.bom-detail-page,.bom-detail-page *{color-scheme:light!important}.bom-detail-page input,.bom-detail-page option,.bom-detail-page select{background:#fff!important;color:#111!important}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:120px 20px;text-align:center}.error-state svg{color:#ef4444;margin-bottom:24px}.error-state h2{color:#111;font-size:24px;margin:0 0 12px}.error-state p{color:#757575;font-size:14px;margin:0 0 24px}@media (max-width:768px){.bom-detail-content{padding:20px}.bom-details-grid{grid-template-columns:1fr}.bom-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}
/*# sourceMappingURL=main.1d469d80.css.map*/