body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.swal-container-high-z-index,.swal2-container{z-index:9999!important}.swal2-popup{z-index:10000!important}:root{--system-name:"iMOS"}.imos-logo{color:#fff!important;text-shadow:0 1px 2px #0000004d}body.dark.imos{--background-color:#141d2f;--sidebar-color:#0a0c14;--card-color:#0a0c14;--border-color:#1e2430;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--accent-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--border-color-visible:#ffffff4d}body.light.imos{--background-color:#f7f9fc;--sidebar-color:#0a0c14;--card-color:#fff;--border-color:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent-color:#059669;--danger-color:#dc2626;--warning-color:#d97706}:root{--system-name:"PEMS"}.pems-logo{color:#fff!important;text-shadow:0 1px 2px #0000004d}body.dark.pems{--background-color:#1c1207;--sidebar-color:#2d1e0f;--card-color:#2d1e0f;--border-color:#3d2814;--text-primary:#fff;--text-secondary:#f0e6d9;--text-muted:#d4b594;--accent-color:#e67e22;--danger-color:#ef4444;--warning-color:#f59e0b;--border-color-visible:#ffffff4d}body.light.pems{--background-color:#fcf8f4;--sidebar-color:#2d1e0f;--card-color:#fff;--border-color:#f5e8d7;--text-primary:#2d1e0f;--text-secondary:#5a412d;--text-muted:#8c7357;--accent-color:#d35400;--danger-color:#dc2626;--warning-color:#d97706}*{box-sizing:border-box;margin:0;padding:0}:root{--transition-speed:0.3s}.tui-grid-wrapper{height:100%;min-height:100px;position:relative;width:100%}.tui-grid-container{height:100%!important;min-height:100px!important;width:100%!important}.tui-grid-container:empty{min-height:100px}.grid-section{display:flex;flex-direction:column;min-height:400px}.grid-wrapper{flex:1 1;min-height:300px;position:relative;width:100%}.system-logo{color:#fff!important;font-size:24px!important;font-weight:700!important;letter-spacing:.5px!important;text-shadow:0 1px 3px #0000004d!important}.sidebar-title{background-color:var(--sidebar-color)!important}body.dark{--background-color:#141d2f;--sidebar-color:#0a0c14;--card-color:#0a0c14;--border-color:#1e2430;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--accent-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--border-color-visible:#ffffff4d}body.light{--background-color:#f7f9fc;--sidebar-color:#0a0c14;--card-color:#fff;--border-color:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent-color:#059669;--danger-color:#dc2626;--warning-color:#d97706}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}.App{display:flex;min-height:100vh}.sidebar{background-color:var(--sidebar-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;transition:transform .3s ease,width .3s ease;width:240px;z-index:1000}.sidebar-title{color:#fff;flex-shrink:0;margin:10px 15px 20px;padding:15px 20px 20px;text-align:center}.sidebar-title h2.system-logo{color:#fff!important;font-size:22px;font-weight:700}.sidebar-menu{list-style:none;margin:0;padding:0}.menu-item{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 20px;transition:all .2s ease}.menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item:hover{background-color:#ffffff0d;color:#fff}.menu-title{align-items:center;display:flex}.icon{margin-right:10px;text-align:center;width:20px}.expand-icon{font-size:10px}li.active>.menu-item{background-color:#ffffff0d;color:#fff;font-weight:500}.submenu{background-color:#0003;list-style:none;margin:0;padding:0}.submenu li a{color:#aaa;display:block;font-size:14px;padding:8px 10px 8px 50px;text-decoration:none;transition:all .2s ease}.submenu li a:hover{background-color:#ffffff0d;color:#fff}.submenu li a.active,.submenu li.active a{background-color:#ffffff1a;color:#fff;font-weight:500}body.pems .sidebar,body.pems .sidebar-title{background-color:var(--sidebar-color)}body.pems li.active>.menu-item{background-color:#ffffff1a}body.pems .submenu li a.active,body.pems .submenu li.active a{background-color:#ffffff26}@media (max-width:768px){.sidebar{overflow:hidden;width:70px}.expand-icon,.menu-name,.sidebar-title,.submenu{display:none}.icon{margin-right:0}.menu-item{justify-content:center;padding:15px 0}}.sidebar-nav{flex:1 1;margin:0;overflow-y:auto;padding:0 0 20px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.sidebar-footer{background-color:var(--sidebar-color);box-sizing:border-box;flex-shrink:0;justify-content:center;min-height:35px}.app-header,.sidebar-footer{align-items:center;display:flex;width:100%}.app-header{border-bottom:1px solid var(--border-color);overflow:hidden;padding:8px 0;transition:border-color var(--transition-speed)}body.dark .app-header{border-bottom:1px solid #ffffff4d}.tabs-container{flex:1 1;overflow:hidden;padding-left:0;width:calc(100% - 200px)}.tab-wrapper{align-items:center;display:flex;margin-left:8px;margin-right:8px;max-width:100%;min-height:48px;position:relative;width:calc(100% - 16px)}.tab-scroll-buttons{align-items:center;background-color:#ffffffe6;border-radius:4px;box-shadow:0 0 4px #0000001a;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;visibility:hidden;width:24px;z-index:10}.tab-scroll-buttons.visible{opacity:1;visibility:visible}.tab-scroll-buttons:hover{background-color:#00000012}.tab-scroll-buttons.left{background-image:linear-gradient(90deg,#ffffffe6,#fffc);left:0}.tab-scroll-buttons.right{background-image:linear-gradient(270deg,#ffffffe6,#fffc);right:0}body.dark .tab-scroll-buttons{background-color:#1e1e1ecc}body.dark .tab-scroll-buttons.left{background-image:linear-gradient(90deg,#1e1e1ecc,#1e1e1e99)}body.dark .tab-scroll-buttons.right{background-image:linear-gradient(270deg,#1e1e1ecc,#1e1e1e99)}body.dark .tab-scroll-buttons:hover{background-color:#323232e6}.custom-tabs{-ms-overflow-style:none;align-items:center;background-color:#1976d214;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:nowrap;margin-bottom:4px;margin-top:0;min-height:40px;overflow-x:auto;padding:4px;position:relative;scroll-behavior:smooth;scrollbar-width:none;width:100%;z-index:1}body.pems .custom-tabs{background-color:#e67e2214}body.dark .custom-tabs{background-color:#1976d226}body.dark.pems .custom-tabs{background-color:#e67e2226}.custom-tabs::-webkit-scrollbar{display:none}.custom-tab{align-items:center;background-color:initial;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;flex:0 0 auto;font-size:15px;font-weight:500;justify-content:center;margin:0 1px;min-width:100px;padding:10px 12px;position:relative;text-align:center;transition:all .25s ease;white-space:nowrap}body.dark .custom-tab{color:#ffffffb3}.custom-tab:not(.active):hover{background-color:#00000008;color:#333}body.dark .custom-tab:not(.active):hover{background-color:#ffffff1a;color:#ffffffe6}.custom-tab.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#1976d2;opacity:1;z-index:5}body.pems .custom-tab.active{color:#e67e22}body.dark .custom-tab.active{background-color:#222;box-shadow:0 1px 3px #0000004d;color:#2196f3}body.dark.pems .custom-tab.active{color:#f39c12}.tab-label{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.tab-icon{display:inline-block;font-size:16px;margin-right:4px}.theme-icon{align-items:center;display:flex;font-size:17px;justify-content:center;line-height:1}.tab-close-btn{color:inherit;cursor:pointer;font-size:16px;margin-left:8px;opacity:.7;transition:opacity .2s}.tab-close-btn:hover{opacity:1}.header-divider{height:36px;margin:0 8px}body.dark .header-divider{background-color:#fff3}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;justify-content:flex-end;padding:0 16px;position:relative;width:200px;z-index:10}.header-actions,body.dark .header-actions{background-color:initial}.header-action-button{border-radius:8px!important;color:var(--text-primary);padding:8px!important;transition:color .2s,background-color .2s}.header-action-button:disabled{cursor:not-allowed;opacity:.3}.header-action-button:hover:not(:disabled){background-color:#007bff14!important;color:#007bff;color:var(--accent-color,#007bff)}body.dark .header-action-button{color:#ffffffb3}body.dark .header-action-button:hover{background-color:#007bff26!important;color:#007bff;color:var(--accent-color,#007bff)}body.pems.dark .header-action-button:hover{background-color:#e77e2226!important;color:var(--accent-color)}body.pems.light .header-action-button:hover{background-color:#d3540014!important;color:var(--accent-color)}@media (max-width:768px){.app-header{padding:14px 0 0}.tabs-container{padding-left:0;width:calc(100% - 150px)}.tab-wrapper{margin-left:8px;margin-right:8px;width:calc(100% - 16px)}.header-divider{display:block;margin:0 6px}.header-actions{gap:4px;padding:0 8px;width:150px}.custom-tab{min-width:100px}}.user-icon{position:relative}.user-icon:after{background-color:#4caf50;border:1px solid var(--background-color);border-radius:50%;bottom:1px;content:"";height:6px;position:absolute;right:2px;width:6px}.MuiDataGrid-footerContainer,.MuiTablePagination-root{display:flex!important;visibility:visible!important}.MuiTablePagination-root{color:var(--text-primary)!important}.MuiTablePagination-actions,.MuiTablePagination-displayedRows,.MuiTablePagination-select,.MuiTablePagination-selectLabel,.MuiTablePagination-toolbar{display:flex!important;visibility:visible!important}body.dark .MuiTablePagination-displayedRows,body.dark .MuiTablePagination-root,body.dark .MuiTablePagination-selectLabel{color:var(--text-primary)!important}.outbound-management-container,.receiving-management-container{padding:20px}.date-range-picker{align-items:center;display:flex}.MuiDataGrid-row:hover{background-color:#1976d214}.MuiDataGrid-row.Mui-selected{background-color:#1976d226}.dark-mode .MuiDataGrid-root{color:#b3c5e6}.dark-mode .MuiDataGrid-cell{border-bottom:1px solid #2d4764}.production-plan-container{display:flex;flex-direction:column;height:100%;width:100%}.status-planned{color:#2196f3!important;font-weight:600}.shift-type-chip{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:500;height:24px;justify-content:center;min-width:80px;padding:0 12px}.shift-type-day{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ff8f00}.shift-type-night{background-color:#42a5f51a;border:1px solid #42a5f54d;color:#1976d2}.dark-mode .production-plan-container{background-color:#001e3c;color:#b3c5e6}.dark-mode .shift-type-day{background-color:#ffc10733;border:1px solid #ffc10780;color:#ffc107}.dark-mode .shift-type-night{background-color:#42a5f533;border:1px solid #42a5f580;color:#42a5f5}.work-order-container{display:flex;flex-direction:column;height:100%;width:100%}.status-wait{color:#2196f3!important;font-weight:600}.status-planned{color:#1976d2!important;font-weight:500}.status-confirmed{color:#673ab7!important;font-weight:500}.priority-urgent{color:#f44336!important;font-weight:600}.priority-high{color:#ff9800!important;font-weight:600}.priority-medium{color:#2196f3!important;font-weight:600}.priority-low{color:#4caf50!important;font-weight:600}.MuiDataGrid-row.Mui-selected{background-color:#1976d21f!important}.dark-mode .work-order-container{background-color:#001e3c;color:#b3c5e6}[data-theme=dark] .MuiDataGrid-row.Mui-selected{background-color:#42a5f533!important}.defect-table{border-collapse:collapse;width:100%}.defect-table th{background-color:#0000000d;border-bottom:1px solid #e0e0e0;font-weight:600;padding:8px;text-align:center}.defect-table td{border-bottom:1px solid #f0f0f0;padding:8px;text-align:center}.dark-mode .defect-table th{background-color:#ffffff0d;border-bottom:1px solid #fff3}.dark-mode .defect-table td{border-bottom:1px solid #ffffff1a}.kpi-production-result-container{margin:0;margin-left:0!important;min-height:100vh;padding:0;padding-left:0!important;width:100%}.page-header{margin-left:0;padding-left:0}.page-title{flex-grow:1;margin-right:8px}.loading-indicator-container{align-items:center;min-height:200px}.equipment-cards-container{margin-left:0;margin-right:0;margin-top:16px;padding:0;padding-left:0!important;width:100%}.equipment-cards-container .MuiGrid-container{margin:0;margin-left:0!important;padding:0;padding-left:0!important;width:100%}.equipment-cards-container .MuiGrid-item{margin:0;min-width:0;padding:0;width:100%}.equipment-cards-container .MuiGrid-item:only-child{flex:1 1 100%;max-width:100%}.equipment-cards-container .MuiGrid-item:not(:only-child){flex:1 1 auto}.info-box{border-radius:4px;margin-top:16px;padding:16px}.kpi-equipment-card{display:flex;flex-direction:column;height:100%}.equipment-header{background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:4px 4px 0 0;color:#fff;margin:-16px -16px 16px;padding:12px 16px}.equipment-title{font-weight:600;margin-bottom:4px}.equipment-info{font-size:.875rem;opacity:.9}.production-form{flex-grow:1;gap:16px}.form-section,.production-form{display:flex;flex-direction:column}.form-section{gap:12px}.quantity-section{display:flex;gap:12px}.quantity-field{flex:1 1}.defect-info-section{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:12px}.defect-info-header{align-items:center;display:flex;font-weight:500;margin-bottom:12px}.defect-info-list{display:flex;flex-direction:column;gap:8px}.defect-info-item{align-items:center;display:flex;gap:8px}.defect-type-field{flex:2 1}.defect-qty-field{flex:1 1}.add-defect-button{align-self:flex-start;margin-top:8px}.card-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.kpi-production-result-container[data-theme=dark] .defect-info-section{background-color:#2d2d2d;border-color:#404040}.kpi-production-result-container[data-theme=dark] .card-actions{border-top-color:#404040}@media (max-width:1200px){.equipment-cards-container .MuiGrid-item:not(:only-child){flex:1 1 50%;max-width:50%}}@media (max-width:960px){.equipment-cards-container .MuiGrid-item{flex-basis:100%;max-width:100%}.equipment-cards-container .MuiGrid-item:not(:only-child){flex:1 1 100%;max-width:100%}}@media (max-width:600px){.defect-info-item,.quantity-section{flex-direction:column}.defect-info-item{align-items:stretch}.card-actions{flex-direction:column}}.status-planned,.status-wait{color:#2196f3!important;font-weight:600}.status-inprogress{color:#ff9800!important;font-weight:600}.status-completed{color:#4caf50!important;font-weight:600}.status-canceled{color:#f44336!important;font-weight:600;text-decoration:line-through}.defect-highlight{color:#f44336;font-weight:600}.dark-mode .status-planned,.dark-mode .status-wait{color:#64b5f6!important}.dark-mode .status-inprogress{color:#ffb74d!important}.dark-mode .status-completed{color:#81c784!important}.dark-mode .status-canceled{color:#e57373!important}.dark-mode .defect-highlight{color:#e57373}.production-result-inquiry-container{min-height:100vh;padding:0}.MuiDataGrid-root .defect-highlight{color:#f44336!important;font-weight:600}.filter-container{margin-bottom:20px}@media print{.MuiDataGrid-columnHeaders{box-shadow:none!important}.MuiDataGrid-root .MuiDataGrid-cell{border-bottom:1px solid #0000001f!important}}.defect-info-inquiry-container{min-height:100vh;padding:0}.page-header{align-items:center;display:flex;margin-bottom:16px;padding-bottom:8px}.page-title{font-weight:600}.help-icon-button{margin-left:8px}.error-alert{margin-bottom:16px}.loading-indicator-container{display:flex;justify-content:center;margin-bottom:32px;margin-top:32px}.info-box{border-radius:8px}.permission-table{border-collapse:collapse;font-size:.875rem;width:100%}.permission-table td,.permission-table th{border:1px solid #e0e0e0;padding:8px;text-align:center}.permission-table th{background-color:#0000000a;font-weight:600}.permission-table td:first-child{text-align:left;width:30%}.permission-table td:not(:first-child){vertical-align:middle}@media (prefers-color-scheme:dark){.permission-table th{background-color:#ffffff14}.permission-table td,.permission-table th{border-color:#515151}}.permission-table tr.highlighted{background-color:#1976d214}@media (max-width:768px){.permission-table{font-size:.75rem}.permission-table td,.permission-table th{padding:4px}}.authority-management-container{min-height:100vh;padding:20px}.status-badge.active{color:#4caf50}.status-badge.inactive{color:#f44336}[data-mui-color-scheme=dark] .status-badge.active{background-color:#4caf5033;color:#81c784}[data-mui-color-scheme=dark] .status-badge.inactive{background-color:#f4433633;color:#e57373}@media (max-width:600px){.authority-management-container{padding:10px}.status-badge{font-size:.75rem;padding:2px 4px}}.category-row{background-color:#87ceeb33!important}.status-badge{border-radius:10px;display:inline-block;font-size:.75rem;padding:2px 8px;text-align:center}.status-badge.active{background-color:#2e7d3226}.status-badge.inactive{background-color:#d32f2f26}body.dark .status-badge.active{background-color:#4caf5040;color:#81c784}body.dark .status-badge.inactive{background-color:#f4433640;color:#e57373}body.pems .status-badge.active{background-color:#e67e2226;color:#e67e22}body.pems .status-badge.inactive{background-color:#c0392b26;color:#c0392b}body.dark.pems .status-badge.active{background-color:#f39c1240;color:#f39c12}body.dark.pems .status-badge.inactive{background-color:#e74c3c40;color:#e74c3c}.avatar-area{display:flex;justify-content:center;margin:20px 0}.menu-management-container{height:100%;overflow:auto;padding:20px}.status-badge{border-radius:4px;font-size:.875rem;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#4caf501a;color:#2e7d32}.status-badge.inactive{background-color:#f443361a;color:#d32f2f}@media (prefers-color-scheme:dark){.status-badge.active{background-color:#4caf5033;color:#81c784}.status-badge.inactive{background-color:#f4433633;color:#e57373}}.kpi-setting-container{display:flex;flex-direction:column;width:100%}.branch-company-container{border-radius:8px;margin-bottom:20px;margin-top:20px;overflow:hidden}.branch-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px}.branch-header-dark{background-color:#424242}.branch-header-light{background-color:#f5f5f5}.company-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:12px}.company-item{border-radius:4px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.company-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.company-item-dark{background-color:#333;border:1px solid #444}.company-item-light{background-color:#fff;border:1px solid #e0e0e0}.company-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.company-name{font-size:.9rem;font-weight:500}.kpi-chip-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.kpi-chip{font-size:.7rem!important;height:22px!important}.kpi-batch-selector{align-items:center;background-color:#00000005;border-radius:4px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px}@media (max-width:600px){.company-list{grid-template-columns:1fr}}@media (min-width:601px) and (max-width:960px){.company-list{grid-template-columns:repeat(2,1fr)}}.app-layout{display:flex;height:100vh;min-height:100vh;transition:all .3s ease;width:100%}.app-layout.sidebar-collapsed .sidebar{min-width:0;overflow:hidden;transform:translateX(-100%);width:0}.app-layout:not(.sidebar-collapsed) .sidebar{transform:translateX(0);width:240px}.app-main{background-color:var(--background-color);height:100vh;overflow:hidden;transition:background-color var(--transition-speed)}.app-content,.app-main{display:flex;flex:1 1;flex-direction:column}.app-content{height:calc(100vh - 64px);min-height:600px;overflow-y:auto;padding:10px 20px 20px;position:relative;scrollbar-gutter:stable;scrollbar-width:thin}body.pems .app-content{padding-right:0;scrollbar-color:#fcebd499 #0000}body.pems .app-content::-webkit-scrollbar{position:absolute;right:0;width:6px}body.pems .app-content::-webkit-scrollbar-track{background:#0000}body.pems .app-content::-webkit-scrollbar-thumb{background-color:#fcebd499;border-radius:3px}body.pems .app-content::-webkit-scrollbar-thumb:hover{background-color:#fcebd4cc}body.imos .app-content{padding-right:0;scrollbar-color:#e8f0fd99 #0000}body.imos .app-content::-webkit-scrollbar{position:absolute;right:0;width:6px}body.imos .app-content::-webkit-scrollbar-track{background:#0000}body.imos .app-content::-webkit-scrollbar-thumb{background-color:#e8f0fd99;border-radius:3px}body.imos .app-content::-webkit-scrollbar-thumb:hover{background-color:#e8f0fdcc}@media (max-width:768px){.app-content{padding:15px}.app-layout:not(.sidebar-collapsed) .sidebar{box-shadow:2px 0 8px #00000026;left:0;position:fixed;top:0;z-index:1100}.app-layout:not(.sidebar-collapsed):before{background-color:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:1050}}.login-container{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;width:100%}.login-card{animation:fadeIn .8s ease-in-out;max-width:450px;overflow:hidden;width:100%;z-index:2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{padding:24px;text-align:center}.login-form{padding:24px 32px}.system-name{display:inline-block;position:relative}.system-name:after{background-color:currentColor;border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}body.pems .login-card{box-shadow:0 8px 24px #d2691e33}body.imos .login-card{box-shadow:0 8px 24px #19266233}body.dark .login-card{background-color:#121212e6}@media (max-width:600px){.login-card{max-width:100%}.login-form{padding:16px 24px}}.mobile-view .login-container{align-items:flex-start;padding:0}.mobile-view .login-card{border-radius:0;box-shadow:none;margin-top:40px;max-width:100%;width:100%}.mobile-view .login-header{padding:32px 24px}.mobile-view .login-form{padding:24px}.mobile-view .system-name{font-size:32px}.mobile-view .login-action-wrapper{flex-direction:column;gap:16px}.mobile-view .login-button{font-size:16px;height:48px}.mobile-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.mobile-app-bar{position:sticky;top:0;z-index:1100}.MuiListItem-root{padding:12px 16px}.MuiIconButton-root{padding:12px}.MuiButton-root{font-size:1rem;min-height:42px}.MuiFormControl-root .MuiInputBase-root,.MuiFormControl-root .MuiInputLabel-root{font-size:1rem}.mobile-touch-item{margin-bottom:12px;padding:12px}body.pems .mobile-layout .MuiContainer-root{scrollbar-color:#fcebd499 #0000}body.pems .mobile-layout .MuiContainer-root::-webkit-scrollbar{width:6px}body.pems .mobile-layout .MuiContainer-root::-webkit-scrollbar-track{background:#0000}body.pems .mobile-layout .MuiContainer-root::-webkit-scrollbar-thumb{background-color:#fcebd499;border-radius:3px}body.pems .mobile-layout .MuiContainer-root::-webkit-scrollbar-thumb:hover{background-color:#fcebd4cc}body.imos .mobile-layout .MuiContainer-root{scrollbar-color:#e8f0fd99 #0000}body.imos .mobile-layout .MuiContainer-root::-webkit-scrollbar{width:6px}body.imos .mobile-layout .MuiContainer-root::-webkit-scrollbar-track{background:#0000}body.imos .mobile-layout .MuiContainer-root::-webkit-scrollbar-thumb{background-color:#e8f0fd99;border-radius:3px}body.imos .mobile-layout .MuiContainer-root::-webkit-scrollbar-thumb:hover{background-color:#e8f0fdcc}.mobile-card{border-radius:12px;box-shadow:0 2px 8px #00000017;margin-bottom:16px;overflow:hidden}.mobile-touch-item{transition:background-color .2s,transform .1s}.mobile-touch-item:active{background-color:#0000000d;transform:scale(.98)}.branch-manager-layout{background-color:#f5f5f5;background-color:var(--background-color,#f5f5f5);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.branch-manager-layout[data-theme=dark]{background-color:#0c1929}.branch-manager-layout[data-domain=PEMS]{background-color:#fcf8f4}.branch-manager-layout[data-theme=dark][data-domain=PEMS]{background-color:#1c1207}.branch-manager-content{box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.branch-manager-content .kpi-monitoring{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:0;width:100%}@media (max-width:768px){.branch-manager-content{padding:16px}}
/*# sourceMappingURL=main.60b2b897.css.map*/