*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;scroll-behavior:smooth}body{height:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;overflow-x:hidden;-webkit-user-select:none;-webkit-touch-callout:none}#root{height:100%;min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}@media (max-width: 600px){html{font-size:14px}body{overflow-x:hidden;-webkit-text-size-adjust:100%}#root{min-height:100vh}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}*:focus{outline:2px solid #1976d2;outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #1976d2;outline-offset:2px}.js-focus-visible *:focus:not(.focus-visible){outline:none}::selection{background-color:#1976d2;color:#fff}::-moz-selection{background-color:#1976d2;color:#fff}@media print{body{background:white!important;font-size:12pt;line-height:1.4}.no-print{display:none!important}.page-break{page-break-before:always}}@media (prefers-contrast: high){body{background:white;color:#000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{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}.full-height{height:100vh}.full-width{width:100%}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clearfix:after{content:"";display:table;clear:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 599px){.hide-xs{display:none!important}}@media (max-width: 959px){.hide-sm{display:none!important}}@media (max-width: 1279px){.hide-md{display:none!important}}@media (min-width: 1280px){.hide-lg{display:none!important}}@media (prefers-color-scheme: dark){:root{--primary-color: #90caf9;--background-color: #121212;--surface-color: #1e1e1e;--text-primary: #ffffff;--text-secondary: #aaaaaa}}.MuiButton-root{text-transform:none!important;font-weight:500;word-break:break-word}.MuiAppBar-root{box-shadow:0 1px 3px #0000001f!important}.MuiPaper-elevation1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important}.MuiToolbar-root{padding:0!important;min-height:64px!important}@media (max-width: 600px){.MuiToolbar-root{min-height:56px!important;padding:4px 8px!important}.MuiIconButton-root{padding:6px!important;min-width:40px!important;min-height:40px!important}.MuiAppBar-root{width:100%!important}}.loading{opacity:.7;pointer-events:none}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-boundary{padding:2rem;text-align:center;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030}.error-boundary h2{margin-bottom:1rem;color:#c53030}.error-boundary pre{background-color:#feb2b2;padding:1rem;border-radius:4px;overflow-x:auto;text-align:left;margin-top:1rem}.MuiDataGrid-root{border:none!important;width:100%!important;overflow:auto!important}.MuiDataGrid-columnHeaders{background-color:#f5f5f5!important;border-bottom:2px solid #e0e0e0!important}.MuiDataGrid-columnHeaderTitle{font-weight:600!important;word-break:break-word!important}.MuiDataGrid-cell{overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;word-break:break-word!important}@media (max-width: 600px){.MuiDataGrid-root,.MuiDataGrid-columnHeaderTitle{font-size:.75rem!important}.MuiDataGrid-cell{font-size:.75rem!important;padding:4px!important}.MuiDataGrid-row{max-height:fit-content!important}}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:16px;font-size:.875rem;font-weight:500}.status-active{background-color:#e8f5e8;color:#2e7d32}.status-inactive{background-color:#f5f5f5;color:#616161}.status-warning{background-color:#fff8e1;color:#f57c00}.status-error{background-color:#ffebee;color:#c62828}.status-info{background-color:#e3f2fd;color:#1565c0}.MuiDataGrid-root{border:1px solid #e0e0e0!important}.MuiDataGrid-cell{display:flex!important;align-items:center!important;padding:0 8px!important;overflow:visible!important}.MuiDataGrid-columnHeader{background-color:#f5f5f5!important;font-weight:700!important;border-bottom:2px solid #e0e0e0!important}.MuiDataGrid-row:hover{background-color:#f9f9f9!important}.MuiDataGrid-cell--actions{gap:4px!important;padding:4px 8px!important}.MuiDataGrid-cell--actions .MuiIconButton-root{transition:all .35s cubic-bezier(.4,0,.2,1)!important;color:#1976d2!important}.MuiDataGrid-cell--actions .MuiIconButton-root:hover{background-color:#1976d214!important;color:#1565c0!important;transform:scale(1.1)!important}@media (max-width: 599px){.MuiTypography-h1{font-size:1.5rem!important}.MuiTypography-h2{font-size:1.25rem!important}.MuiTypography-h3{font-size:1.1rem!important}.MuiTypography-h4{font-size:1rem!important}.MuiTypography-h5{font-size:.95rem!important}.MuiTypography-h6{font-size:.9rem!important}.MuiTypography-body1{font-size:.875rem!important}.MuiTypography-body2{font-size:.8125rem!important}.MuiCard-root{margin:4px!important;padding:12px!important}.MuiCardContent-root{padding:8px!important}.MuiGrid-root{margin:0!important}.MuiGrid-item{padding:4px!important}.MuiStack-root{gap:8px!important}.MuiBox-root{word-break:break-word!important}.MuiTextField-root{width:100%!important;margin:4px 0!important}.MuiInputBase-root{font-size:14px!important}.MuiButton-root{width:100%!important;margin:4px 0!important;font-size:.875rem!important;padding:8px 12px!important}.MuiButton-containedPrimary{min-height:40px!important}.MuiDialog-paper{margin:8px!important;max-width:calc(100vw - 16px)!important}.MuiPopover-root{max-width:100vw!important}.MuiMenu-paper{max-width:calc(100vw - 8px)!important}.MuiTableCell-root{padding:6px 4px!important;font-size:.75rem!important}.MuiTableCell-head{font-weight:600!important;font-size:.75rem!important}.MuiChip-root{margin:2px!important;height:24px!important;font-size:.7rem!important}.MuiBadge-root{font-size:.65rem!important}.MuiListItem-root{padding:4px 8px!important}.MuiListItemButton-root{padding:6px 8px!important}.MuiDrawer-paper{width:100%!important;max-width:280px!important}.MuiAppBar-root{width:100%!important;margin:0!important;padding:0!important}.MuiTooltip-tooltip{font-size:.7rem!important}.MuiDivider-root,.MuiAccordion-root{margin:4px 0!important}.MuiAccordionSummary-root{padding:8px!important;min-height:40px!important}[role=main]{padding:8px!important}.responsive-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.action-buttons{display:flex!important;flex-wrap:wrap!important;gap:4px!important}.action-buttons .MuiButton-root{flex:1!important;min-width:80px!important;width:auto!important}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.form-section{margin:8px 0!important}.status-chip{height:20px!important;font-size:.7rem!important;padding:0 4px!important}.MuiIcon-root{font-size:1.25rem!important}.MuiIconButton-root{font-size:.9rem!important}.MuiAlert-root{margin:4px 0!important;padding:8px 12px!important;font-size:.875rem!important}.notistack-snackbar{max-width:100vw!important;margin:0!important;left:0!important;right:0!important;bottom:0!important}}@media (min-width: 600px) and (max-width: 899px){.MuiDialog-paper{margin:16px!important;max-width:90vw!important}.MuiMenu-paper{max-width:95vw!important}[role=main]{padding:12px!important}.responsive-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 900px) and (max-width: 1199px){.responsive-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width: 1200px){.responsive-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 839px) and (orientation: landscape){.MuiAppBar-root{height:48px!important}.MuiToolbar-root{min-height:48px!important;padding:0 8px!important}.MuiTypography-h6{font-size:.8rem!important}[role=main]{padding:6px!important}.MuiCard-root{margin:2px!important;padding:6px!important}}@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 599px){html{font-size:15px}}@media (hover: none) and (pointer: coarse){.MuiButton-root,.MuiIconButton-root,.MuiListItemButton-root{min-height:44px!important;min-width:44px!important}.MuiButton-root:hover,.MuiIconButton-root:hover,.MuiListItemButton-root:hover{background-color:transparent!important}a,button{padding:12px!important}}.table-container,.MuiDataGrid-root,[role=main]{-webkit-overflow-scrolling:touch!important}.mobile-bottom-action{position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:8px!important;background:white!important;border-top:1px solid #e0e0e0!important;box-shadow:0 -1px 3px #0000001f!important;z-index:1000!important}.no-select{-webkit-user-select:none!important;user-select:none!important}.text-selectable{-webkit-user-select:text!important;user-select:text!important}.break-word{word-break:break-word!important;overflow-wrap:break-word!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (max-width: 599px){.hide-mobile{display:none!important}.show-mobile{display:inherit!important}}@media (min-width: 600px){.show-mobile{display:none!important}.hide-mobile{display:inherit!important}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(8px,env(safe-area-inset-top))!important}.safe-area-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.safe-area-left{padding-left:max(8px,env(safe-area-inset-left))!important}.safe-area-right{padding-right:max(8px,env(safe-area-inset-right))!important}}.button-group{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}@media (max-width: 600px){.button-group{gap:8px!important;justify-content:stretch!important}.button-group .MuiButton-root{flex:1!important;min-width:auto!important;font-size:.875rem!important;padding:10px 12px!important}}.button-container{display:flex!important;gap:12px!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important}@media (max-width: 600px){.button-container{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;justify-content:stretch!important}.button-container .MuiButton-root{width:100%!important}}.button-full{width:100%!important}.button-icon{display:inline-flex!important;align-items:center!important;gap:8px!important}.btn-action{font-weight:700!important;letter-spacing:.5px!important;border-radius:12px!important;padding:12px 24px!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-action:hover{transform:translateY(-2px)!important}.btn-action.btn-save{background:linear-gradient(135deg,#4caf50,#388e3c)!important;color:#fff!important;box-shadow:0 6px 20px #4caf5059!important}.btn-action.btn-save:hover{box-shadow:0 12px 32px #4caf5080!important}.btn-action.btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;box-shadow:0 6px 20px #f4433659!important}.btn-action.btn-delete:hover{box-shadow:0 12px 32px #f4433680!important}.btn-action.btn-edit{background:linear-gradient(135deg,#2196f3,#1976d2)!important;color:#fff!important;box-shadow:0 6px 20px #2196f359!important}.btn-action.btn-edit:hover{box-shadow:0 12px 32px #2196f380!important}.btn-action.btn-cancel{background:linear-gradient(135deg,#757575,#616161)!important;color:#fff!important;box-shadow:0 6px 20px #75757559!important}.btn-action.btn-cancel:hover{box-shadow:0 12px 32px #75757580!important}.btn-elevated{box-shadow:0 6px 20px #0003!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-elevated:hover{box-shadow:0 12px 32px #0000004d!important;transform:translateY(-3px)!important}.btn-smooth{transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-floating{position:fixed!important;bottom:24px!important;right:24px!important;z-index:50!important;box-shadow:0 8px 24px #0000004d!important}@media (max-width: 600px){.btn-floating{bottom:16px!important;right:16px!important}}.btn-loading{position:relative!important;pointer-events:none!important;opacity:.7!important}.btn-loading:after{content:""!important;position:absolute!important;width:14px!important;height:14px!important;margin:auto!important;border:2px solid transparent!important;border-radius:50%!important;border-top-color:currentColor!important;animation:spin .8s linear infinite!important}@keyframes spin{to{transform:rotate(360deg)}}.btn-disabled,.MuiButton-root:disabled{opacity:.5!important;cursor:not-allowed!important}.btn-sm{padding:4px 8px!important;font-size:.65rem!important;font-weight:600!important;border-radius:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.btn-md{padding:8px 12px!important;font-size:.8rem!important;font-weight:700!important;border-radius:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.btn-lg{padding:10px 16px!important;font-size:.9rem!important;font-weight:700!important;border-radius:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}@media (min-width: 600px){.btn-sm{padding:6px 10px!important;font-size:.7rem!important}.btn-md{padding:10px 16px!important;font-size:.85rem!important}.btn-lg{padding:12px 24px!important;font-size:.95rem!important}}@media (min-width: 900px){.btn-sm{padding:8px 12px!important;font-size:.75rem!important}.btn-md{padding:12px 24px!important;font-size:.95rem!important}.btn-lg{padding:16px 32px!important;font-size:1.05rem!important}}.MuiButton-fullWidth,.MuiButton-root{height:auto!important;min-height:auto!important}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2)!important;color:#fff!important;box-shadow:0 6px 20px #2196f359!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-primary:hover{box-shadow:0 12px 32px #2196f380!important;transform:translateY(-2px)!important}.btn-secondary{background:linear-gradient(135deg,#9c27b0,#7b1fa2)!important;color:#fff!important;box-shadow:0 6px 20px #9c27b059!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-secondary:hover{background:linear-gradient(135deg,#8e24aa,#6a1b9a)!important;box-shadow:0 12px 32px #9c27b080!important;transform:translateY(-2px)!important}.btn-success{background:linear-gradient(135deg,#4caf50,#388e3c)!important;color:#fff!important;box-shadow:0 6px 20px #4caf5059!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-success:hover{background:linear-gradient(135deg,#45a049,#2e7d32)!important;box-shadow:0 12px 32px #4caf5080!important;transform:translateY(-2px)!important}.btn-error{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;box-shadow:0 6px 20px #f4433659!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-error:hover{background:linear-gradient(135deg,#e53935,#c62828)!important;box-shadow:0 12px 32px #f4433680!important;transform:translateY(-2px)!important}.btn-warning{background:linear-gradient(135deg,#ffc107,#ffb300)!important;color:#000000de!important;box-shadow:0 6px 20px #ffc10759!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;font-weight:700!important}.btn-warning:hover{background:linear-gradient(135deg,#ffb300,#ffa000)!important;box-shadow:0 12px 32px #ffc10780!important;transform:translateY(-2px)!important}.btn-info{background:linear-gradient(135deg,#03a9f4,#0288d1)!important;color:#fff!important;box-shadow:0 6px 20px #03a9f459!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.btn-info:hover{background:linear-gradient(135deg,#0297db,#0276b5)!important;box-shadow:0 12px 32px #03a9f480!important;transform:translateY(-2px)!important}.btn-outline{background-color:transparent!important;border:2.5px solid!important}.btn-outline.btn-primary{border-color:#1976d2!important;color:#1976d2!important}.btn-outline.btn-primary:hover{background-color:#1976d214!important}.btn-outline.btn-error{border-color:#f44336!important;color:#f44336!important}.btn-outline.btn-error:hover{background-color:#f4433614!important}.btn-text{background-color:transparent!important;border:none!important;color:#1976d2!important;text-decoration:none!important;padding:8px 12px!important}.btn-text:hover{background-color:#1976d214!important}.btn-icon-left{flex-direction:row!important;justify-content:flex-start!important}.btn-icon-right{flex-direction:row-reverse!important;justify-content:flex-end!important}@media (max-width: 600px){.button-container{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.button-container .MuiButton-root{width:100%!important}}@media (min-width: 600px){.button-container{display:flex!important;gap:12px!important;justify-content:flex-end!important}}.btn-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-smooth:hover{transform:translateY(-2px)!important}.btn-smooth:active{transform:translateY(0)!important}.card-responsive{height:auto!important}@media (min-width: 600px){.card-responsive{min-height:300px!important}}@media (min-width: 900px){.card-responsive{height:400px!important}}.MuiPopover-root .MuiPaper-root{border-radius:12px!important;box-shadow:0 5px 40px -10px #00000026!important}.notification-item{padding:12px 16px!important;border-left:4px solid transparent!important;transition:all .2s ease!important}.notification-item.unread{background-color:#2196f314!important;border-left-color:#2196f3!important}.notification-item:hover{background-color:#0000000a!important}.notification-item.critical{border-left-color:#f44336!important}.notification-item.warning{border-left-color:#ff9800!important}.notification-item.success{border-left-color:#4caf50!important}.notification-item.info{border-left-color:#2196f3!important}.MuiDialog-paper{border-radius:16px!important}@media (max-width: 599px){.MuiDialog-paper{margin:12px!important;max-width:calc(100% - 24px)!important}}::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)!important;border-radius:4px!important;transition:background .2s ease!important}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)!important}.MuiAvatar-root{transition:transform .2s ease,box-shadow .2s ease!important}.MuiAvatar-root:hover{transform:scale(1.05)!important;box-shadow:0 4px 12px #00000026!important}.MuiChip-root{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.MuiChip-root:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.MuiChip-colorError{background-color:#f443361f!important;color:#d32f2f!important}.MuiChip-colorWarning{background-color:#ff98001f!important;color:#f57c00!important}.MuiChip-colorSuccess{background-color:#4caf501f!important;color:#388e3c!important}.MuiChip-colorInfo{background-color:#2196f31f!important;color:#1976d2!important}.card-elevate{transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s ease!important}.card-elevate:hover{box-shadow:0 12px 24px #0000001f!important;transform:translateY(-4px)!important}.MuiTextField-root .MuiOutlinedInput-root{transition:all .2s ease!important}.MuiTextField-root .MuiOutlinedInput-root:hover{background-color:#00000005!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused{background-color:#2196f30a!important}.MuiMenu-paper{border-radius:8px!important;box-shadow:0 5px 40px -10px #00000026!important;min-width:200px!important}.MuiMenu-list{padding:8px 0!important}.MuiMenuItem-root{margin:0 4px!important;border-radius:6px!important;transition:all .2s ease!important}.MuiMenuItem-root:hover{background-color:#2196f314!important}.MuiBadge-badge{animation:pulse 2s infinite!important}@keyframes pulse{0%{box-shadow:0 0 #f4433666!important}70%{box-shadow:0 0 0 10px #f4433600!important}to{box-shadow:0 0 #f4433600!important}}.MuiDivider-root{background-color:#00000014!important}.MuiDivider-root.MuiDivider-fullWidth{margin-left:0!important;margin-right:0!important}.MuiAlert-root{border-radius:12px!important;transition:all .3s ease!important}.MuiAlert-standardError{background-color:#f443361f!important;color:#c62828!important}.MuiAlert-standardWarning{background-color:#ff98001f!important;color:#e65100!important}.MuiAlert-standardSuccess{background-color:#4caf501f!important;color:#1b5e20!important}.MuiAlert-standardInfo{background-color:#2196f31f!important;color:#0d47a1!important}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.fast-transition{transition:all .15s cubic-bezier(.4,0,.2,1)!important}@keyframes fadeInOut{0%,to{opacity:.6!important}50%{opacity:1!important}}.loading-shimmer{animation:fadeInOut 2s infinite!important}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media print{.MuiAppBar-root,.MuiDrawer-root,.MuiSpeedDial-root,.MuiFab-root{display:none!important}.MuiContainer-root{max-width:100%!important}}