:root{--color-brand-primary: #1D4ED8;--color-brand-primary-dark: #1E40AF;--color-brand-primary-light: #3B82F6;--color-brand-secondary: #F59E0B;--color-brand-accent: #10B981;--color-brand-light: #EFF6FF;--color-surface-0: #FFFFFF;--color-surface-1: #F8FAFC;--color-surface-2: #F1F5F9;--color-surface-bg: #F4F6F8;--color-surface-card: #FFFFFF;--color-surface-dark: #0F172A;--color-surface-hover: #F1F5F9;--color-border: #E2E8F0;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--rgb-brand-primary: 29, 78, 216;--rgb-brand-accent: 16, 185, 129;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.7rem, 1vw, .75rem);--text-sm: clamp(.8rem, 1.2vw, .875rem);--text-base: clamp(.9rem, 1.5vw, 1rem);--text-lg: clamp(1rem, 1.8vw, 1.125rem);--text-xl: clamp(1.125rem, 2vw, 1.25rem);--text-2xl: clamp(1.25rem, 2.5vw, 1.5rem);--text-3xl: clamp(1.5rem, 3vw, 1.875rem);--text-4xl: clamp(1.875rem, 4vw, 2.25rem);--text-5xl: clamp(2.25rem, 5vw, 3rem);--font-size-12: var(--text-xs);--font-size-14: var(--text-sm);--font-size-16: var(--text-base);--font-size-18: var(--text-lg);--font-size-20: var(--text-xl);--font-size-24: var(--text-2xl);--font-size-30: var(--text-3xl);--font-size-36: var(--text-4xl);--font-size-48: var(--text-5xl);--font-size-64: clamp(2rem, 6vw, 4rem);--icon-wishlist: clamp(16px, 2.5vw, 20px);--line-height-body: 1.5;--line-height-display: 1.2;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--space-96: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 8px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-card: var(--shadow-sm);--shadow-hover: var(--shadow-md);--shadow-modal: var(--shadow-lg);--shadow-sticky: 0 -4px 16px rgba(0, 0, 0, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-base: var(--transition-normal);--bp-xs: 360px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-surface-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-width:0;overflow-x:hidden}#root{display:flex;flex-direction:column}img,picture,video,canvas,svg{max-width:100%}img,picture{height:auto}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}@media (pointer: coarse){button,[role=button],a.touch-target,input,select,textarea{min-height:44px}}@keyframes kamyaabiFadeUp{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes kamyaabiBadgeBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes kamyaabiSlideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kamyaabi-fade-up{animation:kamyaabiFadeUp var(--transition-bounce) both}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-24);width:100%}@media (max-width: 479px){.product-grid{grid-template-columns:1fr;gap:var(--space-16)}}@media (min-width: 480px) and (max-width: 767px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.touch-target{min-width:44px;min-height:44px}.page-fade-enter{opacity:0;transform:translateY(8px)}.page-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.prose{max-width:65ch}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;background:var(--color-brand-primary);color:#fff;padding:var(--space-8) var(--space-16);border-radius:var(--radius-sm);text-decoration:none;font-weight:600}.skip-to-content:focus{top:var(--space-8)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--color-surface-bg) 25%,#E2E8F0 50%,var(--color-surface-bg) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.MuiTableContainer-root{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;border:1px solid rgba(29,78,216,.08)}.MuiTableHead-root .MuiTableCell-root{position:sticky;top:0;z-index:1;background:var(--color-surface-bg);color:var(--color-text-primary);font-weight:800;letter-spacing:.01em}.MuiTableBody-root .MuiTableRow-root:nth-of-type(2n){background:#1d4ed806}.MuiTableBody-root .MuiTableRow-root{transition:background-color var(--transition-base)}.MuiTableBody-root .MuiTableRow-root:hover{background:#1d4ed80f}.MuiTableBody-root .MuiTableCell-root{color:var(--color-text-primary)}.MuiTextField-root .MuiOutlinedInput-root,.MuiFormControl-root .MuiOutlinedInput-root{border-radius:var(--radius-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused,.MuiFormControl-root .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 4px #1d4ed81a}.MuiTextField-root .MuiInputLabel-root.Mui-focused,.MuiFormControl-root .MuiInputLabel-root.Mui-focused{color:var(--color-brand-primary)}.MuiTextField-root .MuiOutlinedInput-root.Mui-error,.MuiFormControl-root .MuiOutlinedInput-root.Mui-error{box-shadow:0 0 0 4px #dc262614}.MuiButton-root{transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)!important}.MuiButton-root:not(.Mui-disabled):active{transform:scale(.98)}.MuiChip-root{font-weight:700}@media (max-width: 767px){.MuiContainer-root{padding-left:12px!important;padding-right:12px!important}}@media (max-width: 767px){.MuiTableContainer-root{max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch}}.full-bleed{width:100vw;margin-left:calc(-50vw + 50%)}