.auth-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#41eab7,#00573d);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in}.auth-preloader-content{text-align:center;color:#fff;max-width:300px;padding:2rem}.auth-preloader-logo{margin-bottom:2rem}.logo-placeholder{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-preloader-progress{margin:1.5rem 0}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px;animation:progressFill 2s ease-in-out infinite}.auth-preloader-message{font-size:1rem;margin:1rem 0;opacity:.9;font-weight:300}.auth-preloader-spinner{margin-top:1rem}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressFill{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:768px){.auth-preloader-content{padding:1rem;max-width:250px}.logo-placeholder{font-size:2rem}.auth-preloader-message{font-size:.9rem}}:root .appbar-navbar{position:fixed;top:50px;left:0;width:100%;z-index:1200;background:#c4ced1;border:0px;padding:0 50px;display:flex}@media screen and (max-width:1100px){:root .appbar-navbar{padding:0 16px}}@media screen and (max-width:800px){:root .appbar-navbar{padding:0 10px 0 0}}header .navbar-mobile-menu-button{margin-right:8px!important;color:#374151!important}header .appbar-toolbar{min-height:56px;padding-left:16px;padding-right:16px;justify-content:space-between}@media(min-width:900px){header .appbar-toolbar{min-height:48px;padding-left:24px;padding-right:24px}}header .appbar-customer-menu{display:flex;align-items:center;flex:1}header .appbar-customer-menu .navbar-customer-selector-container{position:relative}header .appbar-customer-menu .theme-darkgrey-color{color:#374151}header .appbar-customer-menu .navbar-navigation-container{display:flex!important;align-items:center!important;margin-left:16px!important;margin-right:16px!important;position:relative!important;flex:1!important;overflow:hidden!important;max-width:calc(100vw - 650px)!important}header .appbar-customer-menu .navbar-navigation-container .navbar-tab-arrow-left,header .appbar-customer-menu .navbar-navigation-container .navbar-tab-arrow-right{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important;background-color:#c4ced1e6!important;padding:4px!important;width:28px!important;height:28px!important}header .appbar-customer-menu .navbar-navigation-container .navbar-tab-arrow-left:hover,header .appbar-customer-menu .navbar-navigation-container .navbar-tab-arrow-right:hover{background-color:#adbbbf!important}header .appbar-customer-menu .navbar-navigation-container .navbar-tab-arrow-left{left:0!important}header .appbar-customer-menu .navbar-navigation-container .navbar-tab-arrow-right{right:0!important}header .appbar-customer-menu .navbar-navigation-container .navbar-arrow-left,header .appbar-customer-menu .navbar-navigation-container .navbar-arrow-right{font-size:14px!important;color:#374151!important}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex:1!important;align-items:center!important}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu .desktop{max-width:100%!important;overflow:hidden!important;min-width:0!important;margin:0 4px!important;white-space:nowrap!important;flex-shrink:0!important}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu .navbarbtn{height:56px!important;font-size:12px!important;font-weight:700!important;color:var(--dark-text)!important;background-color:transparent!important;border-top:none!important;border-radius:0!important;box-shadow:none!important;transition:background-color .2s;overflow:hidden!important;white-space:nowrap!important;flex-shrink:0!important}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu .active-navbar{color:#004b8d!important;border-bottom:4px solid #004B8D!important}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu .active-navbar span{margin-top:4px}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu .navbar-menu-button.desktop{padding-left:12px!important}header .appbar-customer-menu .navbar-navigation-container .navbar-scrollable-menu::-webkit-scrollbar{display:none!important}header .appbar-customer-menu .customer-menu-item{background-color:#dbe1e3!important;height:56px!important;display:flex!important;align-items:center!important;padding:8px 16px!important;cursor:pointer!important;gap:8px!important}header .appbar-customer-menu .navbar-customer-text{font-size:12px!important;font-weight:700!important;color:var(--dark-text)!important;letter-spacing:.5px!important}header .appbar-customer-menu .navbar-customer-expand-icon.closed{transform:rotate(0)!important}header .appbar-customer-menu .navbar-customer-expand-icon.open{transform:rotate(180deg)!important}header .appbar-customer-menu .appbar-expand{color:#374151!important;font-size:20px!important}header .csgf-root{position:absolute;top:56px;left:0;width:100%;min-height:100px;background-color:#dbe1e3;z-index:1200;box-shadow:0 3px 6px #00000029;border-bottom:1px solid #ccc;padding:16px 72px}header .csgf-loader{position:absolute;inset:0;background-color:#fff9;display:flex;justify-content:center;align-items:center;z-index:1300}header .csgf-close{position:absolute;top:8px;right:50px}header .csgf-label{color:var(--dark-text);margin-bottom:8px!important;font-size:14px!important;font-weight:700!important}header .csgf-placeholder{color:#888;font-size:14px}header .csgf-selected{font-size:14px}header .csgf-row{display:flex;gap:8px;align-items:center}header .csgf-label-site{color:var(--dark-text);font-size:14px;font-weight:700}header .csgf-action{font-size:14px;display:inline-flex;gap:0}header .csgf-separator{margin:0 2px}header .csgf-enabled{color:#00805a;cursor:pointer}header .csgf-disabled{color:#999;cursor:not-allowed}header .csgf-site-name{font-size:14px;font-weight:550;margin-top:4px;color:#00805a}header .csgf-site-address{font-size:12px;color:#555}header .csgf-location{font-size:14px;margin-top:4px;color:#0d0e0d}header .csgf-none{color:#999;margin-top:8px;font-size:14px}header .appbar-right-section{display:flex!important;align-items:center!important;gap:16px!important}header .appbar-right-section .navbar-search-container{position:relative!important;height:55px!important;background:#adbbbf;display:flex;justify-content:center;align-items:center;padding:0 5px}header .appbar-right-section .navbar-search{color:#374151!important;width:150px!important;outline-color:#004b8d!important}@media(min-width:900px){header .appbar-right-section .navbar-search{width:160px!important}}header .appbar-right-section .navbar-search .MuiInputBase-input::placeholder{color:#374151!important;font-style:italic!important;opacity:1!important}@media screen and (max-width:1100px){header .appbar-navbar{padding:0 16px!important}}@media screen and (max-width:800px){header .appbar-navbar{padding:0 10px 0 0!important}}@media(min-width:900px)and (max-width:1200px){header .navbar-tab-arrow-right{right:0!important}}@media screen and (max-width:900px){header .appbar-customer-menu{flex:initial!important}header .appbar-right-section{flex:1!important;padding-left:20px!important}header .appbar-right-section .navbar-search-container{width:70%!important}header .appbar-right-section .navbar-search{width:100%!important}}.navbar-notifications-container{display:flex!important;gap:8px!important}.navbar-profile-icon{color:#374151!important}.navbar-profile-menu{margin-top:8px!important}.navbar-logout-button{margin-left:6px!important}.navbar-drawer-paper{width:280px!important;background-color:#b8c5d1!important}.navbar-drawer-container{padding:16px!important}.navbar-drawer-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important}.navbar-drawer-customer-section{display:flex!important;align-items:center!important;gap:8px!important}.navbar-drawer-customer-icon{color:#374151!important}.navbar-drawer-customer-text{font-weight:600!important;font-size:14px!important;color:#374151!important}.navbar-drawer-expand-icon{font-size:12px!important;color:#6b7280!important}.navbar-drawer-close-button{color:#374151!important}.navbar-drawer-divider{border-color:#adbbbf!important}.navbar-drawer-list-item{margin-bottom:4px!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.navbar-drawer-list-item.active{background-color:#fff!important;border-left:4px solid #004B8D!important;border-radius:0 4px 4px 0!important;box-shadow:0 1px 3px #0000001a!important}.navbar-drawer-list-item-content{width:100%!important}.navbar-drawer-menu-button{justify-content:flex-start!important;text-transform:none!important;padding:12px 16px!important;min-height:0!important;min-width:0!important;background-color:transparent!important;text-align:left!important}.navbar-drawer-menu-button:hover{background-color:#e3e8ef!important}.navbar-drawer-menu-text{font-size:14px!important;font-weight:600!important;color:#374151!important}.navbar-drawer-menu-text.active{color:#004b8d!important}.navbar-breadcrumb-section{background-color:#fff!important;text-transform:capitalize;margin-top:10px}@media(max-width:600px){.navbar-breadcrumb-section{padding:5px 16px!important;margin-top:56px}}@media(min-width:601px)and (max-width:959px){.navbar-breadcrumb-section{padding:5px 24px!important;margin-top:10px}}@media(min-width:960px){.navbar-breadcrumb-section{margin-top:10px}}.navbar-breadcrumb-current,.navbar-breadcrumb-link{font-size:14px;font-weight:400}.navbar-breadcrumb-container{font-size:14px!important;margin-top:10px}.navbar-breadcrumb-link{color:var(--primary)!important;cursor:pointer!important}.navbar-breadcrumb-current{font-size:14px!important;color:#4e4f52!important;font-weight:500}.device-header-container{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:32px!important;margin-top:15px!important}.device-details-title{font-family:var(--font-family),sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:24px!important;line-height:32px!important;letter-spacing:0!important}.filterIconSize{font-size:28px!important}.chevronIcon{color:var(--dark-text);font-size:28px!important;vertical-align:middle;margin-left:6px;transition:color .2s;font-weight:700}.search-input{width:100%!important;border-radius:0!important}.search-input .MuiOutlinedInput-root{border-radius:0!important}.search-input .MuiInputBase-input{font-family:var(--font-family)!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:0!important}.page-title{font-size:44px!important;font-weight:300!important;color:var(--dark-text)!important;margin-bottom:8px!important;padding-top:0!important}.site-label{font-weight:600!important;color:var(--dark-text)!important;margin-right:8px!important;font-size:14px!important}.site-value{color:var(--dark-text)!important;font-size:14px!important}.siteName{font-weight:400;color:var(--dark-text)}.pipe{font-weight:800;color:#111;margin:0 6px}.search-controls-container{display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:16px!important}.search-input-container{width:100%!important}.filter-controls-container{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;justify-content:flex-start!important}.view-label{font-family:var(--font-family)!important;font-weight:500!important;font-size:14px!important;line-height:16px!important;letter-spacing:0!important;color:var(--dark-text)!important;margin-right:8px!important}.status-type-dropdown{min-width:180px!important;height:48px!important}.status-select{font-family:var(--font-family)!important;font-weight:700!important;font-size:12px!important;border:1px solid var(--dark-text)!important;border-radius:0!important;height:100%!important;width:180px!important;line-height:16px!important;letter-spacing:.48px!important;text-transform:uppercase!important;color:var(--dark-text)!important}.status-menu-item{font-family:var(--font-family)!important;font-weight:700!important;font-size:12px!important;line-height:16px!important;letter-spacing:.48px!important;text-transform:uppercase!important;color:var(--dark-text)!important;padding:12px 0 12px 10px!important}.filters-toggle{display:flex!important;align-items:center!important;margin-left:auto!important}.filters-label{font-family:var(--font-family)!important;font-weight:500!important;font-size:14px!important;line-height:16px!important;letter-spacing:0!important;color:var(--dark-text)!important;cursor:pointer!important;margin-right:8px!important}.filters-icon-button{color:var(--dark-text)!important;padding:4px!important}.filter-chips-container{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:8px!important;margin-top:16px!important}.filter-by-label{font-family:var(--font-family)!important;font-weight:500!important;font-size:14px!important;line-height:16px!important;letter-spacing:0!important;color:var(--dark-text)!important;margin-right:8px!important;padding:10px 0}.filter-chip{display:flex!important;align-items:center!important;border:1px solid var(--primary)!important;border-radius:0!important;padding:1px 10px!important;margin-right:8px!important;background:#fff!important;height:26px!important}.filter-chip-text{color:var(--primary)!important;font-family:var(--font-family)!important;font-weight:600!important;font-size:12px!important;line-height:24px!important;letter-spacing:0!important;margin-right:8px!important}.filter-chip-close{color:var(--primary)!important;padding:0!important;margin-left:4px!important}.filter-chip-close:hover{background:transparent!important;color:#003d29!important}.clear-filters-desktop{display:flex!important;flex-grow:1!important;justify-content:flex-end!important}.clear-filters-text{font-family:var(--font-family)!important;font-weight:400!important;font-size:14px!important;line-height:16px!important;letter-spacing:0!important;color:var(--dark-text)!important;cursor:not-allowed!important}.clear-filter-text-enable{color:#00805a!important;font-weight:700!important;cursor:pointer!important}.filter-dropdowns-container{display:flex!important;gap:40px!important;margin-top:8px!important;align-items:flex-start!important;width:100%!important}.filter-dropdown{flex:1!important;min-width:0!important;width:100%!important;position:relative}.filter-dropdown-collapsed{width:100%!important;border-radius:0!important;border-top:2px solid #C9CACC!important;background:#fff!important;cursor:pointer!important;padding:12px 16px!important;font-weight:700!important;color:var(--dark-text)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;user-select:none!important}.filter-dropdown-expanded{width:100%!important;border-radius:0!important;border-top:4px solid var(--primary)!important;position:absolute!important;z-index:1000!important}.filter-dropdown-header{padding:12px 16px!important;font-weight:700!important;color:var(--dark-text)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;border-bottom:1px solid #e0e0e0!important;user-select:none!important}.filter-dropdown-content{padding:8px 16px 16px!important;max-height:200px;overflow:auto}.filter-checkbox-label{font-family:var(--font-family)!important;font-weight:300!important;font-size:14px!important;line-height:24px!important;letter-spacing:0!important;color:var(--dark-text)!important}.apply-filters-desktop{flex:1!important;min-width:0!important;display:flex!important;align-items:stretch!important;justify-content:flex-end!important;padding-bottom:16px}.apply-filters-button{width:100%!important;background:var(--primary)!important;color:#fff!important;font-weight:700!important;border-radius:0!important;padding:16px 40px!important;font-size:16px!important;height:100%!important;letter-spacing:1px!important;box-shadow:none!important}.apply-filters-button:hover{background:#004b34!important;border-color:var(--primary)!important}.apply-filters-button.inactive,.apply-filters-button.inactive:hover{background:#c9cacc!important}.apply-filters-mobile-container{width:100%!important;margin-top:16px!important}.apply-filters-mobile{width:80%!important;background-color:var(--primary)!important;color:#fff!important;font-weight:700!important;border-radius:0!important;padding:16px 40px!important;font-size:14px!important;height:48px!important;margin:0 11%!important;letter-spacing:1px!important;box-shadow:none!important}.apply-filters-mobile:hover{background:#004b34!important}.clear-filters-mobile-container{width:100%!important;margin-top:8px!important}.clear-filters-mobile{width:80%!important;border:1.5px solid var(--primary)!important;color:var(--primary)!important;height:48px!important;font-weight:700!important;border-radius:0!important;padding:12px 0!important;font-size:14px!important;margin:0 11%!important;letter-spacing:1px!important;background:#fff!important}.clear-filters-mobile:hover{background:#f5f5f5!important;border-color:#003d29!important;color:#003d29!important}.header-divider{margin-top:16px!important;margin-bottom:16px!important;border-color:#c9cacc!important}@media(max-width:600px){.search-controls-container{flex-direction:column!important}.filter-controls-container{justify-content:flex-start!important;width:100%!important}.view-label{display:none!important}.filter-dropdowns-container{flex-direction:column!important;gap:16px!important}.filter-dropdown-collapsed{padding:12px 0!important}.apply-filters-desktop,.clear-filters-desktop{display:none!important}}@media(min-width:601px){.search-controls-container{flex-direction:row!important;align-items:center!important}.search-input-container{width:360px!important}.filter-controls-container{margin-left:auto!important;justify-content:flex-end!important}.filter-dropdowns-container{flex-direction:row!important}.filter-dropdown{width:auto!important}.apply-filters-mobile-container,.clear-filters-mobile-container{display:none!important}}.device-header-title{font-size:36px!important;font-weight:300!important;color:#1e293b!important;margin-bottom:12px!important}.device-header-site-info{display:flex!important;align-items:center!important}.device-header-site-label{font-weight:500!important;color:#64748b!important;margin-right:8px!important}.device-header-site-value{color:#374151!important}.add-device-button{font-family:var(--font-family)!important;font-weight:700!important;font-style:normal;font-size:12px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)!important}.add-device-button:hover{background-color:#f0fdf4!important;border-color:#00805a!important}.chart-empty-state-description{color:#868e96;font-size:.875rem}.MuiBreadcrumbs-li{display:flex!important;align-items:center!important}.device-details-container{margin-bottom:12px!important}.device-details-tab-button{font-weight:600!important;border-radius:0!important;background-color:#f3f3f3!important;color:#333!important}.device-details-tab-button.active{background-color:transparent!important;color:#004b8d!important;border-top:2px solid #004B8D!important}.device-details-tab-button.inactive{background-color:#f3f3f3!important;color:#333!important;border-top:none!important}.device-details-thumbnail-img{width:96%!important;height:80px!important;object-fit:cover!important;cursor:pointer!important}.device-details-main-image{max-width:100%!important;max-height:400px!important;object-fit:contain!important}.device-details-enlarge-icon{position:absolute!important;bottom:8px!important;right:8px!important;padding:4px!important;cursor:pointer!important}.device-details-video-iframe{width:100%!important;height:400px!important}.device-details-serial-number{color:#333!important}.device-details-menu-button{outline:none!important}.device-details-menu-button:focus-visible,.device-details-menu-button:focus{outline:none!important}.device-details-menu-paper{min-width:220px!important}.device-details-menu-title{padding:8px 16px!important;font-weight:700!important}.device-details-menu-item:hover,.device-details-menu-item.Mui-focusVisible{color:#00805a!important}.device-details-device-name{color:#333!important}.device-details-walkdown-rating{background-color:#f8b11e!important;color:#333!important;border-radius:0!important;width:fit-content!important;justify-content:center!important;align-items:center!important;display:flex!important;padding:6.4px 12px!important}.device-details-recommended-action{word-break:break-word!important;white-space:normal!important}.device-details-walkdown-images{color:#00805a!important;border-radius:0!important;padding:4px 8px!important;display:inline-flex!important;align-items:center!important;width:fit-content!important}.device-details-walkdown-images-icon{font-size:18px!important;margin-right:4px!important}.device-details-walkdown-images-link{color:#00805a!important;font-size:14px!important;text-decoration:none!important}.device-details-walkdown-images-link:hover{color:#00805a!important}.device-details-label-container{margin-top:8px!important;border-radius:4px!important}.device-details-button-container{display:flex!important;gap:5px!important;width:100%!important}.device-details-action-button{background-color:var(--primary)!important;color:#fff!important;border-radius:0!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:280px!important;height:48px!important;gap:4px!important;padding:16px!important;opacity:1!important;transform:rotate(0);transition:background-color .3s ease,transform .2s ease}.device-details-action-button.full-width{flex:none!important;width:50%!important}.device-details-action-button-icon{display:flex!important;align-items:center!important;margin-left:8px!important}.device-details-action-button-icon:focus-visible,.device-details-action-button-icon:focus{outline:none!important}.device-details-action-button-chevron{color:#fff!important}.device-details-divider{border:none!important;border-top:1px solid #ccc!important}.device-details-accordion{box-shadow:none!important}.device-details-accordion-expand-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important}.device-details-accordion-expand-icon:focus-visible,.device-details-accordion-expand-icon:focus{outline:none!important}.device-details-accordion-summary,.device-details-accordion-details{padding:0!important}.device-details-accordion-details h6{text-transform:uppercase!important}.device-details-accordion-details p{word-break:break-word;overflow-wrap:break-word;white-space:normal}.device-details-link{color:#00805a!important;margin-top:8px!important}.device-details-link:hover{color:#00805a!important}.device-details-text-secondary{margin-top:8px!important}.device-details-tab-header{font-weight:300;font-size:30px;color:var(--dark-text);margin:30px 0}.device-details-tabs-container{border-bottom:1px solid rgba(0,0,0,.12)!important;margin-bottom:24px!important}.device-details-tabs{font-family:var(--font-family)!important}.device-details-tabs .MuiTab-root{text-transform:none!important;font-weight:600!important;font-size:14px!important;min-height:48px!important}.device-details-tabs .MuiTab-root.Mui-selected{color:var(--primary)!important}.device-details-tabs .MuiTabs-indicator{background-color:var(--primary)!important;height:3px!important}.device-details-tab-content-flex{display:flex!important;align-items:center!important;gap:8px!important;text-transform:uppercase!important}.device-details-placeholder{display:flex!important;justify-content:center!important;align-items:center!important;height:400px!important;background-color:#f8f9fa!important;border-radius:8px!important;border:2px dashed #dee2e6!important}.device-details-placeholder-text{color:#6c757d!important;font-weight:400!important;text-align:center!important}.device-details-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#000c!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;cursor:pointer!important}.device-details-modal-overlay.hidden{display:none!important}.device-details-modal-content{position:relative!important;max-width:90%!important;max-height:90%!important;background-color:#fff!important;border-radius:8px!important;overflow:hidden!important}.device-details-modal-image{width:100%!important;height:auto!important;max-height:80vh!important;object-fit:contain!important}.device-details-title{font-family:var(--font-family)!important;font-weight:400!important;font-style:normal!important;font-size:24px!important;line-height:32px!important;letter-spacing:0!important}.device-details-accordion-details a{color:#00805a!important}@media(max-width:600px){.device-details-button-container{flex-direction:column!important}.device-details-action-button.full-width{width:100%!important}}@media(max-width:600px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.flex-mobile-column{flex-direction:column!important}.common-data-grid-header,.common-data-grid-header-left{display:block!important}.common-data-grid-header-search{width:100%!important}.common-data-grid-header-row-count{margin-top:15px!important}.common-data-grid-header-right{display:inline-block!important;margin-left:0!important;padding-left:0!important;width:100%!important}.common-data-grid-header-right-formcontrol,.common-data-grid-header-right-button{width:48%!important}}@media(min-width:601px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media(min-width:900px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}.sectionTitle{font-weight:500!important;font-size:18px!important;text-transform:none;display:flex;align-items:center;color:var(--dark-text)!important}.sectionSubtitle{font-weight:700;font-size:12px;letter-spacing:4%;text-transform:uppercase;margin-bottom:10px;color:var(--dark-text)}.deviceAttributesAssemblyRow{display:flex;align-items:center;margin-bottom:20px;font-weight:600;letter-spacing:.15px;gap:20px}.deviceAttributesAssembly{font-size:14px!important;font-weight:600;color:var(--dark-text)}.deviceAttributesReadMore{color:var(--primary);margin-left:8px;font-weight:500}.deviceAttributeError{text-align:center;padding:20px}.deviceAttributesRoot{font-weight:300;font-style:normal;font-size:30px;line-height:40px;padding-bottom:40px;padding-left:10px;padding-right:10px}.deviceAttributesTitle{font-weight:300;font-style:normal;font-size:30px;line-height:40px;margin-bottom:20px}.deviceAttributesDescription{font-weight:300;font-style:normal;font-size:16px;line-height:24px;color:var(--dark-text)}.accordionSection{padding-top:18px;padding-bottom:20px;border-top:1px solid #dddddd}.device-training .device-training-content{padding-bottom:20px}.device-training .training-link{text-decoration:none;color:inherit}.device-training .no-trainings-message{text-align:left;position:relative;padding:2px}.device-training .documents{list-style:none;padding:0;margin:0}.device-training .training-label-cell{white-space:nowrap;background:none;border:none;font-weight:600;font-size:.75rem;color:var(--dark-text);text-transform:uppercase;transition:color .2s;margin-bottom:20px;cursor:pointer}.device-training .training-label-cell:hover{color:var(--primary)}@media(min-width:600px){.device-training .training-label-cell{font-size:.825rem}}@media(min-width:900px){.device-training .training-label-cell{font-size:.875rem}}.container{width:100%;max-width:800px;padding:16px}.replacement-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px}.replacement-link{text-decoration:none;font-size:16px;transition:color .2s;position:relative;margin-bottom:8px}.replacement-item-container{margin-bottom:16px;display:flex;flex-direction:column;align-items:flex-start}.replacement-title-section{margin-bottom:8px}.replacement-link-span{position:relative;display:inline-block;text-decoration:none;font-weight:700}.replacement-link-active{color:var(--dark-text);cursor:pointer}.replacement-link-active:hover,.replacement-link-active:active{color:var(--primary-hover)}.replacement-link-inactive{color:var(--secondary-disabled-text);cursor:default}.replacement-icon{font-size:.8em;position:absolute;top:-.2em;right:-1em}.replacement-icon-active{color:inherit}.replacement-icon-inactive{color:var(--disabled)}.replacement-image-section{align-self:flex-start}.replacement-image{width:150px;height:auto;border-radius:0;object-fit:contain;align-self:flex-start}.generic-section-title{margin-bottom:16px}.image-placeholder{width:100%;height:120px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--subtle-text);font-size:14px;border-radius:4px;margin-top:8px}.field-label{font-weight:500!important;font-size:14px!important;margin-bottom:4px!important;color:#000000de!important;display:block}.field-label .required-mark{color:var(--danger-text);margin-left:4px}.common-data-grid-container{width:100%!important;max-width:100vw!important;overflow-x:auto!important;background:var(--surface)!important;box-shadow:0 2px 8px #3c48580a!important;border-radius:8px!important;padding:0!important;overflow-y:hidden!important;margin:0 0 16px!important}.common-data-grid-loading-container,.common-data-grid-error-container{display:flex!important;justify-content:center!important;align-items:center!important;min-height:200px!important}.common-data-grid-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:16px!important;margin-bottom:16px!important}.common-data-grid-header-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;padding-top:8px!important}.common-data-grid-header-search{min-width:300px!important;margin-right:8px!important}.common-data-grid-header-search .MuiOutlinedInput-root{border-radius:0!important}.common-data-grid-header-search .MuiOutlinedInput-root fieldset{border-color:#e6e9ef!important}.common-data-grid-header-search .MuiOutlinedInput-root:hover fieldset,.common-data-grid-header-search .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--primary)!important}.common-data-grid-header-search-icon{color:var(--subtle-text)!important}.common-data-grid-header-row-count{color:var(--subtle-text)!important;font-size:14px!important}.common-data-grid-header-right{display:flex!important;justify-content:flex-end!important;align-items:center!important;padding-left:16px!important;padding-right:16px!important;padding-top:16px!important}.common-data-grid-header-right-label-show{font-weight:500!important;font-size:12px!important;line-height:16px!important;letter-spacing:.04em!important;color:var(--dark-text)!important;margin-right:16px!important}.common-data-grid-header-right-formcontrol{min-width:160px!important}.common-data-grid-header-right-select{font-family:var(--font-family)!important;font-weight:700!important;font-size:14px!important;text-transform:uppercase!important;background:var(--surface)!important;border:1px solid var(--dark-text)!important;border-radius:0!important;height:40px!important}.common-data-grid-header-right-select .MuiSelect-select{padding:8px 16px!important;display:flex!important;align-items:center!important}.common-data-grid-header-right-select .MuiOutlinedInput-notchedOutline{border:none!important}.common-data-grid-header-right-menuitem{font-family:var(--font-family)!important;font-weight:700!important;font-size:12px!important;line-height:16px!important;letter-spacing:.04em!important;text-transform:uppercase!important}.common-data-grid-header-right-button{background-color:var(--primary)!important;color:var(--surface)!important;border-radius:0!important;text-transform:none!important;font-weight:600!important;font-size:12px!important;padding:10.4px 14.4px!important;margin-left:8px!important}.common-data-grid-header-right-button:hover{background-color:var(--primary-hover)!important}.common-data-grid-header-right-button:disabled{background-color:var(--disabled)!important;color:var(--surface)!important}.common-data-grid-header-right-button.disabled{background-color:var(--disabled)!important}.common-data-grid-header-right-button.disabled:hover{background-color:var(--secondary-disabled)!important}.common-data-grid-actions-icon{color:var(--subtle-text)!important}.common-data-grid-actions-menu{min-width:180px!important;border-radius:0!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.common-data-grid-actions-menu-title{font-weight:700!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.48px!important;text-transform:uppercase!important;padding:10px!important}.common-data-grid-actions-menu-item{font-family:var(--font-family)!important;font-weight:400!important;font-style:normal!important;padding:8px 16px!important;font-size:14px!important;line-height:16px!important;letter-spacing:0!important}.common-data-grid-datagrid{border:none!important;font-family:var(--font-family)!important;font-size:15px!important;background:var(--surface)!important}.common-data-grid-datagrid .MuiDataGrid-main{min-width:900px!important}.common-data-grid-datagrid .MuiDataGrid-columnHeaders{background:var(--header-bg)!important;color:var(--dark-text)!important;font-family:var(--font-family),Inter,Segoe UI,Arial,sans-serif!important;font-weight:700!important;font-size:12px!important;line-height:16px!important;letter-spacing:.04em!important;text-transform:uppercase!important;border-bottom:2px solid var(--dark-text)!important;min-height:56px!important;height:56px!important}.common-data-grid-datagrid .MuiDataGrid-columnHeaderTitle{font-family:var(--font-family),Inter,Segoe UI,Arial,sans-serif!important;font-weight:700!important;font-size:12px!important;line-height:16px!important;letter-spacing:.04em!important;text-transform:uppercase!important}.common-data-grid-datagrid .MuiDataGrid-cell{font-size:15px!important;color:#222!important;border-bottom:1px solid #e6e9ef!important;padding-top:0!important;padding-bottom:0!important}.common-data-grid-datagrid .MuiDataGrid-row{min-height:54px!important;max-height:54px!important}.common-data-grid-datagrid .MuiDataGrid-row:hover{background:var(--header-bg)!important}.common-data-grid-datagrid .MuiDataGrid-row.Mui-selected{background:var(--info-bg)!important}.common-data-grid-datagrid .MuiDataGrid-columnSeparator{display:none!important}.common-data-grid-datagrid .MuiDataGrid-virtualScroller{background:var(--surface)!important;overflow-y:auto!important;overflow-x:auto!important}.common-data-grid-datagrid .MuiDataGrid-selectedRowCount{color:var(--accent)!important;font-weight:600!important}.common-data-grid-datagrid .MuiDataGrid-toolbarContainer{padding-left:16px!important;padding-right:16px!important}.common-data-grid-datagrid .MuiDataGrid-root{border-radius:8px!important}.common-data-grid-datagrid .MuiDataGrid-cell:focus,.common-data-grid-datagrid .MuiDataGrid-columnHeader:focus{outline:none!important}.common-data-grid-datagrid .MuiDataGrid-actionsCell{justify-content:center!important}.common-data-grid-datagrid .MuiDataGrid-footerContainer{display:none!important}.common-data-grid-bottom-button-container{display:flex!important;justify-content:flex-end!important}.common-data-grid-bottom-button{background-color:var(--primary)!important;color:var(--surface)!important;border-radius:0!important;text-transform:none!important;font-weight:600!important;font-size:12px!important;padding:8.8px 14.4px!important;margin-left:8px!important;margin-top:16px!important}.common-data-grid-bottom-button:hover{background-color:var(--primary-hover)!important}.common-data-grid-bottom-button:disabled{background-color:var(--disabled)!important;color:var(--surface)!important}.common-data-grid-bottom-button.disabled{background-color:var(--disabled)!important}.common-data-grid-bottom-button.disabled:hover{background-color:var(--secondary-disabled)!important}.custom-pagination-container{position:relative!important}.custom-pagination-main{display:flex!important;align-items:center!important;gap:8px!important;justify-content:center!important}.custom-pagination-ellipsis{padding-left:4px!important;padding-right:4px!important;color:var(--primary)!important;font-weight:700!important;font-size:18px!important}.custom-pagination-page{min-width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;cursor:pointer!important;background:transparent!important;color:var(--primary)!important;font-family:var(--font-family),Inter,Segoe UI,Arial,sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:0!important;border:none!important;text-decoration:none!important;transition:background .2s!important}.custom-pagination-page:hover{background:#00805a14!important}.custom-pagination-page.active{color:var(--dark-text)!important;cursor:default!important}.custom-pagination-page.active:hover{background:transparent!important}.custom-pagination-prev{min-width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;cursor:pointer!important;color:var(--primary)!important;margin-right:8px!important;font-weight:700!important;font-size:22px!important;user-select:none!important;transition:background .2s!important}.custom-pagination-prev:hover{background:#00805a14!important}.custom-pagination-prev.disabled{cursor:not-allowed!important;color:var(--secondary-disabled-text)!important}.custom-pagination-prev.disabled:hover{background:transparent!important}.custom-pagination-next{min-width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;cursor:pointer!important;color:var(--primary)!important;margin-left:8px!important;font-weight:700!important;font-size:22px!important;user-select:none!important;transition:background .2s!important}.custom-pagination-next:hover{background:#00805a14!important}.custom-pagination-next.disabled{cursor:not-allowed!important;color:var(--secondary-disabled-text)!important}.custom-pagination-next.disabled:hover{background:transparent!important}.custom-pagination-results-desktop{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;color:var(--subtle-text)!important}.custom-pagination-results-mobile{margin-top:16px!important;display:flex!important;justify-content:center!important;align-items:center!important;color:var(--subtle-text)!important}.pagination-results-desktop-responsive{display:block!important}@media(max-width:768px){.pagination-results-desktop-responsive{display:none!important}}.pagination-results-mobile-responsive{display:none!important}@media(max-width:768px){.pagination-results-mobile-responsive{display:block!important}}.MuiDataGrid-main{min-width:initial!important}.MuiDataGrid-cell{display:flex;align-items:center;white-space:normal;line-height:normal;outline:none!important}.MuiDataGrid-row{max-height:none!important}.MuiDataGrid-virtualScroller{overflow-y:auto!important;overflow-x:auto!important;background:var(--surface)!important}.MuiDataGrid-columnHeaders{background:var(--header-bg)!important;color:var(--dark-text)!important;font-weight:700!important;font-size:12px!important;line-height:16px!important;letter-spacing:.04em!important;text-transform:uppercase!important;border-bottom:2px solid var(--dark-text)!important;min-height:56px!important;height:56px!important}.MuiDataGrid-columnHeaderTitle{font-weight:700!important;font-size:12px!important;line-height:16px!important;letter-spacing:.04em!important;text-transform:uppercase!important}.MuiDataGrid-row:hover{background:var(--header-bg)!important}.MuiDataGrid-row.Mui-selected{background:var(--info-bg)!important}.MuiDataGrid-columnSeparator{display:none!important}.MuiDataGrid-selectedRowCount{color:var(--accent)!important;font-weight:600!important}.MuiDataGrid-toolbarContainer{padding-left:16px!important;padding-right:16px!important}.MuiDataGrid-root{border-radius:8px!important}.MuiDataGrid-cell:focus,.MuiDataGrid-columnHeader:focus{outline:none!important}.MuiDataGrid-actionsCell{justify-content:center!important}.MuiDataGrid-footerContainer{display:none!important}.MuiCheckbox-root{border:none!important;box-shadow:none!important;outline:none!important}.MuiCheckbox-root:focus,.MuiCheckbox-root:focus-visible,.MuiCheckbox-root.Mui-focusVisible{border:none!important;box-shadow:none!important;outline:none!important}.MuiCheckbox-root.Mui-checked{color:inherit!important}.MuiCheckbox-root.Mui-checked .MuiSvgIcon-root{color:var(--primary)!important}.MuiCheckbox-root .MuiSvgIcon-root{color:inherit!important}.dialogTitle{background-color:#f3f3f3;color:#333;padding:12px 16px;font-size:14px;font-weight:600;position:relative}.closeButton{float:right;padding:0!important}.closeIcon{width:16px;height:16px;color:#000}.dialogContentSite{padding:24px 48px;position:relative}.dialogContentLocation{padding:16px 32px;position:relative;overflow:hidden}.loaderOverlay{position:absolute;inset:0;background-color:#fff9;display:flex;justify-content:center;align-items:center;z-index:1300}.errorMessage{color:red;margin-bottom:16px}.locationsError{color:red;font-size:12px;margin-bottom:8px}.sitesHeading{font-size:16px}.filterLabel{font-size:12px;color:#333;font-weight:600;margin-bottom:8px}.filterSelect{border-radius:0;background-color:#f3f3f3}.selectPlaceholder{color:#999}.siteNameInput{border-radius:0;background-color:#f3f3f3}.matchingSitesBox{max-height:300px;overflow-y:auto;padding-right:8px;margin-top:16px}.siteCard{padding:16px;background-color:#f9f9f9;border-radius:4px;cursor:pointer;margin-bottom:8px;transition:background-color .2s}.siteCard:hover{background-color:#eef5f3}.siteCardTitle{font-size:14px;color:#00805a}.siteCardAddress{font-size:12px;color:#666}.locationsHeading{font-size:16px;margin-bottom:16px}.noLocations{font-size:14px;color:#999;padding:16px}.treeView{color:#00805a;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.custom-tree-container{border-top:1px solid #ccc;border-bottom:1px solid #ccc;max-height:400px;overflow-y:auto}.custom-tree-node{width:100%}.custom-tree-item{cursor:pointer;user-select:none}.custom-tree-item:hover{background-color:#00805a1a}.custom-tree-item-content{display:flex;align-items:center;padding:4px 8px;min-height:36px}.custom-tree-arrow{margin-right:4px!important;padding:4px!important;color:#00805a!important}.custom-tree-arrow:hover{background-color:#00805a33!important}.custom-tree-spacer{width:32px;margin-right:4px}.custom-tree-label{display:flex;align-items:center;gap:8px;flex:1}.treeView .MuiTreeItem-content{flex-direction:row-reverse;justify-content:flex-end}.treeView .MuiTreeItem-iconContainer{margin-right:0;margin-left:8px;order:-1}.treeView .MuiTreeItem-label{order:1}.treeItemLabel{display:flex;align-items:center;gap:8px}.treeItemName{color:#00805a;font-size:14px}.treeItemCount{color:#999;font-size:14px}.walkdown-info-flex{display:flex;align-items:flex-start;gap:24px;margin-top:8px}@media(max-width:600px){.walkdown-info-flex{flex-direction:column;gap:16px}}.walkdown-info-img{width:160px;min-width:160px;max-width:190px;margin-top:8px;object-fit:contain}@media(max-width:600px){.walkdown-info-img{width:100px;min-width:100px;margin-bottom:12px}}.walkdown-info-text{flex:1}.walkdown-info-text h5{font-weight:600;padding-top:.5rem;margin-bottom:.5rem;margin-top:.5rem;color:#262728}.walkdown-info-text p{margin-bottom:.5rem;line-height:1.6;color:#262728}.green-link{color:#00754a!important;text-decoration:none;font-weight:600;cursor:pointer;transition:all .2s ease}.green-link:hover{text-decoration:underline;opacity:.8}.chart-empty-state{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;position:relative}.chart-empty-state-title{color:#495057;font-weight:600;text-align:center;margin-bottom:8px;font-size:1rem;position:absolute;top:16px;left:16px}.chart-empty-state-content{text-align:center}.chart-empty-state-message{color:#6c757d;margin-bottom:8px;font-weight:500}.chart-empty-state-instruction{color:#6c757d;font-size:.875rem}.walkdown-list-container{padding:16px}.walkdown-card{border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px;background-color:#fff;transition:box-shadow .2s ease}.walkdown-card:hover{box-shadow:0 4px 12px #0000001a}.walkdown-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.walkdown-number{font-weight:600;font-size:1.125rem;color:#262728}.walkdown-date{color:#6c757d;font-size:.875rem}.walkdown-device-count{color:#6c757d;font-size:.875rem;margin-top:8px}.walkdown-rating-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.walkdown-rating-badge.rating-red{background-color:#ffebee;color:#c62828}.walkdown-rating-badge.rating-yellow{background-color:#fff9c4;color:#f57f17}.walkdown-rating-badge.rating-green{background-color:#e8f5e9;color:#2e7d32}.walkdown-details-container{padding:24px}@media(max-width:600px){.walkdown-details-container{padding:16px}}.walkdown-details-header{margin-bottom:24px}.walkdown-details-header h4{font-weight:600;color:#262728;margin-bottom:8px}.walkdown-details-info{display:flex;gap:32px;margin-bottom:24px;flex-wrap:wrap}.walkdown-details-info .info-item{display:flex;flex-direction:column}.walkdown-details-info .info-item .label{font-size:.75rem;color:#6c757d;text-transform:uppercase;margin-bottom:4px}.walkdown-details-info .info-item .value{font-size:1rem;font-weight:600;color:#262728}.device-details-walkdown-images{display:flex;align-items:center;gap:8px;margin-top:8px}.device-details-walkdown-images-icon{color:#00754a}.device-details-walkdown-images-link{color:#00754a;text-decoration:none;font-weight:500}.device-details-walkdown-images-link:hover{text-decoration:underline}.device-details-walkdown-rating{display:inline-flex;align-items:center;padding:6px 16px;border-radius:16px;font-weight:600;font-size:.875rem;text-transform:capitalize}.device-details-walkdown-rating.red{background-color:#ffebee;color:#c62828}.device-details-walkdown-rating.yellow{background-color:#fff9c4;color:#f57f17}.device-details-walkdown-rating.green{background-color:#e8f5e9;color:#2e7d32}.qr-code-generation-container{padding:16px;background-color:#f8f9fa;border-radius:8px;margin-bottom:16px}.qr-code-button{background-color:#00754a;color:#fff;padding:10px 24px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.qr-code-button:hover{background-color:#00573d}.qr-code-button:disabled{background-color:#6c757d;cursor:not-allowed}.qr-code-success-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#e8f5e9;border-left:4px solid #2e7d32;border-radius:4px;margin-top:16px}.qr-code-success-message .icon{color:#2e7d32}.qr-code-success-message .message{color:#2e7d32;font-weight:500}.font-weight-bold{font-weight:600}.pt-3{padding-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.device-details-tab-header{font-weight:300;font-size:30px;color:#262728;margin:30px 0}.qr-code-page-container{padding:24px}@media(max-width:600px){.qr-code-page-container{padding:16px}}.qr-code-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}@media(max-width:600px){.qr-code-page-header{flex-direction:column;align-items:flex-start}}.qr-code-page-title{font-weight:600;font-size:1.5rem;color:#262728;display:flex;align-items:center;gap:12px}.qr-code-actions{display:flex;gap:8px}@media(max-width:600px){.qr-code-actions{width:100%;justify-content:flex-end}}.qr-code-item-container{border:1px solid #e9ecef;border-radius:8px;padding:16px;text-align:center;background-color:#fff;transition:box-shadow .2s ease,transform .2s ease}.qr-code-item-container:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.qr-code-item-container img{max-width:100%;height:auto;display:block;margin:0 auto}.qr-code-device-info{margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.qr-code-device-info .device-id{font-weight:600;color:#262728;font-size:.875rem;margin-bottom:4px}.qr-code-device-info .hash-code{font-size:.7rem;color:#6c757d;word-break:break-all;font-family:monospace}.qr-code-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.qr-code-loading .loading-text{color:#6c757d;font-size:1rem}.qr-code-error{padding:24px}.qr-code-error .error-alert{max-width:600px;margin:0 auto}.qr-code-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:24px;text-align:center}.qr-code-empty .empty-icon{font-size:4rem;color:#6c757d;margin-bottom:16px}.qr-code-empty .empty-title{font-weight:600;color:#262728;margin-bottom:8px}.qr-code-empty .empty-description{color:#6c757d;max-width:400px}@media print{.qr-code-page-header,.qr-code-actions{display:none}.qr-code-item-container{page-break-inside:avoid;box-shadow:none}.qr-code-item-container:hover{transform:none}.qr-code-item-container img{max-width:200px;height:auto}.MuiGrid-item{page-break-inside:avoid}}.qr-code-page-container{padding:24px!important}.qr-code-loading-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:400px!important;gap:16px!important}.qr-code-error-container,.qr-code-empty-container,.qr-code-grid-container{padding:24px!important}.modal-dialog{border-radius:0;box-shadow:0 4px 20px #00000026;max-width:650px;min-width:600px}.modal-header{background-color:var(--header-bg);color:var(--dark-text);font-weight:700;font-size:12px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.modal-header-title{font-size:14px!important;line-height:16px;letter-spacing:.04em;text-transform:uppercase;padding:5px!important;font-weight:700;color:var(--dark-text);flex:1}.modal-close-button{color:var(--icon-color)}.modal-content{padding:32px;text-align:center;background-color:var(--surface)}.modal-content-padded{padding:24px!important;background-color:var(--surface)}.modal-content-text{font-size:14px;color:var(--dark-text);font-weight:400;line-height:24px;letter-spacing:0}.modal-main-content{font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;color:var(--dark-text)}.modal-label{font-weight:300;font-size:14px;line-height:24px;letter-spacing:0;color:var(--dark-text)}.modal-sub-heading{font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;color:var(--dark-text)}.modal-list{font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;color:var(--dark-text);padding-left:19px;margin-top:16px;margin-bottom:16px}.modal-form-label{font-weight:700;font-size:12px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--dark-text)}.modal-warning-text{color:var(--danger)}.modal-message-text{font-size:.95rem;color:var(--muted);line-height:1.5}.modal-actions{padding:0 24px 14px!important;gap:16px;background-color:var(--surface);display:flex}.modal-actions-flex{padding:0 24px 14px!important;flex:1;gap:8px}.modal-button-base{border-radius:0;padding:16px 8px!important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:none;min-height:auto;line-height:1.2;height:48px;transition:background-color .2s,color .2s,box-shadow .2s}.modal-button-base:hover{box-shadow:none}.modal-button-secondary{background-color:var(--secondary);color:var(--dark-text);border:none}.modal-button-secondary:hover{background-color:var(--muted);color:var(--surface);box-shadow:none}.modal-button-secondary:disabled{background-color:var(--surface);color:var(--muted)}.modal-button-primary{background-color:var(--primary);color:var(--surface)}.modal-button-primary:hover{background-color:var(--dark-text);color:var(--surface);box-shadow:none}.modal-button-primary:disabled{background-color:var(--surface);color:var(--muted);opacity:.7}.modal-button-outlined{border:1px solid var(--secondary);background-color:transparent;color:var(--dark-text)}.modal-button-outlined:hover{background-color:var(--surface);border-color:var(--muted);color:var(--muted);box-shadow:none}.modal-button-outlined:disabled{border-color:var(--surface);color:var(--muted)}.modal-alert-info{margin-top:24px;background-color:var(--info);color:var(--surface);border:1px solid var(--info);border-radius:4px}.modal-alert-info .MuiAlert-icon{color:var(--surface)}.modal-alert-error{margin-top:24px;background-color:var(--danger);color:var(--surface);border:1px solid var(--danger);border-radius:4px}.modal-alert-error .MuiAlert-icon{color:var(--surface)}.modal-full-width{width:100%}.modal-mt-2{margin-top:16px}.modal-mt-3{margin-top:24px}.modal-text-center{text-align:center}.form .form-label{color:var(--dark-text);font-weight:700;font-style:normal;font-size:14px;margin-bottom:10px;line-height:20px;letter-spacing:0px}.form .radio-label{font-weight:300;color:var(--dark-text);font-size:14px}.form .input{background:var(--header-bg);border:0!important;margin-top:8px}.form .input::placeholder{color:var(--muted)!important;opacity:1!important}.form .input .MuiInputBase-input{font-size:16px}.form .input .MuiOutlinedInput-notchedOutline{border:none;font-size:16px!important}.form .input .MuiOutlinedInput-notchedOutline{border:none}.form .input:hover .MuiOutlinedInput-notchedOutline,.form .input.Mui-focused .MuiOutlinedInput-notchedOutline{border:none!important}.form .select .MuiOutlinedInput-notchedOutline{border-top:1px solid var(--secondary);border-left:none;border-right:none;border-bottom:none;border-radius:0}.form .select .MuiOutlinedInput-notchedOutline,.form .select.Mui-focused .MuiOutlinedInput-notchedOutline{border-top:1px solid var(--secondary)}:root{--bg: #f6f8fb;--surface: #ffffff;--muted: #6b7280;--accent: #2563eb;--font-family: "Noto Sans", Inter, Segoe UI, Arial, sans-serif;--primary: #00573D;--primary-hover: #006b56;--danger: #e53e3e;--danger-bg: #ffebee;--danger-border: #ffcdd2;--danger-text: #d32f2f;--info: #1976d2;--info-bg: #B2BEB5;--info-border: #bbdefb;--secondary: #c4c4c4;--secondary-hover: #b0b0b0;--secondary-disabled: #e0e0e0;--dark-text: #262728;--secondary-disabled-text: #999;--close-btn: #666;--subtle-text: #718096;--header-bg: #F3F3F3;--disabled:#cccccc;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .08);--text-primary: #262728;--text-secondary: #333;--text-tertiary: #444;--text-quaternary: #222;--text-muted-dark: #555;--primary-dark: #0B5C4B;--primary-dark-hover: #0a473a;--hover-bg: rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;background:var(--bg);color:#111;overflow-y:auto!important}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);border-bottom:1px solid #e6e9ef}.topbar .topbar-left{font-weight:700}.icon-btn{background:transparent;border:0;padding:6px 8px;cursor:pointer}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid #e6e9ef;width:100%}.app-shell{display:flex;min-height:calc(100vh - 160px)}.nav-left{display:flex;gap:12px}.nav-item{padding:8px 12px;border-radius:6px;color:var(--muted);text-decoration:none}.nav-item.active{background:#2563eb14;color:var(--accent)}.nav-right{display:flex;align-items:center;gap:8px}.app-main{flex:1;padding:0 50px}.app-footer{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);border-top:1px solid #e6e9ef}.customer-badge{position:relative}.customer-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;background:#ddd;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.customer-menu{position:absolute;right:0;top:44px;background:var(--surface);border:1px solid #e6e9ef;padding:8px;border-radius:6px;box-shadow:0 6px 18px #1018280f}.page{background:var(--surface);padding:22px;border-radius:8px;box-shadow:0 1px 2px #10182805}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}.main-content{flex:1;min-height:0}.no-underline{text-decoration:none!important}.dblock{display:block!important}.dnone{display:none!important}.flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.flex-between{display:flex!important;align-items:center!important;justify-content:space-between!important}.flex-start{display:flex!important;align-items:center!important;justify-content:flex-start!important}.flex-end{display:flex!important;align-items:center!important;justify-content:flex-end!important}.flex-column{display:flex!important;flex-direction:column!important}.flex-wrap{display:flex!important;flex-wrap:wrap!important}.btn-primary{background-color:#00573d!important;color:#fff!important;border-radius:0!important;font-weight:700!important;border:none!important;cursor:pointer!important;transition:background-color .2s ease!important}.btn-primary:hover{background-color:#004b34!important}.btn-secondary{background-color:transparent!important;color:#00573d!important;border:1.5px solid #00573D!important;border-radius:0!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important}.btn-secondary:hover{background-color:#f5f5f5!important;border-color:#003d29!important;color:#003d29!important}.btn-error{background-color:#e94b5a!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important}.text-primary{color:#00573d!important;text-decoration:none!important}.text-secondary{color:var(--dark-text)!important}.text-muted{color:#64748b!important}.text-dark-grey{color:#374151!important}.font-weight-bold{font-weight:700!important}.font-weight-medium{font-weight:500!important}.font-weight-normal{font-weight:400!important}.font-weight-light{font-weight:300!important}.mt-1{margin-top:8px!important}.mt-2{margin-top:16px!important}.mt-3{margin-top:24px!important}.mt-4{margin-top:32px!important}.mb-1{margin-bottom:8px!important}.mb-2{margin-bottom:16px!important}.mb-3{margin-bottom:24px!important}.mb-4{margin-bottom:32px!important}.ml-1{margin-left:8px!important}.ml-2{margin-left:16px!important}.mr-1{margin-right:8px!important}.mr-2{margin-right:16px!important}.p-1{padding:8px!important}.p-2{padding:16px!important}.p-3{padding:24px!important}.px-1{padding-left:8px!important;padding-right:8px!important}.px-2{padding-left:16px!important;padding-right:16px!important}.py-1{padding-top:8px!important;padding-bottom:8px!important}.py-2{padding-top:16px!important;padding-bottom:16px!important}.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}.border-primary{border:1.5px solid #00573D!important}.border-grey{border:2px solid #C9CACC!important}.border-radius-0{border-radius:0!important}
