:root{--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--container-padding-mobile:16px;--container-padding-tablet:24px;--container-padding-desktop:32px;--section-spacing-mobile:48px;--section-spacing-tablet:64px;--section-spacing-desktop:96px;--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;--h1-mobile:2rem;--h1-tablet:2.5rem;--h1-desktop:3rem;--h2-mobile:1.5rem;--h2-tablet:1.875rem;--h2-desktop:2.25rem;--h3-mobile:1.25rem;--h3-tablet:1.5rem;--h3-desktop:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--header-height-mobile:64px;--header-height-tablet:72px;--header-height-desktop:80px;--button-padding-mobile:10px 16px;--button-padding-tablet:12px 24px;--button-padding-desktop:14px 32px;--button-font-size-mobile:0.875rem;--button-font-size-tablet:1rem;--button-font-size-desktop:1rem;--card-padding-mobile:16px;--card-padding-tablet:24px;--card-padding-desktop:32px;--card-gap-mobile:16px;--card-gap-tablet:24px;--card-gap-desktop:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--grid-columns-mobile:1;--grid-columns-tablet:2;--grid-columns-desktop:3;--grid-columns-wide:4;--grid-gap-mobile:16px;--grid-gap-tablet:24px;--grid-gap-desktop:32px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--touch-target-min:44px;--tap-highlight-color:rgba(0,0,0,0);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-notification:800;--z-max:999;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25)}@media (min-width:768px){:root{--container-padding:var(--container-padding-tablet);--section-spacing:var(--section-spacing-tablet);--card-padding:var(--card-padding-tablet);--card-gap:var(--card-gap-tablet);--grid-gap:var(--grid-gap-tablet);--button-padding:var(--button-padding-tablet);--button-font-size:var(--button-font-size-tablet);--header-height:var(--header-height-tablet)}}@media (min-width:1024px){:root{--container-padding:var(--container-padding-desktop);--section-spacing:var(--section-spacing-desktop);--card-padding:var(--card-padding-desktop);--card-gap:var(--card-gap-desktop);--grid-gap:var(--grid-gap-desktop);--button-padding:var(--button-padding-desktop);--button-font-size:var(--button-font-size-desktop);--header-height:var(--header-height-desktop)}}.mobile-only{display:block}.desktop-only,.tablet-only{display:none}@media (min-width:768px){.mobile-only{display:none}.tablet-only{display:block}}@media (min-width:1024px){.tablet-only{display:none}.desktop-only{display:block}}.responsive-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media (min-width:768px){.responsive-container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (min-width:1024px){.responsive-container{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}.responsive-grid{display:grid;gap:var(--grid-gap-mobile);grid-template-columns:repeat(var(--grid-columns-mobile),1fr)}@media (min-width:768px){.responsive-grid{gap:var(--grid-gap-tablet);grid-template-columns:repeat(var(--grid-columns-tablet),1fr)}}@media (min-width:1024px){.responsive-grid{gap:var(--grid-gap-desktop);grid-template-columns:repeat(var(--grid-columns-desktop),1fr)}}.responsive-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width:768px){.responsive-stack{flex-direction:row;gap:var(--spacing-lg)}}*{-webkit-tap-highlight-color:var(--tap-highlight-color);touch-action:manipulation}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (max-width:767px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px!important}}.MuiDataGrid-root{font-size:.75rem}@media (min-width:768px){.MuiDataGrid-root{font-size:.875rem}}@media (min-width:1024px){.MuiDataGrid-root{font-size:1rem}}.MuiDataGrid-columnHeaders,.MuiDataGrid-row{min-height:44px!important}.MuiDataGrid-root{width:100%;overflow-x:auto}.MuiDataGrid-toolbarContainer{flex-wrap:wrap;gap:8px;padding:8px}@media (min-width:768px){.MuiDataGrid-toolbarContainer{padding:12px;gap:12px}}.MuiCard-root{margin-bottom:16px}@media (min-width:768px){.MuiCard-root{margin-bottom:24px}}.MuiCardContent-root{padding:16px!important}@media (min-width:768px){.MuiCardContent-root{padding:24px!important}}@media (min-width:1024px){.MuiCardContent-root{padding:32px!important}}.MuiDialog-paper{margin:16px;width:calc(100% - 32px);max-width:600px}@media (min-width:768px){.MuiDialog-paper{margin:32px}}.MuiDialogContent-root{padding:16px!important}@media (min-width:768px){.MuiDialogContent-root{padding:24px!important}}.MuiDialogActions-root{padding:12px 16px!important;gap:8px;flex-wrap:wrap}@media (min-width:768px){.MuiDialogActions-root{padding:16px 24px!important;gap:12px}}.MuiDialogActions-root>*{flex:1 1 100%;min-width:0}@media (min-width:640px){.MuiDialogActions-root>*{flex:0 1 auto}}.MuiButton-root{min-height:44px;padding:10px 16px;font-size:.875rem}@media (min-width:768px){.MuiButton-root{padding:12px 24px;font-size:1rem}}.MuiButton-sizeSmall{min-height:36px;padding:6px 12px;font-size:.8125rem}.MuiButton-sizeLarge{min-height:48px;padding:12px 24px;font-size:1rem}@media (min-width:768px){.MuiButton-sizeLarge{min-height:52px;padding:14px 32px;font-size:1.0625rem}}.MuiFormControl-root,.MuiTextField-root{margin-bottom:16px}@media (min-width:768px){.MuiFormControl-root,.MuiTextField-root{margin-bottom:20px}}.MuiInputBase-root{font-size:16px!important}.MuiInputBase-input{padding:12px 14px}@media (min-width:768px){.MuiInputBase-input{padding:16px 14px}}.MuiMenu-paper{max-width:calc(100vw - 32px);max-height:calc(100vh - 96px)}.MuiMenuItem-root{min-height:44px;padding:12px 16px}@media (min-width:768px){.MuiMenuItem-root{padding:12px 24px}}.MuiDrawer-paper{width:85vw;max-width:320px}@media (min-width:768px){.MuiDrawer-paper{width:300px}}.MuiTab-root,.MuiTabs-root{min-height:44px}.MuiTab-root{padding:12px 16px;font-size:.875rem}@media (min-width:768px){.MuiTab-root{min-height:48px;padding:12px 24px;font-size:1rem}}.MuiTabs-scroller{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.MuiSnackbar-root{left:16px;right:16px;bottom:16px}@media (min-width:768px){.MuiSnackbar-root{left:auto;right:24px;bottom:24px;min-width:344px}}.MuiSnackbarContent-root{flex-wrap:wrap;padding:12px 16px;font-size:.875rem}@media (min-width:768px){.MuiSnackbarContent-root{padding:12px 16px;font-size:1rem}}.MuiPagination-root{margin:16px 0}.MuiPaginationItem-root{min-width:32px;height:32px;font-size:.875rem}@media (min-width:768px){.MuiPaginationItem-root{min-width:40px;height:40px;font-size:1rem}}@media (max-width:480px){.MuiPaginationItem-root:not(.MuiPaginationItem-previousNext):not(.MuiPaginationItem-firstLast){display:none}.MuiPaginationItem-root:nth-child(2),.MuiPaginationItem-root:nth-last-child(2){display:inline-flex}}.MuiChip-root{height:32px;font-size:.8125rem}@media (min-width:768px){.MuiChip-root{height:36px;font-size:.875rem}}.MuiTooltip-tooltip{font-size:.75rem;padding:8px 12px;max-width:200px}@media (min-width:768px){.MuiTooltip-tooltip{font-size:.875rem;padding:10px 16px;max-width:300px}}.MuiTable-root{min-width:100%}.MuiTableCell-root{padding:12px 8px;font-size:.8125rem}@media (min-width:768px){.MuiTableCell-root{padding:16px;font-size:.875rem}}.MuiTableCell-head{font-weight:600;white-space:nowrap}.MuiTableContainer-root{overflow-x:auto;-webkit-overflow-scrolling:touch}.MuiStepper-root{padding:16px 8px}@media (min-width:768px){.MuiStepper-root{padding:24px 16px}}.MuiStepLabel-label{font-size:.75rem}@media (min-width:768px){.MuiStepLabel-label{font-size:.875rem}}@media (max-width:767px){.MuiStepper-horizontal{flex-direction:column}.MuiStep-root{padding:8px 0}}.MuiAccordion-root{margin-bottom:8px!important}@media (min-width:768px){.MuiAccordion-root{margin-bottom:12px!important}}.MuiAccordionSummary-root{min-height:56px!important;padding:0 12px}@media (min-width:768px){.MuiAccordionSummary-root{min-height:64px!important;padding:0 16px}}.MuiAccordionDetails-root{padding:12px}@media (min-width:768px){.MuiAccordionDetails-root{padding:16px}}.MuiAvatar-root{width:40px;height:40px;font-size:1.25rem}@media (min-width:768px){.MuiAvatar-root{width:48px;height:48px;font-size:1.5rem}}.MuiAvatar-large{width:56px;height:56px;font-size:1.75rem}@media (min-width:768px){.MuiAvatar-large{width:64px;height:64px;font-size:2rem}}.MuiBadge-badge{font-size:.625rem;min-width:18px;height:18px;padding:0 4px}@media (min-width:768px){.MuiBadge-badge{font-size:.75rem;min-width:20px;height:20px;padding:0 6px}}.MuiStack-root{gap:16px}@media (min-width:768px){.MuiStack-root{gap:24px}}.MuiIconButton-root{padding:12px;min-width:44px;min-height:44px}@media (min-width:768px){.MuiIconButton-root{padding:8px}}.MuiButton-root:focus-visible,.MuiChip-root:focus-visible,.MuiIconButton-root:focus-visible{outline:2px solid;outline-offset:2px}.MuiCircularProgress-root{width:32px!important;height:32px!important}@media (min-width:768px){.MuiCircularProgress-root{width:40px!important;height:40px!important}}.MuiLinearProgress-root{height:4px}@media (min-width:768px){.MuiLinearProgress-root{height:6px}}.MuiPaper-root{border-radius:8px}@media (min-width:768px){.MuiPaper-root{border-radius:12px}}.MuiGrid-container{margin:-8px;width:calc(100% + 16px)}.MuiGrid-item{padding:8px}@media (min-width:768px){.MuiGrid-container{margin:-12px;width:calc(100% + 24px)}.MuiGrid-item{padding:12px}}@media (min-width:1024px){.MuiGrid-container{margin:-16px;width:calc(100% + 32px)}.MuiGrid-item{padding:16px}}