html,body{overflow-x:hidden;max-width:100vw}.app-shell{min-height:100vh;min-height:100dvh}*{box-sizing:border-box}.container,.MuiContainer-root{max-width:100%;overflow-x:hidden}@media (max-width: 23.375em){.MuiDrawer-paperAnchorLeft{width:min(85vw,280px)!important;max-width:280px!important}.app-shell__header{min-height:48px;padding:calc(var(--safe-area-top) + .25rem) .5rem .25rem}.app-shell__title{font-size:.875rem;font-weight:600;max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__header-actions .MuiIconButton-root{padding:.25rem;min-width:40px;min-height:40px}.app-shell__bottom-nav .MuiBottomNavigationAction-root{min-width:60px;padding:.25rem .125rem;font-size:.75rem}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:.625rem;margin-top:.125rem}:root{--header-height: 56px;--bottom-nav-height: 64px;--content-padding: .75rem;--touch-target-min: 44px}.app-shell__header{padding:calc(var(--safe-area-top) + .5rem) .75rem .5rem;min-height:var(--header-height)}.app-shell__title{font-size:1rem;font-weight:600}.app-shell__subtitle{display:none}.app-shell__header-actions{gap:.25rem}.app-shell__header-actions .MuiIconButton-root{padding:.375rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.app-shell__main{padding:var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1rem)}.app-shell__title-group{max-width:calc(100vw - 140px);overflow:hidden}}@media (min-width: 23.4375em) and (max-width: 29.9375em){:root{--header-height: 60px;--bottom-nav-height: 68px;--content-padding: 1rem}.app-shell__header{padding:calc(var(--safe-area-top) + .75rem) 1rem .75rem;min-height:var(--header-height)}.app-shell__main{padding:var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1rem)}.app-shell__title-group{max-width:calc(100vw - 160px)}}@media (min-width: 30em) and (max-width: 47.9375em){:root{--header-height: 64px;--bottom-nav-height: 72px;--content-padding: 1.25rem}.app-shell__header{padding:calc(var(--safe-area-top) + 1rem) 1.25rem 1rem;min-height:var(--header-height)}.app-shell__main{padding:var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1rem)}.app-shell__subtitle{display:block}}@media (min-width: 30em) and (max-width: 47.9375em){:root{--header-height: 56px;--bottom-nav-height: 64px;--content-padding: 1rem}.app-shell__header{padding:calc(var(--safe-area-top) + .5rem) 1rem .5rem;min-height:var(--header-height)}.app-shell__main{padding:var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1rem)}.app-shell__title{font-size:1.125rem;max-width:calc(100vw - 140px)}.app-shell__sidebar{width:200px;display:block}.app-shell__bottom-nav{display:none}.MuiDrawer-paperAnchorLeft{width:min(75vw,280px)!important}.ocr-admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.ocr-admin-actions .MuiButton-root{min-height:44px;font-size:.8125rem;padding:.5rem .75rem}.ocr-admin-table .MuiTableCell-root{font-size:.8125rem;padding:.75rem .5rem}.ocr-admin-form-grid{grid-template-columns:1fr;gap:1rem}@media (min-width: 42em){.ocr-admin-form-grid{grid-template-columns:1fr 1fr}}.ocr-admin-page .responsive-heading{font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3}.ocr-admin-page .responsive-body{font-size:clamp(.875rem,2.2vw,1rem);line-height:1.5}.ocr-admin-page .admin-table-text{font-size:clamp(.8125rem,2vw,.875rem);line-height:1.4}.ocr-admin-table .MuiTableCell-root{font-size:.8125rem;line-height:1.4}.ocr-admin-table .MuiTypography-subtitle2{font-size:.875rem;font-weight:600;line-height:1.3}.ocr-admin-table .MuiTypography-body2{font-size:.8125rem;line-height:1.4}.ocr-admin-dialog .MuiTypography-h6{font-size:1.125rem;font-weight:600;line-height:1.3}.ocr-admin-dialog .MuiTypography-body2{font-size:.875rem;line-height:1.5}}@media (min-width: 48em) and (max-width: 63.9375em){:root{--header-height: 68px;--bottom-nav-height: 80px;--content-padding: 2rem}.app-shell__header{padding:calc(var(--safe-area-top) + 1rem) 2rem 1rem;min-height:var(--header-height)}.app-shell__main{padding:var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1.5rem)}.app-shell__bottom-nav .MuiBottomNavigationAction-root{min-height:56px;padding:.75rem .5rem}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:.875rem;margin-top:.25rem}}@media (max-width: 29.9375em){.app-shell__bottom-nav{padding:.5rem .75rem calc(.5rem + var(--safe-area-bottom));min-height:60px}.app-shell__bottom-nav .MuiBottomNavigation-root{gap:.25rem}.app-shell__bottom-nav .MuiBottomNavigationAction-root{min-width:64px;min-height:48px;padding:.375rem .25rem;font-size:.625rem;flex:1;max-width:80px}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:.6rem;margin-top:.125rem;line-height:1.1}.app-shell__bottom-nav .MuiSvgIcon-root{font-size:1.25rem}}@media (min-width: 30em) and (max-width: 47.9375em){.app-shell__bottom-nav .MuiBottomNavigationAction-root{min-width:72px;min-height:52px;padding:.5rem .375rem}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:.75rem;margin-top:.25rem}}@media (min-width: 64em){.app-shell__bottom-nav{display:none!important}.app-shell__main{padding-bottom:2rem}}.responsive-grid{display:grid;gap:clamp(.75rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}@media (max-width: 23.375em){.responsive-grid{grid-template-columns:1fr;gap:.75rem}}@media (min-width: 48em){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (min-width: 64em){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}}.dashboard-card,.MuiCard-root{width:100%;max-width:100%;margin:0;overflow:hidden}.dashboard-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 23.375em){.dashboard-stats{grid-template-columns:1fr;gap:.75rem}}.MuiDataGrid-root{min-width:0;width:100%}@media (max-width: 47.9375em){.MuiDataGrid-root{.MuiDataGrid-columnHeaders{font-size:.875rem}.MuiDataGrid-cell{font-size:.875rem;padding:.5rem}}}.form-container{width:100%;max-width:100%}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 30em){.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (min-width: 64em){.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}.responsive-heading{font-size:clamp(1.25rem,3vw,2rem);line-height:1.2;font-weight:600}.responsive-body{font-size:clamp(.875rem,2vw,1rem);line-height:1.5}.responsive-small{font-size:clamp(.75rem,1.5vw,.875rem);line-height:1.4}@media (max-width: 23.375em){.responsive-heading{font-size:clamp(1rem,4vw,1.25rem);line-height:1.3}.responsive-body{font-size:clamp(.8125rem,2.5vw,.9375rem);line-height:1.6}.responsive-small{font-size:clamp(.6875rem,2vw,.8125rem);line-height:1.5}.admin-page-title{font-size:1.125rem;font-weight:600;line-height:1.3}.admin-card-title{font-size:.9375rem;font-weight:600;line-height:1.4}.admin-table-text{font-size:.8125rem;line-height:1.4}}@media (min-width: 30em) and (max-width: 47.9375em){.responsive-heading{font-size:clamp(1.375rem,3.5vw,1.75rem)}.responsive-body{font-size:clamp(.9375rem,2.2vw,1.0625rem);line-height:1.55}.admin-page-title{font-size:1.25rem;font-weight:600;line-height:1.3}.admin-card-title{font-size:1rem;font-weight:600;line-height:1.4}.admin-table-text{font-size:.875rem;line-height:1.4}}@media (hover: none) and (pointer: coarse){button,.MuiButton-root,.MuiIconButton-root,.MuiChip-root,.MuiMenuItem-root,a{min-height:44px;min-width:44px;padding:.75rem}.MuiButtonBase-root+.MuiButtonBase-root{margin-left:.5rem}.scrollable-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.admin-table-container .MuiIconButton-root{min-height:40px;min-width:40px;padding:.5rem}.admin-filters .MuiIconButton-root{min-height:42px;min-width:42px}.admin-controls .MuiButton-root{min-height:48px;padding:.75rem 1.5rem}}@media (max-width: 47.9375em){.MuiIconButton-root{min-height:44px;min-width:44px;padding:.75rem}.MuiButton-root{min-height:44px;padding:.75rem 1rem}.MuiChip-root{min-height:40px;padding:.5rem .75rem}.admin-page .MuiIconButton-root{min-height:44px;min-width:44px}.admin-page .MuiButton-root{min-height:48px}.admin-table-container .MuiIconButton-root{min-height:42px;min-width:42px;margin:.125rem}.ocr-admin-page .MuiIconButton-root{min-height:44px;min-width:44px;padding:.75rem}.ocr-admin-page .MuiButton-root{min-height:48px;padding:.75rem 1rem}.ocr-admin-page .MuiSwitch-root,.ocr-admin-page .MuiCheckbox-root{padding:.75rem}.ocr-admin-table .MuiIconButton-root{min-height:44px;min-width:44px;padding:.5rem}.ocr-admin-table .MuiCheckbox-root{min-height:44px;min-width:44px;padding:.75rem}.ocr-admin-dialog .MuiIconButton-root{min-height:44px;min-width:44px}.ocr-admin-dialog .MuiButton-root{min-height:48px}.ocr-catalog-dialog .MuiIconButton-root{min-height:44px;min-width:44px}.ocr-catalog-dialog .MuiButton-root{min-height:48px}.ocr-admin-form-grid .MuiTextField-root,.ocr-admin-form-grid .MuiFormControl-root{min-height:56px}}.MuiDrawer-paperAnchorLeft{width:min(90vw,320px)!important;max-width:320px!important}@media (max-width: 23.375em){.MuiDrawer-paperAnchorLeft{width:min(95vw,300px)!important}}.MuiModal-root{padding:1rem}@media (max-width: 29.9375em){.MuiModal-root{padding:.5rem}}.MuiDialog-paper{margin:.5rem;width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}@media (prefers-reduced-data: reduce){.decorative-image,.background-pattern{display:none}*{box-shadow:none!important;backdrop-filter:none!important}}.focus-visible-only:focus:not(:focus-visible){outline:none}.focus-visible-only:focus-visible{outline:2px solid var(--color-accent, #2563eb);outline-offset:2px}@media (prefers-contrast: high){.app-shell__header{border-bottom:2px solid}.app-shell__bottom-nav{border-top:2px solid}button,.MuiButton-root{border:2px solid}}@media print{.app-shell__header,.app-shell__bottom-nav,.app-shell__sidebar,.no-print{display:none!important}.app-shell__main{padding:0;margin:0}*{background:#fff!important;color:#000!important;box-shadow:none!important}}@media (max-height: 500px) and (orientation: landscape){.app-shell__header{padding-top:calc(var(--safe-area-top) + .5rem);padding-bottom:.5rem}.app-shell__main{padding-top:.75rem}.app-shell__bottom-nav{padding:.5rem 1rem calc(.5rem + var(--safe-area-bottom));min-height:56px}}.MuiModal-root[aria-hidden=true],.MuiModal-root[aria-hidden=true] *{pointer-events:none!important}.MuiDrawer-root .MuiDrawer-paper{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms;will-change:transform;backface-visibility:hidden;perspective:1000px}.MuiDrawer-root .MuiBackdrop-root{transition:opacity 195ms cubic-bezier(.4,0,.2,1) 0ms!important;will-change:opacity}body:has(.MuiDrawer-root[aria-hidden=false]){overflow:hidden;touch-action:none}#main-content:focus{outline:none}@supports (-webkit-touch-callout: none){.MuiDrawer-root .MuiBackdrop-root{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateZ(0)}}.MuiDrawer-paper *{max-width:100%;overflow-wrap:break-word}.MuiDrawer-root .MuiDrawer-paper,.MuiDrawer-root .MuiBackdrop-root{transform:translateZ(0);-webkit-transform:translateZ(0)}.ocr-admin-page .MuiDrawer-root .MuiDrawer-paper{transition:transform .28s cubic-bezier(.25,.46,.45,.94) 0ms}@media (max-width: 23.375em){.ocr-admin-page .MuiDrawer-paperAnchorLeft{width:min(85vw,300px)!important;max-width:300px!important}}@media (min-width: 30em) and (max-width: 47.9375em){.ocr-admin-page .MuiDrawer-paperAnchorLeft{width:min(70vw,320px)!important;max-width:320px!important}}.ocr-admin-page .MuiDrawer-root .MuiBackdrop-root{background-color:#00000080;backdrop-filter:blur(2px)}.ocr-admin-page .MuiDrawer-paper *{animation:none}.ocr-admin-page .MuiDrawer-paper .MuiList-root{padding:.5rem 0}.ocr-admin-page .MuiDrawer-paper .MuiListItem-root{min-height:48px;padding:.75rem 1rem}@media (max-width: 29.9375em){.ocr-admin-page .MuiDrawer-paper .MuiListItem-root{min-height:44px;padding:.5rem .75rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:clamp(1rem,5vw,2rem)}.auth-form{width:100%;max-width:min(400px,90vw);background:var(--color-surface);border-radius:clamp(.5rem,2vw,1rem);padding:clamp(1.5rem,6vw,2.5rem);box-shadow:var(--shadow-lg)}@media (max-width: 374px){.auth-form{max-width:100vw;border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}}.detail-page{display:flex;flex-direction:column;gap:clamp(1rem,4vw,2rem)}.detail-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}@media (min-width: 48rem){.detail-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.detail-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width: 30rem){.detail-actions{flex-direction:row;width:auto}}.detail-grid{display:grid;gap:clamp(1rem,3vw,1.5rem);grid-template-columns:1fr}@media (min-width: 48rem){.detail-grid{grid-template-columns:2fr 1fr}}@media (min-width: 64rem){.detail-grid{grid-template-columns:1fr 1fr 1fr}}.data-table-container{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.table-header{display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,3vw,1.5rem);background:var(--color-surface);border-radius:var(--radius-md) var(--radius-md) 0 0}@media (min-width: 48rem){.table-header{flex-direction:row;align-items:center;justify-content:space-between}}.table-filters{display:flex;flex-direction:column;gap:1rem}@media (min-width: 30rem){.table-filters{flex-direction:row;flex-wrap:wrap}}.table-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width: 30rem){.table-actions{flex-direction:row;width:auto}}.mobile-table-card{display:block;width:100%;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.mobile-table-card:hover,.mobile-table-card:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-md);outline:none}.mobile-table-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mobile-table-row:last-child{margin-bottom:0}.mobile-table-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-200)}.mobile-table-value{font-weight:var(--font-weight-normal);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 47.9375rem){.desktop-table{display:none}.mobile-table-view{display:block}}@media (min-width: 48rem){.desktop-table{display:table}.mobile-table-view{display:none}}.admin-page{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2rem)}.admin-tabs{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.admin-tab-panel{padding:clamp(1rem,3vw,2rem)}.admin-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 48rem){.admin-controls{flex-direction:row;align-items:center;justify-content:space-between}}.admin-settings-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 48rem){.admin-settings-grid{grid-template-columns:1fr 1fr}}@media (min-width: 64rem){.admin-settings-grid{grid-template-columns:1fr 1fr 1fr}}.ocr-admin-page{max-width:100%;overflow-x:hidden}.ocr-admin-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 30rem){.ocr-admin-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.ocr-admin-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width: 30rem){.ocr-admin-actions{flex-direction:row;flex-wrap:wrap;width:auto;gap:.5rem}.ocr-admin-actions .MuiButton-root{flex-shrink:0}}@media (min-width: 48rem){.ocr-admin-actions{gap:.75rem}}.ocr-admin-table{overflow-x:auto;max-width:100%}.ocr-admin-table .MuiTable-root{min-width:800px}@media (max-width: 47.9375em){.ocr-admin-table .MuiTable-root{min-width:600px}.ocr-admin-table .MuiTableCell-root{padding:.5rem;font-size:.8125rem}.ocr-admin-table .MuiTableCell-root:nth-child(5){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ocr-admin-dialog .MuiDialog-paper{width:calc(100vw - 1rem);max-width:min(600px,calc(100vw - 1rem));max-height:calc(100vh - 1rem);margin:.5rem}@media (max-width: 29.9375em){.ocr-admin-dialog .MuiDialog-paper{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border-radius:0}.ocr-admin-dialog .MuiDialogContent-root{padding:1rem .75rem}}@media (min-width: 30em) and (max-width: 47.9375em){.ocr-admin-dialog .MuiDialog-paper{max-width:min(500px,calc(100vw - 2rem))}}.ocr-catalog-dialog .MuiDialog-paper{width:calc(100vw - 1rem);max-width:min(900px,calc(100vw - 1rem));max-height:calc(100vh - 1rem)}@media (max-width: 29.9375em){.ocr-catalog-dialog .MuiDialog-paper{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border-radius:0}}.ocr-admin-form-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 30rem){.ocr-admin-form-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (min-width: 48rem){.ocr-admin-form-grid{grid-template-columns:1fr 1fr 1fr}}.ocr-test-dialog-content{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 48rem){.ocr-test-dialog-content{flex-direction:row}.ocr-test-dialog-content>div:first-child{flex:0 0 300px}.ocr-test-dialog-content>div:last-child{flex:1}}.ocr-pipeline-dialog .MuiDialogContent-root{padding:1.5rem}@media (max-width: 29.9375em){.ocr-pipeline-dialog .MuiDialogContent-root{padding:1rem}.ocr-admin-actions{grid-template-columns:1fr;gap:.5rem}.ocr-admin-actions .MuiButton-root{width:100%;min-height:48px;font-size:.8125rem}.ocr-admin-table .MuiTable-root{font-size:.75rem}.ocr-admin-table .MuiTableCell-root{padding:.375rem .25rem}}.ocr-admin-page *{contain:layout style}.ocr-admin-page .MuiTable-root{-webkit-overflow-scrolling:touch;will-change:scroll-position}.ocr-admin-page .MuiDialog-root{contain:layout style}@media (prefers-reduced-motion: reduce){.ocr-admin-page .MuiDrawer-root .MuiDrawer-paper{transition:transform .01ms ease 0ms}.ocr-admin-page .MuiDialog-root{transition:none}}@media (prefers-contrast: high){.ocr-admin-page .MuiTable-root{border:2px solid}.ocr-admin-page .MuiTableCell-root{border:1px solid}.ocr-admin-page .MuiButton-root{border:2px solid}}@media (max-width: 23.375em){.admin-page{gap:1rem}.admin-tab-panel{padding:.75rem}.admin-controls{gap:.75rem;margin-bottom:1rem}.admin-settings-grid{gap:.75rem}}@media (min-width: 30em) and (max-width: 47.9375em){.admin-page{gap:1.25rem}.admin-tab-panel{padding:1.25rem}.admin-settings-grid{gap:1.25rem;grid-template-columns:1fr}@media (min-width: 42em){.admin-settings-grid{grid-template-columns:1fr 1fr}}}.admin-table-container{overflow:hidden;border-radius:var(--radius-md)}.admin-filters{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem}.admin-filters__container{display:flex;flex-direction:column;gap:1rem}@media (min-width: 30rem){.admin-filters__container{flex-direction:row;align-items:flex-end;flex-wrap:wrap}.admin-filters__search{flex:1;min-width:200px}.admin-filters__select{min-width:150px}}@media (max-width: 29.9375em){.admin-filters{padding:.75rem}.admin-filters__container{gap:.75rem}}.file-library{display:flex;flex-direction:column;gap:1rem}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:clamp(2rem,8vw,4rem);text-align:center;background:var(--color-surface-subtle);transition:border-color .2s ease,background-color .2s ease;cursor:pointer}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--color-primary);background:#2563eb0d}.file-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width: 29.9375rem){.file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media (min-width: 64rem){.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}.file-card{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.file-card:hover,.file-card:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-md);outline:none}.file-preview{flex:1;background:var(--color-surface-subtle);display:flex;align-items:center;justify-content:center;position:relative}.file-info{padding:.75rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.file-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.file-meta{font-size:var(--font-size-100);color:var(--color-text-secondary);display:flex;justify-content:space-between}.workflow-builder{display:grid;gap:1rem;grid-template-columns:1fr;min-height:60vh}@media (min-width: 64rem){.workflow-builder{grid-template-columns:250px 1fr 300px}}.workflow-sidebar{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;order:2}@media (min-width: 64rem){.workflow-sidebar{order:1}}.workflow-canvas{background:var(--color-surface-subtle);border-radius:var(--radius-md);min-height:400px;padding:1rem;order:1}@media (min-width: 64rem){.workflow-canvas{order:2}}.workflow-properties{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;order:3}.responsive-form{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.form-section{background:var(--color-surface);border-radius:var(--radius-md);padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--color-border)}.form-section-title{font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);margin-bottom:1rem;color:var(--color-text-primary)}.form-row{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 30rem){.form-row{grid-template-columns:1fr 1fr}}@media (min-width: 48rem){.form-row.form-row--three{grid-template-columns:1fr 1fr 1fr}}.form-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (min-width: 30rem){.form-actions{flex-direction:row;justify-content:flex-end}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem}.empty-state{text-align:center;padding:clamp(2rem,8vw,4rem);color:var(--color-text-secondary)}.empty-state-icon{font-size:clamp(3rem,10vw,4rem);margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);margin-bottom:.5rem;color:var(--color-text-primary)}.empty-state-description{font-size:var(--font-size-400);margin-bottom:1.5rem}.hide-mobile{display:none}@media (min-width: 48rem){.hide-mobile{display:initial}}.hide-desktop{display:initial}@media (min-width: 48rem){.hide-desktop{display:none}}.mobile-full-width{width:100%}@media (min-width: 30rem){.mobile-full-width{width:auto}}:root{color-scheme:light dark;--font-family-sans: "Inter", "SF Pro Text", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-100: clamp(.6875rem, .66rem + .08vw, .75rem);--font-size-200: clamp(.75rem, .72rem + .08vw, .8125rem);--font-size-300: clamp(.8125rem, .79rem + .06vw, .875rem);--font-size-400: clamp(.875rem, .85rem + .06vw, .9375rem);--font-size-500: clamp(.9375rem, .9rem + .1vw, 1.0625rem);--font-size-600: clamp(1.0625rem, 1rem + .15vw, 1.25rem);--font-size-700: clamp(1.25rem, 1.15rem + .2vw, 1.5rem);--line-height-tight: 1.15;--line-height-base: 1.5;--line-height-loose: 1.75;--space-0: 0;--space-1: clamp(.125rem, .1rem + .05vw, .25rem);--space-2: clamp(.25rem, .22rem + .08vw, .375rem);--space-3: clamp(.5rem, .46rem + .1vw, .625rem);--space-4: clamp(.75rem, .7rem + .12vw, .875rem);--space-5: clamp(1rem, .92rem + .15vw, 1.25rem);--space-6: clamp(1.5rem, 1.4rem + .2vw, 1.75rem);--space-7: clamp(2rem, 1.85rem + .3vw, 2.5rem);--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--safe-area-top: env(safe-area-inset-top);--safe-area-right: env(safe-area-inset-right);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--layout-max-width-compact: 48rem;--layout-max-width-comfortable: 72rem;--layout-max-width-wide: 160rem;--transition-duration-quick: .15s;--transition-duration-standard: .25s;--transition-ease-out: cubic-bezier(.16, 1, .3, 1);--transition-ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-fixed: 1200;--z-index-modal-backdrop: 1300;--z-index-header: 1400;--z-index-drawer: 1500;--z-index-modal: 1600;--z-index-skip-link: 2000;--z-index-toast: 2100}:root,:root[data-theme=light]{--color-surface: #ffffff;--color-surface-subtle: #f5f7fb;--color-surface-elevated: #ffffff;--color-surface-inverse: #0f172a;--color-border: rgba(15, 23, 42, .14);--color-border-strong: rgba(15, 23, 42, .22);--color-text-primary: #1f2933;--color-text-secondary: #44505e;--color-text-inverse: #e2e8f0;--color-text-on-accent: #ffffff;--color-accent: #2563eb;--color-accent-muted: #4978f5;--color-accent-subtle: #e1e7ff;--color-positive: #0f9d58;--color-warning: #f59e0b;--color-critical: #e11d48;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .14);--shadow-md: 0 8px 16px rgba(15, 23, 42, .12);--shadow-lg: 0 24px 40px rgba(15, 23, 42, .16)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-surface: #111827;--color-surface-subtle: #0b1120;--color-surface-elevated: #1f2937;--color-surface-inverse: #e2e8f0;--color-border: rgba(148, 163, 184, .24);--color-border-strong: rgba(148, 163, 184, .42);--color-text-primary: #f9fafb;--color-text-secondary: #cbd5f5;--color-text-inverse: #111827;--color-text-on-accent: #f8fafc;--color-accent: #5b8def;--color-accent-muted: #7ba0f7;--color-accent-subtle: rgba(91, 141, 239, .16);--color-positive: #4ade80;--color-warning: #facc15;--color-critical: #fb7185;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .32);--shadow-md: 0 12px 24px rgba(15, 23, 42, .48);--shadow-lg: 0 32px 48px rgba(15, 23, 42, .56)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--color-surface: #111827;--color-surface-subtle: #0b1120;--color-surface-elevated: #1f2937;--color-surface-inverse: #e2e8f0;--color-border: rgba(148, 163, 184, .24);--color-border-strong: rgba(148, 163, 184, .42);--color-text-primary: #f9fafb;--color-text-secondary: #cbd5f5;--color-text-inverse: #111827;--color-text-on-accent: #f8fafc;--color-accent: #5b8def;--color-accent-muted: #7ba0f7;--color-accent-subtle: rgba(91, 141, 239, .16);--color-positive: #4ade80;--color-warning: #facc15;--color-critical: #fb7185;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .32);--shadow-md: 0 12px 24px rgba(15, 23, 42, .48);--shadow-lg: 0 32px 48px rgba(15, 23, 42, .56)}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family-sans);font-size:100%;text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--color-surface-subtle)}body{margin:0;min-height:100vh;font-family:inherit;font-size:var(--font-size-300);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-surface-subtle);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video,canvas,audio,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-accent-subtle);color:var(--color-text-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (height: 100dvh){body{min-height:100dvh}}.app-shell{min-height:100dvh;width:100%;background:var(--color-surface-subtle);color:var(--color-text-primary);position:relative}.app-shell--desktop{display:grid;grid-template-columns:clamp(12rem,14vw,14rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"sidebar header" "sidebar main"}@media (min-width: 48rem) and (max-width: 63.9375rem){.app-shell--desktop{grid-template-columns:12rem minmax(0,1fr)}}.app-shell__skip-link{position:fixed;top:calc(var(--safe-area-top) + var(--space-1));left:50%;transform:translate(-50%,-150%);background:var(--color-accent);color:var(--color-text-on-accent);padding:var(--space-2) var(--space-3);min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:var(--z-index-skip-link);transition:transform .2s ease}.app-shell__skip-link:focus{transform:translate(-50%)}.app-shell__header{grid-area:header;position:sticky;top:0;z-index:var(--z-index-header);background:var(--color-surface-elevated);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);padding:calc(var(--safe-area-top) + var(--space-2)) clamp(var(--space-2),3vw,var(--space-4)) var(--space-2);overflow:hidden;min-width:0}.app-shell__header-inner{display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;overflow:hidden}.app-shell__title-group{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:calc(100% - 120px);overflow:hidden}.app-shell__title{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:var(--font-weight-semibold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell__subtitle{font-size:var(--font-size-200);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell__header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;min-height:48px}.app-shell__sidebar{display:none}.app-shell--desktop .app-shell__sidebar{grid-area:sidebar;display:flex;flex-direction:column;height:100dvh;position:sticky;top:0;padding:calc(var(--safe-area-top) + var(--space-3)) clamp(var(--space-2),2vw,var(--space-4)) calc(var(--space-4) + var(--safe-area-bottom));background:var(--color-surface-elevated);border-right:1px solid var(--color-border);gap:var(--space-3)}.app-shell__nav{display:grid;gap:.25rem}.app-shell__nav .MuiListItemButton-root{transition:var(--transition-duration-standard) var(--transition-ease-out)}.app-shell__nav .MuiListItemButton-root:hover{backdrop-filter:blur(8px)}.app-shell__nav-section-collapsible{transition:all var(--transition-duration-standard) var(--transition-ease-out)}.app-shell__nav .MuiListItemButton-root:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--shadow-sm)}.app-shell__nav-section-label{font-size:.625rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);padding:0 var(--space-1)}.app-shell__main{grid-area:main;flex:1 1 auto;padding-inline:clamp(var(--space-2),3vw,var(--space-5));padding-block-start:var(--space-4);padding-block-end:calc(var(--space-6) + var(--safe-area-bottom));overflow-x:hidden;min-width:0}.app-shell__main-inner{width:min(100%,var(--layout-max-width-wide));margin:0 auto;display:flex;flex-direction:column;gap:clamp(var(--space-3),1.5vw,var(--space-5));container-type:inline-size;overflow-wrap:break-word;word-wrap:break-word;min-width:0}@container (min-width: 48rem){.app-shell__main-inner{gap:clamp(var(--space-4),2vw,var(--space-6))}}@container (max-width: 30rem){.app-shell__main-inner{gap:var(--space-2)}}@media (min-width: 1600px){.app-shell__main-inner{width:100%;max-width:none}}.app-shell__bottom-nav{position:sticky;bottom:0;left:0;width:100%;z-index:var(--z-index-fixed);border-top:1px solid var(--color-border);background:var(--color-surface-elevated);backdrop-filter:blur(14px);padding:clamp(var(--space-1),1.5vw,var(--space-2)) clamp(var(--space-2),3vw,var(--space-4)) calc(clamp(var(--space-1),1.5vw,var(--space-2)) + var(--safe-area-bottom));min-height:72px;--min-touch-target: max(44px, var(--space-6))}.app-shell__bottom-nav .MuiBottomNavigationAction-root{min-height:var(--min-touch-target);padding:var(--space-1) var(--space-1);font-size:var(--font-size-100)}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:var(--font-size-100);margin-top:2px}.app-shell__bottom-nav .MuiBottomNavigationAction-root:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}@media (min-width: 48rem){.app-shell__bottom-nav{display:none!important}}@media (max-width: 25.875rem){.app-shell__header-inner{gap:var(--space-1)}.app-shell__title-group{max-width:calc(100% - 100px)}.app-shell__subtitle{display:none}.app-shell__title{font-size:.95rem}.app-shell__header-actions{gap:0}.app-shell__main{padding-inline:var(--space-2)}.app-shell__bottom-nav{padding:var(--space-1) var(--space-2) calc(var(--space-1) + var(--safe-area-bottom));min-height:68px}.app-shell__bottom-nav .MuiBottomNavigationAction-root{font-size:var(--font-size-100);min-height:44px;padding:var(--space-1) 2px}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:.6875rem;margin-top:1px}}@media (min-width: 25.875rem) and (max-width: 47.9375rem){.app-shell__header{padding:calc(var(--safe-area-top) + var(--space-2)) var(--space-3) var(--space-2)}.app-shell__main{padding-inline:var(--space-3)}}@media (min-width: 90rem){.app-shell--desktop{grid-template-columns:15rem minmax(0,1fr)}.app-shell__nav{gap:.25rem}.app-shell__nav .MuiListItemButton-root{min-height:36px}}.MuiDrawer-paperAnchorLeft{transition:transform var(--transition-duration-standard) var(--transition-ease-out)}@media (max-width: 47.9375rem){.MuiBackdrop-root{backdrop-filter:blur(4px);background-color:#0009}}@media (min-width: 48rem) and (max-width: 63.9375rem){.app-shell__nav-section-label{font-size:.6875rem;font-weight:var(--font-weight-semibold)}.app-shell__nav .MuiListItemButton-root{min-height:36px}.app-shell__nav .MuiListItemIcon-root{min-width:32px}}.app-shell__user-card{display:flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-1)}.app-shell__user-meta{display:flex;flex-direction:column;gap:0;min-width:0}.app-shell__user-name{font-size:.8125rem;font-weight:var(--font-weight-semibold);line-height:1.2}.app-shell__user-role{font-size:.6875rem;color:var(--color-text-secondary)}.app-shell__nav-actions{display:grid;gap:.25rem}@media (prefers-reduced-motion: reduce){.app-shell__skip-link{transition:none}}:root{--bp-xs: 20rem;--bp-sm: 30rem;--bp-md: 48rem;--bp-lg: 64rem;--bp-xl: 80rem;--bp-2xl: 96rem;--space-fluid-sm: clamp(.5rem, 1vw, 1rem);--space-fluid-md: clamp(1rem, 2vw, 2rem);--space-fluid-lg: clamp(1.5rem, 3vw, 3rem);--text-xs: clamp(.75rem, .7rem + .1vw, .875rem);--text-sm: clamp(.875rem, .8rem + .15vw, 1rem);--text-base: clamp(1rem, .9rem + .2vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .3vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .4vw, 1.5rem);--container-sm: 24rem;--container-md: 40rem;--container-lg: 64rem;--container-xl: 80rem;--min-touch-target: max(44px, 2.75rem);--touch-spacing: max(8px, .5rem)}@supports (width >= 48rem){@media (width >= 48rem){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}}}@supports not (width >= 48rem){@media (min-width: 48rem){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}}}@container (inline-size >= 24rem){.card-layout{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-fluid-sm)}}@container (inline-size >= 40rem){.card-layout{grid-template-columns:auto 1fr auto auto;gap:var(--space-fluid-md)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-fluid-md)}}@container (inline-size >= 64rem){.card-layout{grid-template-columns:auto 1fr auto auto auto}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr)}}.responsive-layout{padding:var(--space-fluid-sm);gap:var(--space-fluid-sm)}@media (min-width: 48rem) and (max-width: 63.9375rem){.responsive-layout{padding:var(--space-fluid-md);gap:var(--space-fluid-md)}.touch-target{min-height:48px;min-width:48px}}@media (min-width: 64rem){.responsive-layout{padding:var(--space-fluid-lg);gap:var(--space-fluid-lg)}.hover-effects:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.icon-small{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.performance-animation{will-change:transform,opacity;transform:translateZ(0)}.slide-in{animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translate3d(0,1rem,0)}to{opacity:1;transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.performance-animation{will-change:auto;transform:none}.slide-in{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (hover: none) and (pointer: coarse){.touch-optimized{min-height:var(--min-touch-target);min-width:var(--min-touch-target);padding:var(--touch-spacing)}.hover-effects:hover{transform:none;box-shadow:none}}@media (max-width: 767px){button,a,input[type=button],input[type=submit],[role=button],.MuiIconButton-root,.MuiButton-root{min-height:44px!important;min-width:44px!important}.MuiButtonGroup-root button{min-width:unset!important}}@media print{.no-print{display:none!important}.print-optimized{color:#000!important;background:#fff!important;box-shadow:none!important}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}.oled-black{background:#000}}@media (prefers-reduced-data: reduce){.data-heavy{display:none}.background-image{background-image:none}}.modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--space-fluid-md);container-type:inline-size}.intrinsic-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,3vw,3rem)}.performance-container{contain:layout style paint}.strict-container{contain:strict}.logical-spacing{margin-block:var(--space-fluid-md);margin-inline:var(--space-fluid-sm);padding-block:var(--space-fluid-sm);padding-inline:var(--space-fluid-md)}.perf-critical{--perf-priority: critical}.perf-important{--perf-priority: important}.perf-low{--perf-priority: low}@supports not (container-type: inline-size){@media (min-width: 48rem){.app-shell__main-inner{gap:clamp(var(--space-4),2vw,var(--space-6))}}@media (max-width: 30rem){.app-shell__main-inner{gap:var(--space-2)}}@media (min-width: 24rem){.card-layout{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-fluid-sm)}}@media (min-width: 40rem){.card-layout{grid-template-columns:auto 1fr auto auto;gap:var(--space-fluid-md)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-fluid-md)}}@media (min-width: 64rem){.card-layout{grid-template-columns:auto 1fr auto auto auto}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr)}}}@supports not (width: clamp(1rem,2vw,3rem)){:root{--space-fluid-sm: .5rem;--space-fluid-md: 1rem;--space-fluid-lg: 1.5rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: .9375rem;--font-size-600: 1.0625rem;--font-size-700: 1.25rem;--space-1: .125rem;--space-2: .25rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.5rem;--space-7: 2rem}@media (min-width: 48rem){:root{--space-fluid-sm: .625rem;--space-fluid-md: 1.125rem;--space-fluid-lg: 1.75rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: 1rem;--font-size-600: 1.125rem;--font-size-700: 1.375rem}}@media (min-width: 64rem){:root{--space-fluid-sm: .75rem;--space-fluid-md: 1.25rem;--space-fluid-lg: 2rem;--font-size-100: .75rem;--font-size-200: .8125rem;--font-size-300: .875rem;--font-size-400: .9375rem;--font-size-500: 1.0625rem;--font-size-600: 1.25rem;--font-size-700: 1.5rem}}}@supports not (display: grid){.app-shell--desktop{display:flex;flex-direction:row}.app-shell__sidebar{width:16rem;flex-shrink:0}.app-shell__main{flex:1}.card-layout,.form-grid,.dashboard-grid{display:flex;flex-wrap:wrap;gap:1rem}.card-layout>*,.form-grid>*,.dashboard-grid>*{flex:1;min-width:250px}}@supports not (margin-block: 1rem){.logical-spacing{margin-top:var(--space-fluid-md);margin-bottom:var(--space-fluid-md);margin-left:var(--space-fluid-sm);margin-right:var(--space-fluid-sm);padding-top:var(--space-fluid-sm);padding-bottom:var(--space-fluid-sm);padding-left:var(--space-fluid-md);padding-right:var(--space-fluid-md)}.ds-header__logo{width:min(44px,10vw);height:min(44px,10vw);min-width:44px;min-height:44px}.ds-icon-button,.ds-action-button{width:min(44px,12vw);height:min(44px,12vw);min-width:44px;min-height:44px}.ds-nav__dismiss{width:min(44px,12vw);height:min(44px,12vw)}.ds-progress-bar{width:100%;height:clamp(.375rem,1.5vw,.5rem)}.ds-progress-bar span{height:100%}.ds-bottom-nav svg{width:clamp(1.25rem,4vw,1.5rem);height:clamp(1.25rem,4vw,1.5rem)}}@media (max-width: 47.9375rem){button,.MuiButton-root,.MuiIconButton-root,.ds-icon-button,.ds-action-button,.ds-nav__link{min-height:44px;min-width:44px;padding:.5rem}.app-shell__header-actions{gap:.25rem}.app-shell__bottom-nav{padding:var(--space-1) var(--space-2) calc(var(--space-1) + var(--safe-area-bottom))}.app-shell__title{font-size:1rem;line-height:1.2}}@media (max-width: 25.875rem){.app-shell__main{padding-left:var(--space-2);padding-right:var(--space-2)}.app-shell__bottom-nav{padding:var(--space-1) var(--space-2) calc(var(--space-1) + var(--safe-area-bottom));min-height:68px}.app-shell__bottom-nav .MuiBottomNavigationAction-root{min-height:44px;padding:var(--space-1) 2px}.app-shell__bottom-nav .MuiBottomNavigationAction-label{font-size:.6875rem;margin-top:1px}.app-shell__title-group{max-width:calc(100% - 100px);overflow:hidden}.app-shell__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.icon-small,.MuiSvgIcon-fontSizeSmall{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@supports (padding: max(0px)){.app-shell__header{padding-top:calc(var(--safe-area-top) + var(--space-2))}.app-shell__bottom-nav{padding-bottom:calc(var(--space-2) + var(--safe-area-bottom))}.app-shell__main{padding-bottom:calc(var(--space-6) + var(--safe-area-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.performance-animation{will-change:auto;transform:none}.slide-in{animation:none}}@media (prefers-color-scheme: dark){.oled-black{background:#000}:root{--color-text-primary: #ffffff;--color-text-secondary: #e2e8f0}}@media (prefers-reduced-data: reduce){.data-heavy,.background-image{display:none}.performance-animation{will-change:auto;transform:none}}@supports (container-type: inline-size){.app-shell__main-inner,.modern-grid{container-type:inline-size}}@supports (grid-template-rows: subgrid){.subgrid-container>*{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}}.mobile-optimized{transform:translateZ(0);contain:layout style paint}@media (max-width: 47.9375rem){.app-shell{min-height:100vh;min-height:100dvh}@supports (height: 100dvh){.app-shell{min-height:100dvh}}body{overflow-x:hidden}.app-shell__main{-webkit-overflow-scrolling:touch}}.critical-mobile{font-display:swap;text-rendering:optimizeSpeed}.admin-layout{width:100%;padding:clamp(.75rem,2vw,2rem);overflow-x:hidden;>*{flex-shrink:0;flex-grow:0;align-self:flex-start}&:focus-within{outline:2px solid var(--color-accent);outline-offset:-2px}}.admin-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);@media (min-width: 48rem){flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}}.admin-header__content{flex:1;min-width:0}.admin-header__title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-1);overflow-wrap:break-word;hyphens:auto}.admin-header__subtitle{font-size:clamp(.875rem,2vw,1rem);color:var(--color-text-secondary);line-height:1.5;max-width:60ch}.admin-header__actions{display:flex;flex-direction:column;gap:var(--space-1);width:100%;@media (min-width: 30rem){flex-direction:row;flex-wrap:wrap;width:auto}@media (min-width: 48rem){flex-shrink:0;gap:var(--space-2)}}.admin-action-btn{min-height:var(--min-touch-target);padding:var(--space-2) var(--space-3);font-size:clamp(.875rem,2vw,1rem);@media (max-width: 29.99rem){width:100%}&:not(:last-child){margin-bottom:var(--space-1);@media (min-width: 30rem){margin-bottom:0;margin-right:var(--space-1)}}}.admin-filters{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-3);height:auto!important;flex:none!important;align-self:flex-start!important;width:100%;box-shadow:var(--shadow-sm)}.admin-filters__container{display:flex;flex-direction:column;gap:var(--space-2);@media (min-width: 37.5rem){flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}@media (min-width: 48rem){flex-wrap:nowrap;gap:var(--space-3)}}.admin-filters__search{flex:1 1 100%;min-width:0;max-width:100%;@media (min-width: 37.5rem){flex:1 1 200px;max-width:400px}@media (min-width: 48rem){max-width:24rem}}.admin-filters__select{flex:1 1 100%;min-width:0;@media (min-width: 37.5rem){flex:0 1 150px;min-width:150px}@media (min-width: 48rem){min-width:10rem}@media (max-width: 37.49rem){width:100%}}.admin-table-container{flex-shrink:0!important;flex-grow:0!important;margin-top:0!important;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;&::-webkit-scrollbar{height:4px;width:4px}&::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}&::-webkit-scrollbar-track{background:transparent}}.admin-table{min-width:40rem;@media (max-width: 47.99rem){min-width:32rem}@media (max-width: 29.99rem){min-width:28rem}}.admin-table__cell{padding:clamp(.5rem,2vw,1rem);font-size:clamp(.75rem,2vw,.875rem);word-wrap:break-word;hyphens:auto}.admin-table__header{background-color:var(--color-surface-subtle);font-weight:600;position:sticky;top:0;z-index:10}.admin-cards{display:none;@media (max-width: 47.99rem){display:block}}.admin-card{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;transition:all .2s ease;&:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}&:active{transform:translateY(0)}}.admin-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.admin-card__title{font-weight:600;font-size:1rem;line-height:1.3}.admin-card__content{display:grid;gap:var(--space-2);grid-template-columns:1fr;@media (min-width: 30rem){grid-template-columns:1fr 1fr}}.admin-card__field{display:flex;flex-direction:column;gap:var(--space-1)}.admin-card__label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.admin-card__value{font-size:.875rem;font-weight:500;line-height:1.4}.admin-dialog{@media (max-width: 47.99rem){margin:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}}.admin-dialog__content{padding:clamp(1rem,4vw,2rem);@media (max-width: 47.99rem){padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}.admin-dialog__form{display:flex;flex-direction:column;gap:var(--space-3)}.admin-dialog__form-grid{display:grid;gap:var(--space-2);grid-template-columns:1fr;@media (min-width: 30rem){grid-template-columns:repeat(2,1fr)}@media (min-width: 48rem){grid-template-columns:repeat(3,1fr)}}.admin-fab{position:fixed;bottom:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem);z-index:1050;bottom:calc(clamp(1rem,4vw,2rem) + env(safe-area-inset-bottom,0px));right:calc(clamp(1rem,4vw,2rem) + env(safe-area-inset-right,0px));@media (min-width: 64rem){display:none}min-width:var(--min-touch-target);min-height:var(--min-touch-target)}.admin-tabs{border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.admin-tab{min-width:max-content;padding:var(--space-2) var(--space-3);font-size:clamp(.875rem,2vw,1rem);text-transform:none;@media (max-width: 47.99rem){flex:1;min-width:0}}.admin-tab-panel{padding:var(--space-3) 0;@media (min-width: 48rem){padding:var(--space-4) 0}}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-2);@media (max-width: 29.99rem){flex-direction:column;gap:var(--space-2)}}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-2)}.admin-loading__spinner{color:var(--color-accent)}.admin-loading__text{color:var(--color-text-secondary);font-size:.875rem}.admin-empty{text-align:center;padding:var(--space-6);color:var(--color-text-secondary)}.admin-empty__icon{font-size:3rem;margin-bottom:var(--space-2);opacity:.5}.admin-empty__title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-1)}.admin-empty__description{font-size:.875rem;line-height:1.5;max-width:40ch;margin:0 auto var(--space-3)}.admin-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.admin-status--active{background-color:#22c55e1a;color:#15803d}.admin-status--inactive{background-color:#9ca3af1a;color:#4b5563}.admin-status--pending{background-color:#fbbf241a;color:#92400e}.admin-status--error{background-color:#ef44441a;color:#991b1b}@media print{.admin-layout{padding:0}.admin-header__actions,.admin-fab,.admin-pagination{display:none!important}.admin-table-container{overflow:visible}.admin-table{min-width:auto}.admin-card{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}}@media (prefers-contrast: high){.admin-card,.admin-filters{border:2px solid}.admin-status{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.admin-card,.admin-action-btn{transition:none}.admin-loading__spinner{animation:none}}@media (prefers-color-scheme: dark){.admin-table__header{background-color:var(--color-surface-elevated)}.admin-card{border:1px solid var(--color-border)}}@container (max-width: 30rem){.admin-header{text-align:center}.admin-header__actions{justify-content:center}}@container (min-width: 48rem){.admin-dialog__form-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}.admin-skip-link{position:absolute;top:-9999px;left:-9999px;background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-3);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;z-index:9999}.admin-skip-link:focus{top:var(--space-2);left:var(--space-2)}.admin-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 47.99rem){.MuiButton-root,.MuiIconButton-root,.MuiChip-root.MuiChip-clickable{min-height:44px;min-width:44px}.MuiTextField-root .MuiInputBase-input{font-size:16px!important;line-height:1.5;padding:14px 16px}.MuiTextField-root .MuiInputLabel-root{font-size:16px}.MuiSelect-select{font-size:16px!important;padding:14px 16px}.MuiTableContainer-root{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.admin-actions-mobile{display:flex!important;flex-direction:column;gap:8px;width:100%}.admin-actions-mobile .MuiButton-root{width:100%;justify-content:center}.mobile-card-layout{display:block!important}.desktop-table-layout{display:none!important}.admin-title-mobile{font-size:clamp(1.25rem,5vw,1.75rem)!important;line-height:1.2;font-weight:600}.admin-subtitle-mobile{font-size:clamp(.875rem,3vw,1rem)!important;line-height:1.4}.MuiDialog-root .MuiDialog-paper{animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.admin-loading-mobile{padding:2rem 1rem!important;min-height:200px}.MuiChip-root{font-size:.75rem;height:28px;padding:0 8px}.MuiSwitch-root{width:52px;height:32px;padding:8px}.MuiSwitch-switchBase{padding:4px;&.Mui-checked{transform:translate(20px)}}.MuiSwitch-thumb{width:24px;height:24px}}@media (min-width: 48rem) and (max-width: 63.99rem){.admin-actions-tablet{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.admin-actions-tablet .MuiButton-root{flex:0 1 auto;min-width:120px}.admin-grid-tablet{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:16px}.admin-form-tablet{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-form-tablet .full-width{grid-column:1 / -1}}@media (max-width: 47.99rem){.MuiRipple-root{display:none}.MuiDialog-root .MuiBackdrop-root{backdrop-filter:none;background-color:#000000b3}.MuiPaper-elevation1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.MuiPaper-elevation2{box-shadow:0 2px 6px #00000026,0 1px 3px #0000004d}.will-change-transform{will-change:transform}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000}}@media (max-width: 47.99rem){.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.admin-text-contrast{color:#1a1a1a;background-color:#fff}.admin-voice-label:before{content:attr(data-voice-command);position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.mobile-screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden!important}}@supports (display: grid){@media (max-width: 47.99rem){.admin-progressive-grid{display:grid;grid-template-columns:1fr;gap:16px}}}@supports (backdrop-filter: blur(10px)){@media (max-width: 47.99rem){.admin-glass-effect{backdrop-filter:blur(10px);background-color:#ffffffe6}}}@supports (container-type: inline-size){.admin-container-queries{container-type:inline-size}@container (max-width: 300px){.admin-compact-mode{padding:8px;font-size:.75rem}}}@media (prefers-color-scheme: dark) and (max-width: 47.99rem){.admin-dark-mobile{background-color:#121212;color:#e0e0e0}.admin-dark-surface{background-color:#1e1e1e;border:1px solid #333}.MuiTextField-root .MuiInputBase-input{color:#e0e0e0}.MuiTextField-root .MuiInputLabel-root{color:#b0b0b0}}@media (prefers-reduced-motion: reduce) and (max-width: 47.99rem){.MuiDialog-root .MuiDialog-paper{animation:none;transform:none}.admin-smooth-scroll{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high) and (max-width: 47.99rem){.admin-high-contrast{border:2px solid;background:#000;color:#fff}.MuiButton-root{border:2px solid currentColor}}@media (max-width: 47.99rem){.battery-saving *{animation:none!important;transition:none!important;transform:none!important;filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.data-saving img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast}}@media (max-width: 47.99rem) and (orientation: landscape){.admin-landscape-mode{padding:8px 16px}.admin-landscape-header{flex-direction:row;align-items:center;gap:16px}.admin-landscape-actions{flex-direction:row;flex-wrap:wrap}}@media (max-width: 47.99rem) and (orientation: portrait){.admin-portrait-mode{padding:16px}.admin-portrait-stack{flex-direction:column;gap:12px}}@supports (padding: max(0px)){@media (max-width: 47.99rem){.admin-safe-area{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.admin-safe-bottom{padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom)))}}}