:root{--color-brand-primary: #1D4ED8;--color-brand-primary-dark: #1E40AF;--color-brand-primary-light: #3B82F6;--color-brand-secondary: #F59E0B;--color-brand-accent: #F59E0B;--color-brand-light: #EFF6FF;--color-surface-0: #FFFFFF;--color-surface-1: #F8FAFC;--color-surface-2: #F1F5F9;--color-surface-bg: #F8FAFC;--color-surface-card: #FFFFFF;--color-surface-dark: #0F172A;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-success: #16A34A;--color-warning: #D97706;--color-error: #DC2626;--color-danger: #DC2626;--rgb-brand-primary: 29, 78, 216;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-30: 30px;--font-size-36: 36px;--font-size-48: 48px;--font-size-64: 64px;--line-height-body: 1.5;--line-height-display: 1.2;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--space-96: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-card: var(--shadow-sm);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .15);--shadow-modal: var(--shadow-lg);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s ease;--bp-xs: 360px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(var(--rgb-brand-primary),.1),transparent 32rem),var(--color-surface-bg);color:var(--color-text-primary);font-family:var(--font-body)}body,#root{min-width:0;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%}img,picture{height:auto}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}@media (pointer: coarse){button,[role=button],a,input,select,textarea{min-height:44px}}@keyframes kamyaabiFadeUp{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes kamyaabiBadgeBounce{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.kamyaabi-fade-up{animation:kamyaabiFadeUp .6s cubic-bezier(.4,0,.2,1) both}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-24)}@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}