.change-password-modal{--width: 90%;--max-width: 500px;--border-radius: 4px;--height: auto}.change-password-modal::part(content){max-height:90vh}.change-password-modal .change-password-card{display:flex;flex-direction:column;background:#fff}.change-password-modal .change-password-card__title{padding:16px 24px;font-size:1.25rem;font-weight:500;color:#000000de}.change-password-modal .change-password-card__divider{height:1px;background-color:#0000001f}.change-password-modal .change-password-card__content{padding:12px 24px;min-height:300px}.change-password-modal .change-password-card__actions{display:flex;align-items:center;padding:8px 16px}.change-password-modal .change-password-card__actions ion-button{margin:0;--padding-start: 16px;--padding-end: 16px;text-transform:uppercase;font-weight:500;letter-spacing:normal}.change-password-modal .change-password-card__actions ion-button[color=success]{--background: #4caf50;--background-hover: #43a047;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--color: #000000}.change-password-modal .change-password-card__actions ion-button[color=danger]{--background: #f44336;--background-hover: #e53935;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0, 0, 0;--color: #000000}.change-password-modal .change-password-card__spacer{flex:1}.change-password-modal .error-message,.change-password-modal .success-message{padding:12px 16px;margin-bottom:16px;border-radius:4px}.change-password-modal .error-message p,.change-password-modal .success-message p{margin:0;font-size:14px;font-weight:500}.change-password-modal .error-message{background-color:rgba(var(--ion-color-danger-rgb),.1)}.change-password-modal .success-message{background-color:rgba(var(--ion-color-success-rgb),.1)}.change-password-modal .change-password-fields{display:flex;flex-direction:column;gap:8px}.change-password-modal .change-password-fields .form-input{margin-bottom:4px}@media (max-width: 576px){.change-password-modal{--width: 95%}}.profile-popover{--width: 280px;--max-width: 320px;--border-radius: 8px;--box-shadow: 0 4px 16px rgba(0, 0, 0, .15)}.profile-popover::part(content){border-radius:8px;overflow:hidden}.profile-popover .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.profile-popover .profile-list{padding:8px 0;margin:0}.profile-popover .user-info-item{--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 0;padding:8px 0}.profile-popover .profile-avatar{width:40px;height:40px;margin-right:12px}.profile-popover .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase}.profile-popover .user-name{font-size:14px;font-weight:600;margin-bottom:2px;color:var(--ion-text-color)}.profile-popover .user-email{font-size:12px;color:var(--ion-color-medium)}.profile-popover .user-role{font-size:12px;color:var(--ion-color-medium);font-style:italic}.profile-popover ion-item{--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 0;--min-height: 40px;font-size:14px}.profile-popover ion-item ion-icon[slot=start]{margin-right:12px;font-size:18px;color:var(--ion-color-primary)}.profile-popover ion-item ion-label{font-size:14px}.profile-popover ion-item h3{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--ion-text-color)}.profile-popover ion-item p{font-size:12px;color:var(--ion-color-medium)}.profile-popover .logout-item ion-icon[slot=start]{color:var(--ion-color-danger)}.profile-divider{height:1px;background-color:var(--ion-color-light);margin:4px 0}.logout-confirm-dialog{--width: 90%;--max-width: 350px;--height: auto;--min-height: 200px;--border-radius: 12px}.logout-confirm-dialog .logout-confirm-content{--padding-top: 24px;--padding-bottom: 24px;--padding-start: 24px;--padding-end: 24px;min-height:200px;display:flex;flex-direction:column}.logout-confirm-dialog p{font-size:16px;text-align:center;margin-bottom:24px;color:var(--ion-color-medium)}.logout-confirm-dialog .confirm-actions{display:flex;flex-direction:row;justify-content:space-between;width:100%}.logout-confirm-dialog .confirm-actions ion-button{margin:0}.language-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;margin-right:12px}@media (max-width: 576px){.profile-dialog,.logout-confirm-dialog{--width: 95%}}.app-header-toolbar{--background: transparent;--color: #000000;--padding-start: 0;--padding-end: 0;--min-height: auto;min-height:auto!important;background:transparent!important;box-shadow:none!important}.app-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;background-color:#d32f2f;background-image:url(/img/headerbg.png)!important;background-size:contain;box-shadow:0 2px 4px #0000001a}.app-header-left{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.back-button{--color: #FFC107;--padding-start: 8px;--padding-end: 8px;margin:0;min-width:40px}.back-button ion-icon{font-size:32px;color:#ffc107}.back-button-img{width:32px;height:32px;cursor:pointer}.report-info{display:flex;flex-direction:column;gap:2px}.report-info .info-label{font-size:13px;font-weight:500;color:#000}.report-info .info-value{font-size:.875rem;font-weight:700;color:#000}.info-line{display:flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.4}.app-header-center{display:flex;justify-content:center;align-items:center;flex-shrink:0}.colas-logo{padding:0 16px;display:flex;align-items:center}.app-header-right{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:16px}.date-shift-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.shift-badge{display:flex;align-items:center;justify-content:center;color:#000;cursor:default}.shift-badge i{font-size:24px}.date-display{display:flex;align-items:center;color:#000}.date-text{font-size:14px;font-weight:500}.user-section{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.user-avatar:hover,.user-avatar:active{background:#fff;transform:scale(1.05);box-shadow:0 3px 6px #0000004d}@media (max-width: 768px){.app-header-container{padding:8px 12px}.report-info{gap:1px}.info-line{gap:4px}.info-label,.info-value{font-size:11px}.colas-logo-img{height:40px}.date-text{font-size:12px}.user-avatar{width:40px;height:40px}}@media (max-width: 576px){.app-header-container{padding:6px 8px}.info-label,.info-value{font-size:10px}.colas-logo-img{height:35px}.date-text{font-size:11px}.shift-badge i{font-size:18px}.user-avatar{width:36px;height:36px}.user-avatar i{font-size:20px!important}.date-display i{font-size:18px!important;margin-right:4px!important}}.branded-splash{background-image:url(/img/loadingbg.png);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;top:0;left:0;position:fixed;z-index:9999}.branded-splash__spinner{position:absolute;left:calc((100% - 30px)/2);bottom:115px}.branded-splash__title{position:absolute;bottom:0;width:100%;text-align:center;font-size:50px;padding:45px;text-transform:uppercase;font-weight:700;letter-spacing:15px;color:#146452}.branded-splash__message{position:absolute;bottom:0;width:100%;text-align:center;font-size:15px;padding:35px;text-transform:uppercase;font-weight:700;color:#146452}@media (max-width: 480px){.branded-splash__title{font-size:28px;letter-spacing:8px;padding:40px 20px}.branded-splash__spinner{bottom:90px}.branded-splash__message{padding:25px 20px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:url(/img/loadingbg.png);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:9999}.loading-spinner{width:48px;height:48px;margin-bottom:1rem}.loading-message{margin:0;font-size:.875rem}.error-message{display:flex;align-items:center;padding:1rem;margin-bottom:1rem;background:rgba(var(--ion-color-danger-rgb),.1);border-radius:8px;border-left:4px solid var(--ion-color-danger);position:relative}.error-icon{font-size:1.5rem;color:var(--ion-color-danger);margin-right:.75rem;flex-shrink:0}.error-text{margin:0;flex:1;color:var(--ion-color-danger);font-size:.875rem}.error-dismiss{background:none;border:none;color:var(--ion-color-danger);font-size:1.5rem;cursor:pointer;padding:0;margin-left:.5rem;line-height:1;opacity:.7;transition:opacity .2s}.error-dismiss:hover{opacity:1}.confirm-modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center}.confirm-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#00000080}.confirm-modal-dialog{position:relative;z-index:1;width:100%;max-width:350px;background:#fff;border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.confirm-modal-content{background:#fff;border-radius:4px;padding:0;text-align:center}.confirm-modal-icon{padding:16px 16px 0;margin-bottom:0}.confirm-modal-icon .alert-octagram-icon{width:70px;height:70px}.confirm-modal-message{font-size:1.25rem;font-weight:500;line-height:2rem;letter-spacing:.0125em;color:#000000de;padding:16px;margin-bottom:0;word-break:normal}.confirm-modal-buttons{display:flex;justify-content:space-between;padding:8px}.confirm-modal-buttons ion-button{--border-radius: 28px;font-weight:500;text-transform:uppercase;font-size:14px;letter-spacing:.5px;min-width:120px;height:36px}.confirm-modal-buttons ion-button ion-icon{font-size:18px;margin-right:4px}.confirm-modal-buttons .confirm-modal-accept--danger{--background: #f44336;--background-hover: #d32f2f;--color: black}.confirm-modal-buttons .confirm-modal-accept--primary{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--color: black}.confirm-modal-buttons .confirm-modal-accept--success{--background: #4caf50;--background-hover: #388e3c;--color: black}.confirm-modal-buttons .confirm-modal-accept--warning{--background: #ff9800;--background-hover: #f57c00;--color: black}.confirm-modal-buttons .confirm-modal-cancel--success{--background: #4caf50;--background-hover: #388e3c;--color: black}.confirm-modal-buttons .confirm-modal-cancel--primary{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--color: black}.confirm-modal-buttons .confirm-modal-cancel--medium{--background: var(--ion-color-medium);--background-hover: var(--ion-color-medium-shade);--color: black}.confirm-modal-buttons .confirm-modal-cancel--danger{--background: #f44336;--background-hover: #d32f2f;--color: black}.selection-modal{--height: 60dvh;--height: clamp(400px, 60vh, 60dvh);--min-height: 400px;--max-height: clamp(400px, 80vh, 80dvh)}.selection-modal .selection-modal-controls{flex-shrink:0;background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-color-light)}.selection-modal ion-content{--background: var(--ion-background-color, #fff)}.selection-modal .select-all-item{--background: #f8f9fa;font-weight:600;border-bottom:2px solid var(--ion-color-medium)}.selection-modal .item-inactive ion-label{color:var(--ion-color-medium)!important;opacity:.6}.selection-modal .no-results{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:var(--ion-color-medium);font-style:italic}.selection-modal .modal-footer{border-top:1px solid var(--ion-color-light);padding:8px}.selection-modal .modal-footer ion-button{--border-radius: 20px;text-transform:uppercase;font-weight:600;font-size:.85rem;letter-spacing:.5px}.selection-modal ion-searchbar{padding:8px}.selection-modal .all-button-container{padding:8px 16px;background:var(--ion-background-color, #fff)}.selection-modal .all-items-button{margin:0;--border-color: var(--ion-color-primary);font-weight:600}.selection-modal ion-list{background:transparent}.selection-modal ion-item{cursor:pointer}.selection-modal ion-item:hover,.selection-modal ion-item:active{--background: var(--ion-color-light)}.unsaved-changes-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center}.unsaved-changes-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#00000080}.unsaved-changes-dialog{position:relative;z-index:1;width:350px;max-width:90%;background:#fff;border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.unsaved-changes-content{background:#fff;border-radius:4px;padding:0;text-align:center}.unsaved-changes-icon{padding:16px 16px 0;margin-bottom:0}.unsaved-changes-icon .alert-octagram-icon{width:70px;height:70px}.unsaved-changes-message{font-size:1.25rem;font-weight:500;line-height:2rem;letter-spacing:.0125em;color:#000000de;padding:16px;margin-bottom:0;word-break:normal}.unsaved-changes-buttons{display:flex;justify-content:space-between;padding:8px}.unsaved-changes-buttons ion-button{--border-radius: 28px;font-weight:500;text-transform:uppercase;font-size:14px;letter-spacing:.5px;min-width:120px;height:36px}.unsaved-changes-buttons ion-button ion-icon{font-size:18px;margin-right:4px}.unsaved-changes-buttons .unsaved-changes-yes{--background: #4caf50;--background-hover: #388e3c;--color: white}.unsaved-changes-buttons .unsaved-changes-yes.disabled{--background: #9e9e9e;opacity:.7;cursor:not-allowed}.unsaved-changes-buttons .unsaved-changes-no{--background: #f44336;--background-hover: #d32f2f;--color: white}.save-changes-bar{position:sticky;top:0;z-index:1000;background:#17a2b8;box-shadow:0 4px 12px #0003;margin-bottom:16px;animation:slideDown .3s ease-out}.save-changes-content{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:1200px;margin:0 auto;gap:12px}.changes-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.changes-info .warning-icon{font-size:1.25rem;color:#fff}.changes-info .changes-text{font-weight:600;font-size:1rem;color:#fff}.changes-info ion-badge{--background: #ffffff;--color: #17A2B8;font-weight:700}.changes-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.changes-actions .save-btn{--background: #fff;--background-hover: rgba(255, 255, 255, .9);--background-activated: rgba(255, 255, 255, .8);--color: #17A2B8;--border-radius: 4px;font-weight:600}.changes-actions .discard-btn{--color: #fff;--border-color: rgba(255, 255, 255, .5)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 767px){.save-changes-content{flex-direction:column;align-items:stretch;padding:8px 12px}.changes-info{justify-content:center}.changes-actions{width:100%;justify-content:space-between}.changes-actions ion-button{flex:1}}.refresh-indicator{position:sticky;top:0;left:0;right:0;z-index:100;height:4px;pointer-events:none}.refresh-indicator ion-progress-bar{--background: transparent;--progress-background: var(--ion-color-warning, #ffd600);height:4px}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px;background:var(--ion-background-color)}.error-boundary__container{text-align:center;max-width:400px;padding:32px;background:var(--ion-card-background);border-radius:12px;box-shadow:0 4px 16px #0000001a}.error-boundary__icon{font-size:64px;color:var(--ion-color-danger);margin-bottom:16px}.error-boundary__title{font-size:1.5rem;font-weight:600;color:var(--ion-text-color);margin:0 0 12px}.error-boundary__message{font-size:1rem;color:var(--ion-color-medium);margin:0 0 24px;line-height:1.5}.error-boundary__details{text-align:left;margin:16px 0;padding:12px;background:var(--ion-color-light);border-radius:8px;font-size:.75rem}.error-boundary__details summary{cursor:pointer;font-weight:500;color:var(--ion-color-medium);margin-bottom:8px}.error-boundary__details pre{overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;color:var(--ion-color-danger);font-family:Fira Code,Monaco,monospace;font-size:.7rem;line-height:1.4}.error-boundary__actions{display:flex;flex-direction:column;gap:12px}@media (min-width: 480px){.error-boundary__actions{flex-direction:row;justify-content:center}}.error-boundary__actions ion-button{min-width:140px}.error-boundary--section{padding:16px;background:var(--ion-color-light);border-radius:8px;margin:8px 0;border-left:4px solid var(--ion-color-warning)}.error-boundary__section-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.error-boundary__section-icon{font-size:24px;color:var(--ion-color-warning)}.error-boundary__section-message{flex:1;color:var(--ion-color-medium-shade);font-size:.9rem}.error-boundary--page{min-height:100vh;padding-top:var(--ion-safe-area-top);padding-bottom:var(--ion-safe-area-bottom)}@media (prefers-color-scheme: dark){.error-boundary__container{box-shadow:0 4px 16px #0000004d}.error-boundary__details{background:var(--ion-color-dark)}}.form-input,.form-textarea{--padding-start: 0;--padding-end: 0;margin-bottom:8px}.form-input::part(label),.form-textarea::part(label){font-weight:500;color:var(--ion-color-medium-shade, #4a4a4a)}.form-input.ion-invalid.ion-touched,.form-textarea.ion-invalid.ion-touched{--highlight-color: var(--ion-color-danger, #eb445a)}.form-input.ion-invalid.ion-touched::part(label),.form-textarea.ion-invalid.ion-touched::part(label){color:var(--ion-color-danger, #eb445a)}.form-input[disabled],.form-textarea[disabled]{opacity:.6}.form-input[disabled]::part(label),.form-textarea[disabled]::part(label){color:var(--ion-color-medium, #92949c)}.form-input[readonly],.form-textarea[readonly]{--background: var(--ion-color-light, #f4f5f8)}.form-input[readonly]::part(native),.form-textarea[readonly]::part(native){cursor:default}.form-textarea{--border-width: 1px;--border-color: var(--ion-color-medium-tint, #b2b2b2);--border-radius: 4px}.form-textarea:focus-within{--border-color: var(--ion-color-primary, #3880ff);--border-width: 2px}ion-input[error-text],ion-textarea[error-text]{margin-bottom:4px}ion-col .form-input,ion-col .form-textarea{width:100%}.form-input[label-placement=stacked],.form-textarea[label-placement=stacked]{--padding-top: 8px}.form-input[label-placement=floating],.form-textarea[label-placement=floating]{--padding-top: 16px}.form-select-wrapper{width:100%;margin-bottom:8px}.form-select-wrapper.has-error .form-select{--border-color: var(--ion-color-danger);--highlight-color-focused: var(--ion-color-danger)}.form-select{width:100%}.form-select.ion-invalid.ion-touched{--border-color: var(--ion-color-danger);--highlight-color-focused: var(--ion-color-danger)}.form-select-error{color:var(--ion-color-danger);font-size:12px;margin-top:4px;padding-left:16px}.searchable-select{position:relative;margin-bottom:16px}.searchable-select .searchable-select-item{--padding-start: 0;--inner-padding-end: 0;margin-bottom:0}.searchable-select .searchable-select-item ion-label{font-weight:500;color:var(--ion-color-dark);margin-bottom:8px}.searchable-select .searchable-select-input-wrapper{position:relative;width:100%;display:flex;align-items:center;border:1px solid var(--ion-color-medium);border-radius:4px;background:var(--ion-background-color, #fff)}.searchable-select .searchable-select-input-wrapper .searchable-select-input{flex:1;--padding-start: 12px;--padding-end: 60px;--background: transparent;border:none;border-radius:4px;background:transparent;min-height:40px}.searchable-select .searchable-select-input-wrapper:focus-within{border-color:var(--ion-color-primary)}.searchable-select .searchable-select-input-wrapper.wrapper-disabled{background-color:#f1f1f1;cursor:not-allowed}.searchable-select .searchable-select-input-wrapper.wrapper-disabled .searchable-select-input{--background: transparent;cursor:not-allowed;opacity:1}.searchable-select .searchable-select-input-wrapper .searchable-select-clear{position:absolute;right:32px;font-size:20px;color:var(--ion-color-medium);cursor:pointer;z-index:1}.searchable-select .searchable-select-input-wrapper .searchable-select-clear:hover,.searchable-select .searchable-select-input-wrapper .searchable-select-clear:active{color:var(--ion-color-dark)}.searchable-select .searchable-select-input-wrapper .searchable-select-arrow{position:absolute;right:12px;font-size:16px;color:var(--ion-color-medium);transition:transform .2s;pointer-events:none}.searchable-select .searchable-select-input-wrapper .searchable-select-arrow.open{transform:rotate(180deg)}.searchable-select .searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--ion-background-color, #fff);border:1px solid var(--ion-color-medium);border-top:none;border-radius:0 0 4px 4px;max-height:250px;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.searchable-select .searchable-select-dropdown ion-list{padding:0}.searchable-select .searchable-select-dropdown ion-item{--padding-start: 12px;--inner-padding-end: 12px;--min-height: 40px;cursor:pointer;font-size:14px}.searchable-select .searchable-select-dropdown ion-item:hover,.searchable-select .searchable-select-dropdown ion-item:active{--background: var(--ion-color-light)}.searchable-select .searchable-select-dropdown ion-item.selected{--background: rgba(var(--ion-color-primary-rgb), .1);font-weight:500}.searchable-select .searchable-select-dropdown ion-item.no-results{cursor:default;color:var(--ion-color-medium);font-style:italic}.searchable-select .searchable-select-dropdown ion-item.no-results:hover,.searchable-select .searchable-select-dropdown ion-item.no-results:active{--background: transparent}.data-table-wrapper{overflow-x:auto;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;background-color:var(--ion-color-light)}.data-table thead{background-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.data-table th{padding:12px;text-align:left;font-weight:600;border-bottom:2px solid var(--ion-color-primary-shade)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--ion-color-light-shade);word-break:break-word}.data-table tbody tr:hover{background-color:var(--ion-color-light-tint)}.data-table__empty{text-align:center;padding:20px;color:var(--ion-color-medium);font-style:italic}.calculation-bar{margin-top:12px}.calculation-bar .calculation-bar-row{margin:4px 0}.calculation-bar .calculation-bar-row ion-card-content{padding:8px 12px}.calculation-bar .calculation-bar-content .calculation-items{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:8px}.calculation-bar .calculation-bar-content .calculation-item{text-align:center;flex:1;min-width:120px;white-space:nowrap}.calculation-bar .calculation-bar-content .calculation-item .bar-title{font-weight:700;margin-right:4px;font-size:.875rem}.calculation-bar .calculation-bar-content .calculation-item .bar-value{font-weight:400;font-size:.875rem}.date-picker-modal{--width: 340px;--max-width: 95vw;--height: auto;--max-height: 90vh;--border-radius: 8px;--background: white}.date-picker-modal::part(content){border-radius:8px;box-shadow:0 8px 32px #0000004d}.date-picker-content{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.date-picker-header{background:#2196f3;color:#fff;padding:16px 20px;font-size:1.25rem;font-weight:500;text-align:center}.date-picker-body{display:flex;justify-content:center;padding:16px;min-height:280px}.date-picker-modal .calendar-section{min-width:280px;max-width:300px}.date-picker-modal .calendar-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.date-picker-modal .calendar-nav .nav-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s}.date-picker-modal .calendar-nav .nav-btn:hover:not(.disabled){color:#2196f3}.date-picker-modal .calendar-nav .nav-btn.disabled{color:#ccc;cursor:not-allowed}.date-picker-modal .calendar-nav .nav-btn ion-icon{font-size:1.25rem}.date-picker-modal .calendar-nav .month-year-btn{background:none;border:none;cursor:pointer;color:#2196f3;font-weight:500;font-size:1rem;padding:4px 8px;border-radius:4px;transition:background-color .2s}.date-picker-modal .calendar-nav .month-year-btn:hover{background-color:#e3f2fd}.date-picker-modal .calendar-nav .month-year-btn:active{background-color:#bbdefb}.date-picker-modal .picker-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.date-picker-modal .picker-header .back-btn{background:none;border:none;cursor:pointer;color:#2196f3;font-size:.875rem;padding:4px 8px;display:flex;align-items:center;gap:4px;border-radius:4px;transition:background-color .2s}.date-picker-modal .picker-header .back-btn:hover{background-color:#e3f2fd}.date-picker-modal .picker-header .back-btn ion-icon{font-size:1rem}.date-picker-modal .picker-header .picker-title{color:#333;font-weight:500;font-size:1rem;flex:1;text-align:center}.date-picker-modal .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.date-picker-modal .month-grid .month-cell{padding:12px 8px;text-align:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.date-picker-modal .month-grid .month-cell:hover:not(.disabled):not(.selected){background:#e3f2fd;border-color:#2196f3}.date-picker-modal .month-grid .month-cell.selected{background:#2196f3;color:#fff;border-color:#2196f3;font-weight:500}.date-picker-modal .month-grid .month-cell.disabled{color:#ccc;cursor:not-allowed;background:#fafafa}.date-picker-modal .year-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.date-picker-modal .year-nav .nav-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s}.date-picker-modal .year-nav .nav-btn:hover:not(.disabled){color:#2196f3}.date-picker-modal .year-nav .nav-btn.disabled{color:#ccc;cursor:not-allowed}.date-picker-modal .year-nav .nav-btn ion-icon{font-size:1.25rem}.date-picker-modal .year-nav .year-range{color:#333;font-weight:500;font-size:.875rem}.date-picker-modal .year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.date-picker-modal .year-grid .year-cell{padding:12px 8px;text-align:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.date-picker-modal .year-grid .year-cell:hover:not(.disabled):not(.selected){background:#e3f2fd;border-color:#2196f3}.date-picker-modal .year-grid .year-cell.selected{background:#2196f3;color:#fff;border-color:#2196f3;font-weight:500}.date-picker-modal .year-grid .year-cell.disabled{color:#ccc;cursor:not-allowed;background:#fafafa}.date-picker-modal .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.date-picker-modal .calendar-weekdays .weekday{text-align:center;font-size:.75rem;color:#999;padding:4px 0}.date-picker-modal .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-modal .calendar-grid .calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;border-radius:50%;transition:all .2s;min-width:36px;min-height:36px}.date-picker-modal .calendar-grid .calendar-day:hover:not(.empty):not(.selected):not(.disabled){background:#e3f2fd}.date-picker-modal .calendar-grid .calendar-day.selected{background:#2196f3;color:#fff;font-weight:500}.date-picker-modal .calendar-grid .calendar-day.empty{cursor:default}.date-picker-modal .calendar-grid .calendar-day.disabled{color:#ccc;cursor:not-allowed;background:transparent}.date-picker-modal .calendar-grid .calendar-day.disabled:hover{background:transparent}.date-picker-modal .now-button-container{display:flex;justify-content:center;padding:8px 16px;border-top:1px solid #e0e0e0}.date-picker-modal .now-button{background:none;border:none;color:#2196f3;font-size:.875rem;cursor:pointer;padding:8px 16px;transition:color .2s}.date-picker-modal .now-button:hover{color:#1976d2;text-decoration:underline}.date-picker-actions{display:flex;justify-content:center;gap:16px;padding:8px 16px;border-top:1px solid #e0e0e0}.date-picker-actions .accept-button{--background: #4CAF50;--background-hover: #43A047;--background-activated: #388E3C;--color: white;--border-radius: 24px;font-weight:500;text-transform:uppercase;min-width:120px}.date-picker-actions .accept-button ion-icon{margin-right:4px}.date-picker-actions .cancel-button{--background: #F44336;--background-hover: #E53935;--background-activated: #D32F2F;--color: white;--border-radius: 24px;font-weight:500;text-transform:uppercase;min-width:120px}.date-picker-actions .cancel-button ion-icon{margin-right:4px}.datetime-picker-modal{--width: 500px;--max-width: 95vw;--height: auto;--max-height: 90vh;--border-radius: 8px;--background: white}.datetime-picker-modal::part(content){border-radius:8px;box-shadow:0 8px 32px #0000004d}.datetime-picker-content{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.datetime-picker-header{background:#2196f3;color:#fff;padding:16px 20px;font-size:1.25rem;font-weight:500;text-align:left}.datetime-picker-body{display:flex;padding:16px;gap:16px;min-height:280px}@media (max-width: 480px){.datetime-picker-body{flex-direction:column}}.calendar-section{flex:1;min-width:250px}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.calendar-nav .nav-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s}.calendar-nav .nav-btn:hover{color:#2196f3}.calendar-nav .nav-btn ion-icon{font-size:1.25rem}.calendar-nav .month-name{color:#2196f3;font-weight:500;font-size:1rem}.calendar-nav .year{color:#2196f3;font-weight:500;font-size:1rem;margin-left:8px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.calendar-weekdays .weekday{text-align:center;font-size:.75rem;color:#999;padding:4px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-grid .calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;border-radius:50%;transition:all .2s;min-width:32px;min-height:32px}.calendar-grid .calendar-day:hover:not(.empty):not(.selected){background:#e3f2fd}.calendar-grid .calendar-day.selected{background:#2196f3;color:#fff;font-weight:500}.calendar-grid .calendar-day.empty{cursor:default}.time-section{display:flex;gap:8px;border-left:1px solid #e0e0e0;padding-left:16px;min-width:100px}@media (max-width: 480px){.time-section{border-left:none;border-top:1px solid #e0e0e0;padding-left:0;padding-top:16px;justify-content:center}}.time-column{display:flex;flex-direction:column;align-items:center;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.time-column::-webkit-scrollbar{width:4px}.time-column::-webkit-scrollbar-track{background:transparent}.time-column::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.time-item{padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .2s;font-size:.875rem;min-width:40px;text-align:center}.time-item:hover:not(.selected){background:#e3f2fd}.time-item.selected{background:#2196f3;color:#fff;font-weight:500}.now-button-container{display:flex;justify-content:center;padding:8px 16px;border-top:1px solid #e0e0e0}.now-button{background:none;border:none;color:#2196f3;font-size:.875rem;cursor:pointer;padding:8px 16px;transition:color .2s}.now-button:hover{color:#1976d2;text-decoration:underline}.datetime-picker-actions{display:flex;justify-content:center;gap:16px;padding:8px 16px;border-top:1px solid #e0e0e0}.datetime-picker-actions .accept-button{--background: #4CAF50;--background-hover: #43A047;--background-activated: #388E3C;--color: white;--border-radius: 24px;font-weight:500;text-transform:uppercase;min-width:120px}.datetime-picker-actions .accept-button ion-icon{margin-right:4px}.datetime-picker-actions .cancel-button{--background: #F44336;--background-hover: #E53935;--background-activated: #D32F2F;--color: white;--border-radius: 24px;font-weight:500;text-transform:uppercase;min-width:120px}.datetime-picker-actions .cancel-button ion-icon{margin-right:4px}.time-picker-modal{--width: 280px;--height: auto;--max-height: 450px;--border-radius: 8px;--background: white}.time-picker-modal::part(content){border-radius:var(--border-radius);box-shadow:0 4px 16px #0003}.time-picker-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.time-picker-header{background:#2196f3;padding:16px 24px;text-align:center}.time-picker-header .selected-time{color:#fff;font-size:32px;font-weight:500;letter-spacing:2px}.time-picker-columns{display:flex;flex:1;padding:8px;gap:8px}.time-column{flex:1;display:flex;flex-direction:column;min-width:0}.time-column .column-list{flex:1;overflow-y:auto;max-height:200px;border:1px solid #e0e0e0;border-radius:4px;scroll-behavior:smooth}.time-column .column-list::-webkit-scrollbar{width:6px}.time-column .column-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.time-column .column-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}.time-column .column-list::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.time-column .column-item{padding:10px 16px;text-align:center;cursor:pointer;font-size:16px;color:#333;transition:background-color .15s ease;height:40px;display:flex;align-items:center;justify-content:center}.time-column .column-item:hover{background:#e3f2fd}.time-column .column-item.selected{background:#2196f3;color:#fff;font-weight:500}.time-column .column-item.selected:hover{background:#1976d2}.time-column .column-item:not(:last-child){border-bottom:1px solid #f0f0f0}.time-picker-actions{display:flex;flex-direction:column;padding:8px 16px;gap:8px}.time-picker-actions .accept-button{--background: #4caf50;--background-hover: #43a047;--color: white;margin:0;font-weight:500}.time-picker-actions .accept-button::part(native){border-radius:20px;text-transform:uppercase}.time-picker-actions .cancel-button{--background: #f44336;--background-hover: #e53935;--color: white;margin:0;font-weight:500}.time-picker-actions .cancel-button::part(native){border-radius:20px;text-transform:uppercase}@media (max-width: 480px){.time-picker-modal{--width: 90%;--max-width: 300px}.time-picker-header{padding:12px 16px}.time-picker-header .selected-time{font-size:28px}.time-column .column-item{padding:8px 12px;font-size:14px}}.validation-alert-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center}.validation-alert-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#00000080}.validation-alert-dialog{position:relative;z-index:1;width:100%;max-width:350px;background:#fff;border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.validation-alert-dialog .validation-alert-modal{--width: 350px;--height: auto;--max-height: 90vh;--border-radius: 8px}.validation-alert-dialog .validation-alert-content{background:#fff;border-radius:4px;padding:0;text-align:center}.validation-alert-dialog .validation-alert-icon{padding:16px 16px 0;margin-bottom:0}.validation-alert-dialog .validation-alert-icon .alert-octagram-icon{width:70px;height:70px}.validation-alert-dialog .validation-alert-message{font-size:1.25rem;font-weight:500;line-height:2rem;letter-spacing:.0125em;color:#000000de;padding:16px;margin-bottom:0;word-break:normal}.validation-alert-dialog .validation-alert-buttons{display:flex;justify-content:center;padding:8px}.validation-alert-dialog .validation-alert-buttons ion-button{--border-radius: 28px;font-weight:500;text-transform:uppercase;font-size:14px;letter-spacing:.5px;min-width:120px;height:36px}.validation-alert-dialog .validation-alert-buttons ion-button ion-icon{font-size:18px;margin-right:4px}.validation-alert-dialog .validation-alert-buttons .validation-close-button{--background: #4caf50;--background-hover: #388e3c;--color: white}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-line{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:4px;min-height:16px;display:block}.skeleton-box{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:4px;min-height:40px;display:block}.skeleton-circle{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:50%;flex-shrink:0}.skeleton-button{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:20px}.skeleton-table{width:100%;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.skeleton-table-header{display:flex;background:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:12px 16px;gap:16px}.skeleton-table-header-cell{flex:1;min-width:80px}.skeleton-table-body{padding:8px 0}.skeleton-table-row{display:flex;padding:12px 16px;gap:16px;border-bottom:1px solid #f0f0f0}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{flex:1;min-width:80px;display:flex;align-items:center}.skeleton-table-actions{flex:0 0 80px;display:flex;gap:8px;justify-content:flex-end}.skeleton-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.skeleton-card-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;align-items:center}.skeleton-card-body{padding:16px}.skeleton-card-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.skeleton-card-row:last-child{border-bottom:none}.skeleton-form-field{margin-bottom:16px}.skeleton-form-field .skeleton-label{margin-bottom:8px}.skeleton-form-field .skeleton-input{border-radius:8px}.skeleton-action-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:16px;border-bottom:2px solid #ffd600}.skeleton-action-buttons{display:flex;gap:12px}.skeleton-summary-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px;border-radius:8px;overflow:hidden}@media (max-width: 768px){.skeleton-summary-footer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skeleton-summary-footer{grid-template-columns:1fr}}.skeleton-summary-card-item{padding:16px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.skeleton-summary-card-item .skeleton-line{background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out}.skeleton-summary-card-item.color-0{background:#4caf50}.skeleton-summary-card-item.color-1{background:#2196f3}.skeleton-summary-card-item.color-2{background:#ff9800}.skeleton-summary-card-item.color-3{background:#9c27b0}.skeleton-info-row{display:flex;gap:32px;padding:12px 0;flex-wrap:wrap}.skeleton-info-pair{display:flex;align-items:center;gap:8px}.skeleton-module-section{padding:16px;background:#fff;min-height:400px}.skeleton-module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #ffd600}.skeleton-module-title{display:flex;align-items:center;gap:12px}.skeleton-button-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.skeleton-content-area{margin-top:20px}.skeleton-materials .skeleton-materials-controls{display:flex;gap:12px;margin-bottom:16px}.skeleton-materials .skeleton-materials-info{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin-bottom:16px;padding:12px 0}@media (max-width: 768px){.skeleton-materials .skeleton-materials-info{grid-template-columns:1fr}}.skeleton-materials .skeleton-materials-data{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin-bottom:16px}@media (max-width: 768px){.skeleton-materials .skeleton-materials-data{grid-template-columns:1fr}}.skeleton-materials .skeleton-data-group{display:flex;flex-direction:column;gap:12px}.skeleton-energy .skeleton-energy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-energy .skeleton-calculation-bar{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}@media (max-width: 768px){.skeleton-energy .skeleton-calculation-bar{flex-direction:column}}.skeleton-energy .skeleton-calculation-item{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border-radius:8px;text-align:center}.skeleton-inventory .skeleton-inventory-tabs{display:flex;gap:8px;margin-bottom:16px}.skeleton-inventory .skeleton-tab{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;width:120px;height:40px;border-radius:8px 8px 0 0}.skeleton-start-stop .skeleton-shift-card{border:2px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:16px}.skeleton-start-stop .skeleton-shift-header{display:flex;justify-content:space-between;margin-bottom:16px}.skeleton-start-stop .skeleton-time-blocks{display:flex;gap:8px;flex-wrap:wrap}.skeleton-start-stop .skeleton-time-block{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;width:60px;height:30px;border-radius:4px}.skeleton-production .skeleton-production-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.skeleton-production .skeleton-production-card{background:#f8f9fa;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-maintenance .skeleton-zone-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;overflow:hidden}.skeleton-maintenance .skeleton-zone-header{background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e0e0e0}.skeleton-maintenance .skeleton-zone-content{padding:16px}.skeleton-comments .skeleton-comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0}.skeleton-comments .skeleton-comment-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-comments .skeleton-comment-actions{display:flex;gap:8px}@media (max-width: 768px){.skeleton-action-header{flex-direction:column;gap:12px;align-items:flex-start}.skeleton-summary-footer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skeleton-summary-footer{grid-template-columns:1fr}.skeleton-button-row{flex-direction:column}.skeleton-button-row .skeleton-button{width:100%}}.login-content{--background: #f5f5f5}.login-container{display:flex;align-items:center;justify-content:center;min-height:100%;min-height:100dvh;padding:2rem}.login-card-wrapper{width:100%;max-width:1000px;box-shadow:0 10px 40px #0003;border-radius:8px;overflow:hidden}.login-row{margin:0}.login-row ion-col{padding:0}.login-carousel-col{position:relative;min-height:425px;background:#000}.login-carousel{position:relative;width:100%;height:100%;min-height:425px;overflow:hidden}.login-carousel .carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out}.login-carousel .carousel-image.active{opacity:1}.login-carousel .carousel-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.login-carousel .carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background-color:#ffffff80;cursor:pointer;padding:0;transition:background-color .3s ease,transform .2s ease}.login-carousel .carousel-dot:hover{background-color:#fffc;transform:scale(1.1)}.login-carousel .carousel-dot:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.login-carousel .carousel-dot.active{background-color:#fff;transform:scale(1.1)}.login-form-col{display:flex;flex-direction:column;padding:24px!important}.login-language-row{display:flex;justify-content:flex-end;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #e0e0e0}.language-selector{display:flex;align-items:center;gap:8px}.language-selector .language-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001a}.language-selector .language-icon{font-size:20px;color:#666}.language-selector ion-select{--padding-start: 8px;--padding-end: 8px;min-width:120px;font-size:14px}.language-selector ion-spinner{width:20px;height:20px}.login-card-title{text-align:center;margin-bottom:0}.login-card-title h2{margin:0;font-size:28px;font-weight:500;color:#333}.login-input-item{margin-bottom:16px;--border-radius: 4px;--padding-start: 16px;--padding-end: 16px}.login-input-item .input-icon{font-size:20px;color:#666}.login-input-item .input-icon.clickable{cursor:pointer}.login-input-item .input-icon.clickable:hover,.login-input-item .input-icon.clickable:active{color:#333}ion-label{font-size:14px;font-weight:500}.form-error{display:block;padding:4px 16px;margin-bottom:8px}.login-error-banner{background:#fdecea;color:var(--ion-color-danger);border-left:4px solid var(--ion-color-danger);padding:12px 16px;border-radius:4px;margin:16px 0;font-size:14px}.login-button{margin-top:24px;--border-radius: 24px;height:48px;font-weight:600;font-size:16px;text-transform:uppercase}.login-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.msal-login-container{padding:24px 0}.msal-login-button{border:1px solid #ddd;border-radius:10px;padding:24px;margin:0 auto 15px;cursor:pointer;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;max-width:275px;text-align:center;transition:all .3s ease}.msal-login-button:hover,.msal-login-button:active{box-shadow:0 5px 8px -2px #00000040,0 4px 4px #0000002e,0 2px 7px #00000026;transform:translateY(-2px)}.msal-login-button .msal-logo{font-size:48px;font-weight:700;color:#ff9800;margin-bottom:12px;letter-spacing:2px}.msal-login-button .msal-logo-img{height:60px;width:auto;object-fit:contain;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}.msal-login-button .msal-text{font-size:20px;font-weight:600;color:#333;line-height:28px}.login-toggle{text-align:center;margin-top:20px;margin-bottom:10px}.login-toggle ion-button{text-transform:none}.login-toggle a{color:#1976d2;cursor:pointer;font-size:14px;text-decoration:none;transition:color .3s ease}.login-toggle a:hover,.login-toggle a:active{color:#1565c0;text-decoration:underline}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10000}@media (max-width: 768px){.login-container{padding:0}.login-card-wrapper{max-width:100%;margin:0;border-radius:0}.login-carousel-col{display:none}.login-form-col{padding:32px 24px!important}.login-card-title h2{font-size:24px}}@media (min-width: 769px) and (max-width: 1024px){.login-card-wrapper{max-width:900px}.login-carousel{min-height:380px}}@media (min-width: 1025px){.login-card-wrapper{max-width:1000px}}.new-report-modal{--height: auto;--max-height: 90%}.new-report-modal .ion-page{position:relative;display:flex;flex-direction:column;contain:layout style}.new-report-modal{--width: 90%;--max-width: 400px;--border-radius: 8px}.new-report-modal .new-report-scroll-content{flex:1 1 auto;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;background:var(--ion-background-color, #fff)}.new-report-modal .new-report-content{flex:1;padding:16px;background:#fff}.new-report-modal .new-report-content .loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.new-report-modal .new-report-content .loading-message ion-spinner{width:32px;height:32px}.new-report-modal .new-report-content .loading-message p{margin:0;color:var(--ion-color-medium)}.new-report-modal .new-report-content ion-item{--padding-start: 0;--inner-padding-end: 0;margin-bottom:16px}.new-report-modal .new-report-content ion-item ion-label{font-weight:500;color:var(--ion-color-dark);margin-bottom:8px}.new-report-modal .new-report-content ion-item ion-select,.new-report-modal .new-report-content ion-item ion-datetime{width:100%}.new-report-modal .new-report-content .date-shift-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:16px;margin-top:8px}.new-report-modal .new-report-content .date-shift-row .date-field{flex:1}.new-report-modal .new-report-content .date-shift-row .date-field .date-label{display:block;font-weight:500;color:var(--ion-color-dark);margin-bottom:8px;font-size:14px}.new-report-modal .new-report-content .date-shift-row .date-field .date-input-wrapper{cursor:pointer;border:1px solid var(--ion-color-medium);border-radius:4px;background-color:#feec00;padding:0}.new-report-modal .new-report-content .date-shift-row .date-field .date-input-wrapper:hover{border-color:var(--ion-color-primary)}.new-report-modal .new-report-content .date-shift-row .date-field .date-input-wrapper .date-input{--background: transparent;--padding-start: 12px;--padding-end: 12px;--padding-top: 10px;--padding-bottom: 10px;font-size:14px;cursor:pointer;pointer-events:none}.new-report-modal .new-report-content .date-shift-row .shift-field{min-width:120px}.new-report-modal .new-report-content .date-shift-row .shift-field .shift-label{display:block;font-weight:500;color:var(--ion-color-dark);margin-bottom:8px;font-size:14px}.new-report-modal .new-report-content .date-shift-row .shift-field .shift-toggle-container{display:flex;align-items:center;gap:12px;padding-top:4px}.new-report-modal .new-report-content .date-shift-row .shift-field .shift-toggle-container .shift-toggle{--background: #e0e0e0;--background-checked: #e0e0e0;--handle-background: #fff;--handle-background-checked: #fff}.new-report-modal .new-report-content .date-shift-row .shift-field .shift-toggle-container .shift-icon-display{display:flex;align-items:center;justify-content:center}.new-report-modal .new-report-content .date-shift-row .shift-field .shift-toggle-container .shift-icon-display ion-icon{font-size:32px}.new-report-modal .new-report-content .error-message{margin-top:16px;padding:12px;background-color:rgba(var(--ion-color-danger-rgb),.1);border-radius:4px;text-align:center}.new-report-modal .new-report-content .error-message ion-note{font-size:14px;font-weight:500}.new-report-modal .modal-actions{flex:0 0 auto;border-top:1px solid var(--ion-color-light, #e0e0e0);padding-bottom:env(safe-area-inset-bottom,0);padding:8px 16px;display:flex;flex-direction:row;justify-content:space-between;gap:12px}.new-report-modal .modal-actions ion-button{margin:0;flex:0 0 auto}.new-report-modal .modal-actions ion-button .button-spinner{width:20px;height:20px;margin-right:8px}.date-picker-modal{--width: 320px;--height: auto;--max-height: 90%;--border-radius: 8px}.date-picker-modal .date-picker-container{display:flex;flex-direction:column;height:100%;background:#fff}.date-picker-modal .date-picker-container .date-picker-header{background:var(--ion-color-primary, #3880ff);color:#fff;padding:16px;font-size:18px;font-weight:500;text-align:center}.date-picker-modal .date-picker-container .date-picker-content{flex:1;padding:8px;display:flex;flex-direction:column}.date-picker-modal .date-picker-container .date-picker-content ion-datetime{--background: transparent;width:100%;max-width:100%}.date-picker-modal .date-picker-container .date-picker-content ion-datetime::part(calendar-day){font-size:14px}.date-picker-modal .date-picker-container .date-picker-content ion-datetime::part(calendar-day today){color:var(--ion-color-primary);font-weight:700}.date-picker-modal .date-picker-container .date-picker-content ion-datetime::part(calendar-day active){background:var(--ion-color-primary);color:#fff}.date-picker-modal .date-picker-container .date-picker-content ion-datetime::part(calendar-day disabled){color:#ccc;opacity:.5}.date-picker-modal .date-picker-container .date-picker-content .date-picker-now-button{display:flex;justify-content:center;padding:8px 0;border-top:1px solid var(--ion-color-light);margin-top:8px}.date-picker-modal .date-picker-container .date-picker-content .date-picker-now-button ion-button{--color: var(--ion-color-primary);font-weight:500}.date-picker-modal .date-picker-container .date-picker-actions{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--ion-color-light);gap:12px}.date-picker-modal .date-picker-container .date-picker-actions ion-button{flex:1;margin:0;--border-radius: 20px;font-weight:500;text-transform:uppercase}.dashboard-header{display:flex;align-items:center;justify-content:space-between;background-color:#d32f2f;background-image:url(/img/headerbg.png)!important;background-size:contain;color:#fff;padding:12px 20px;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;flex-direction:column;gap:8px;flex:1}.selector-group{display:flex;align-items:center;gap:8px}.selector-label{font-weight:600;font-size:14px;min-width:80px;color:#fff}.selector-display{display:flex;align-items:center;background-color:#fff;border-radius:4px;padding:6px 4px 6px 12px;min-width:250px;gap:4px}.selector-text{flex:1;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-button{--padding-start: 8px;--padding-end: 8px;height:28px;margin:0}.selector-button ion-icon{font-size:20px;color:#666}.header-select{--background: white;--color: #333;--padding-start: 12px;--padding-end: 12px;--border-radius: 4px;max-width:300px;font-size:14px}.other-count{font-size:13px;color:#ffffffe6;font-weight:500}.header-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0 20px}.colas-logo-placeholder{padding:0;display:flex;align-items:center;justify-content:center}.colas-logo-img{height:50px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.datetime-display{display:flex;align-items:center;gap:8px;background-color:#ffffff1a;padding:8px 12px;border-radius:4px}.calendar-icon{font-size:24px;color:#fff}.datetime-text{display:flex;flex-direction:column;line-height:1.2}.date-line{font-size:13px;font-weight:500}.time-line{font-size:12px;opacity:.9}.user-section{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;cursor:pointer;transition:background-color .2s;text-transform:uppercase}.user-avatar:hover{background-color:#ffffff4d}@media (max-width: 1024px){.dashboard-header{flex-wrap:wrap}.header-left,.header-right{flex:1 1 40%}.header-center{order:-1;flex:1 1 100%;margin:0 0 12px}}@media (max-width: 768px){.dashboard-header{padding:8px 12px}.selector-label{min-width:60px;font-size:12px}.header-select{max-width:200px;font-size:12px}.datetime-text{font-size:11px}.user-avatar{width:36px;height:36px;font-size:16px}.colas-logo-img{height:40px}}@media (max-width: 576px){.colas-logo-img{height:35px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.status-log-modal{--height: auto;--max-height: 80vh}.status-log-modal .ion-page{position:relative;display:flex;flex-direction:column;contain:layout style}.status-log-modal{--width: 700px;--max-width: 90%}.status-log-modal .ion-page{max-height:80vh;overflow:hidden}.status-log-scroll{flex:1 1 auto;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.status-log-content{padding:16px}.status-log-item{--padding-start: 16px;--padding-end: 16px;margin-bottom:12px;border-bottom:1px solid var(--ion-color-light)}.status-date{font-size:14px;font-weight:600;color:var(--ion-color-dark);margin-bottom:4px}.status-name{font-size:13px;font-weight:500;padding:4px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}.status-name.status-success{background-color:#28a7451a;color:var(--ion-color-success)}.status-name.status-danger{background-color:#dc35451a;color:var(--ion-color-danger)}.status-name.status-warning{background-color:#ffc1071a;color:var(--ion-color-warning-shade)}.status-comment{font-size:13px;color:var(--ion-color-medium);white-space:pre-wrap;margin-top:8px;line-height:1.5}.status-user{font-size:12px;color:var(--ion-color-medium);margin-top:4px}.loading-message,.empty-message{text-align:center;padding:40px 20px;color:var(--ion-color-medium);font-size:14px}.modal-footer{flex:0 0 auto;border-top:1px solid var(--ion-color-light, #e0e0e0);padding-bottom:env(safe-area-inset-bottom,0);display:flex;justify-content:flex-end;padding:8px 16px;border-top:1px solid #e0e0e0}.status-change-modal{--width: 700px;--max-width: 95%;--height: fit-content;--min-height: auto;--max-height: clamp(300px, 80%, 80dvh);--background: white;--border-radius: 4px}.status-change-modal::part(content){background:#fff;border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;height:fit-content;max-height:clamp(300px,80vh,80dvh)}.status-change-modal ion-content{--background: white}.modal-card{background:#fff;min-height:100%;display:flex;flex-direction:column}.modal-header-title{padding:10px;background:#fff}.modal-header-title b{color:#000;font-size:16px}.modal-tabs{display:flex;background:#1e1e1e}.modal-tabs .tab-button{flex:1;padding:12px 16px;border:none;background:transparent;color:#ffffffb3;font-size:14px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;position:relative}.modal-tabs .tab-button:hover,.modal-tabs .tab-button:active{color:#fff;background:#ffffff14}.modal-tabs .tab-button.active{color:#fff}.modal-tabs .tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1976d2}.tab-content{flex:1;min-height:200px;background:#fff}.comments-tab{padding-top:20px;display:flex;flex-direction:column;min-height:300px}.comments-tab .loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:40px}.comments-tab .comments-list-container{padding:0 16px;flex:1}.comments-tab .comments-list{max-height:414px;overflow:auto;padding:0!important;background:#fff}.comments-tab .comments-list .empty-message{padding:40px;text-align:center;color:#666;font-size:14px}.comments-tab .comments-list .comment-item{--padding-start: 8px;--padding-end: 8px;--inner-padding-end: 8px;--background: white}.comments-tab .comments-list .comment-item ion-label .comment-date{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.comments-tab .comments-list .comment-item ion-label .comment-text{font-size:13px;color:#666;white-space:pre-wrap;margin:0;line-height:1.4}.comments-tab .comments-list .comment-item ion-label .comment-divider{height:1px;background:#e0e0e0;margin-top:12px}.reopen-tab{padding-top:20px;display:flex;flex-direction:column;min-height:250px}.reopen-tab .form-content{padding:0 16px;flex:1}.reopen-tab .form-content .comment-input-item{--padding-start: 0;--inner-padding-end: 0;--background: white}.reopen-tab .form-content .comment-input-item ion-label{font-size:14px;color:#0009;margin-bottom:4px}.reopen-tab .form-content .comment-input-item .comment-textarea{border:1px solid rgba(0,0,0,.42);border-radius:4px;--padding-start: 12px;--padding-end: 12px;--padding-top: 8px;--padding-bottom: 8px;margin-top:4px;background:#fff}.reopen-tab .form-content .comment-input-item .comment-textarea:focus-within{border-color:#1976d2;border-width:2px}.modal-actions{display:flex;align-items:center;padding:8px 16px;gap:8px;background:#fff}.modal-actions .spacer{flex:1}.modal-actions .action-btn{--border-radius: 28px;--padding-start: 16px;--padding-end: 16px;font-size:14px;text-transform:uppercase;letter-spacing:.09em;font-weight:500;height:36px}.modal-actions .action-btn ion-icon{font-size:18px}.modal-actions .action-btn.save-btn{--background: #4caf50;--background-hover: #43a047;--color: white}.modal-actions .action-btn.cancel-btn{--background: #f44336;--background-hover: #e53935;--color: white}.modal-actions .action-btn .btn-spinner{width:20px;height:20px;margin-right:8px}.flowsheet-images-modal{--width: 90%;--max-width: 1200px;--height: 90%;--max-height: 900px}.flowsheet-images-content{padding:16px;display:flex;flex-direction:column;height:calc(100% - 80px)}.slides-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:8px;overflow:hidden}.slide-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px}.slide-content ion-img{max-width:100%;max-height:calc(100% - 40px);object-fit:contain}.image-title{margin-top:16px;font-size:16px;font-weight:500;color:var(--ion-color-dark);text-align:center}.nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;--padding-start: 12px;--padding-end: 12px}.nav-prev{left:16px}.nav-next{right:16px}.thumbnails-container{display:flex;gap:8px;margin-top:16px;padding:12px;background-color:#f5f5f5;border-radius:8px;overflow-x:auto;justify-content:center}.thumbnail{cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border-color .3s;flex-shrink:0}.thumbnail:hover{border-color:var(--ion-color-primary)}.thumbnail.active{border-color:var(--ion-color-primary);box-shadow:0 0 8px rgba(var(--ion-color-primary-rgb),.5)}.thumbnail ion-thumbnail{--size: 80px;--border-radius: 4px}.image-counter{text-align:center;margin-top:12px;font-size:14px;color:var(--ion-color-medium);font-weight:500}.loading-message,.empty-message{text-align:center;padding:60px 20px;color:var(--ion-color-medium);font-size:16px}.modal-actions{padding:8px 16px;border-top:1px solid var(--ion-color-light);margin-top:auto}@media (max-width: 768px){.flowsheet-images-modal{--width: 100%;--height: 100%;--max-height: 100%}.nav-button{--padding-start: 8px;--padding-end: 8px;font-size:18px}.thumbnail ion-thumbnail{--size: 60px}}.reports-table-container{width:100%;overflow-x:auto;background:#fff;border-radius:4px}.reports-table{width:100%;border-collapse:collapse;font-size:14px}.reports-table thead{background-color:#f5f5f5}.reports-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.reports-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.reports-table tbody tr:hover,.reports-table tbody tr:active{background-color:#f9f9f9;cursor:pointer}.reports-table tbody tr.selected{background-color:#e8f4f8}.reports-table tbody td{padding:12px 16px;vertical-align:middle}.report-info-cell{min-width:200px}.report-info-cell .site-name{font-weight:600;color:#333;margin-bottom:4px}.report-info-cell .crusher-name{color:#666;font-size:13px;margin-bottom:2px}.report-info-cell .campaign-name{color:#999;font-size:12px}.scenario-cell{min-width:150px;position:relative}.scenario-badge{display:flex;align-items:center;gap:6px}.scenario-badge ion-icon{font-size:18px;color:var(--ion-color-primary)}.flowsheet-btn{--padding-start: 6px;--padding-end: 6px;height:24px;min-width:24px;font-size:14px;float:right;margin-bottom:4px}.flowsheet-btn ion-icon{font-size:16px}.date-cell{min-width:120px;width:120px;text-align:center}.date-text{font-weight:500}.shift-cell{text-align:center;min-width:70px;width:70px}.shift-icon{font-size:24px;color:var(--ion-color-medium)}.status-cell{min-width:100px;width:100px}.status-container{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.status-lock-btn{--padding-start: 4px;--padding-end: 4px;height:24px;min-width:24px;font-size:14px}.status-lock-btn ion-icon{font-size:14px}.status-text{cursor:pointer;font-size:13px;color:#333;white-space:nowrap}.status-text:hover,.status-text:active{text-decoration:underline}.created-by-cell{min-width:180px;width:180px;text-align:right}.user-email{color:#666;font-size:13px}.reports-table thead th.options-header{background-color:#feec00;text-align:center;min-width:85px;width:85px}.options-cell{background-color:#feec00;min-width:85px;width:85px;text-align:center}.action-buttons{display:flex;gap:4px;justify-content:center}.edit-btn,.delete-btn{--padding-start: 8px;--padding-end: 8px}.edit-btn ion-icon{font-size:20px}.delete-btn ion-icon{font-size:20px}.empty-table-state{text-align:center;padding:40px 20px;color:#999}@media (max-width: 768px){.reports-table{font-size:12px}.reports-table thead th,.reports-table tbody td{padding:8px 12px}.report-info-cell,.scenario-cell,.created-by-cell{min-width:auto}}.region-select-modal{--width: 90%;--max-width: 500px;--height: 80%;--max-height: 700px}.region-modal-content{padding:0;height:100%;display:flex;flex-direction:column}.search-section{padding:8px 16px;border-bottom:1px solid var(--ion-color-light)}.select-all-section{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ion-color-light);background-color:var(--ion-color-light-tint);min-height:44px}.select-all-button{--padding-start: 0;--padding-end: 0;--overflow: visible;text-transform:none;font-weight:500;overflow:visible;height:36px}.select-all-button ion-icon{font-size:20px;min-width:20px;min-height:20px}.visible-count{font-size:.85rem;color:var(--ion-color-medium)}.regions-list{flex:1;overflow-y:auto;padding:0}.region-item{--padding-start: 16px;--padding-end: 16px;--min-height: 48px}.region-item ion-checkbox{margin-right:12px}.no-results{padding:32px 16px;text-align:center;color:var(--ion-color-medium);font-style:italic}.region-modal-footer{padding:8px 16px;display:flex;gap:12px;border-top:1px solid var(--ion-color-light);background-color:var(--ion-color-light-tint)}.region-modal-footer ion-button{flex:1;margin:0;--border-radius: 20px;text-transform:uppercase;font-weight:600;font-size:.85rem;letter-spacing:.5px}@media (max-width: 768px){.region-select-modal{--width: 100%;--max-width: 100%;--height: 100%;--max-height: 100%}}.reports-filter{background-color:#fff;padding:12px;margin-bottom:6px;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.filter-row{display:flex;gap:12px;margin-bottom:4px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.filter-label{font-weight:600;font-size:13px;color:#333;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.2}.region-filter{flex:2;max-width:400px}.region-select{--background: #ffd600;--color: #333;--padding-start: 12px;--padding-end: 12px;--border-radius: 4px;font-weight:600}.region-select-button{--background: #ffd600;--background-activated: #ffc400;--background-hover: #ffc400;--color: #333;--border-color: #ffd600;--border-radius: 4px;--padding-start: 12px;--padding-end: 12px;font-weight:600;text-transform:none;height:48px;margin:0}.selected-label{display:none}.date-filter{flex:1;max-width:200px}.date-input{--background: #ffd600;--color: #333;--padding-start: 12px;--padding-end: 12px;--border-radius: 4px;font-weight:600}.date-input-field{background:#ffd600;color:#333;padding:12px;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;-webkit-user-select:none;user-select:none}.date-input-field:hover{background:#ffc400}.date-input-field:active{background:#ffb300}.date-input-field:focus{outline:2px solid #2196F3;outline-offset:2px}.status-row{border-top:1px solid #e0e0e0;padding:0;margin:1px;flex-direction:column;gap:0;margin-bottom:-10px!important}.status-header h3{margin:2px 0;padding:2px;font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.status-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0!important;margin:0!important;line-height:2}.checkbox-item{display:flex;align-items:center;gap:6px;margin:0!important;padding:0!important;height:auto;min-height:24px}.status-checkbox{--size: 18px;--checkmark-width: 2px;margin:0}.checkbox-item:nth-child(1) ion-checkbox{--checkbox-background-checked: #727c0e;--border-color-checked: #727c0e}.checkbox-item:nth-child(2) ion-checkbox{--checkbox-background-checked: #dd681a;--border-color-checked: #dd681a}.checkbox-item:nth-child(3) ion-checkbox{--checkbox-background-checked: #577796;--border-color-checked: #577796}.checkbox-item:nth-child(4) ion-checkbox{--checkbox-background-checked: #6d5482;--border-color-checked: #6d5482}.checkbox-item:nth-child(5) ion-checkbox{--checkbox-background-checked: #7a6463;--border-color-checked: #7a6463}.checkbox-item:nth-child(6) ion-checkbox{--checkbox-background-checked: #5a9e9a;--border-color-checked: #5a9e9a}.checkbox-item ion-label{font-size:13px;color:#333;cursor:pointer;margin:0!important;padding:0!important;line-height:1!important;--padding-start: 0 !important;--padding-end: 0 !important;--padding-top: 0 !important;--padding-bottom: 0 !important}.checkbox-item ion-checkbox{margin:0!important;padding:0!important;--padding-start: 0 !important;--padding-end: 0 !important;--padding-top: 0 !important;--padding-bottom: 0 !important}.checkbox-item:last-child{margin-bottom:0!important;padding-bottom:0!important}.status-checkboxes:after{content:"";display:block;height:0;margin:0;padding:0}@media (max-width: 768px){.filter-row{flex-direction:column;gap:16px}.filter-group{max-width:100%}.status-checkboxes{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.status-checkboxes{grid-template-columns:repeat(2,1fr)}}.dashboard-content{--background: #f5f5f5}.dashboard-main{padding:12px;max-width:100%;margin:0}.reports-section{background:#fff;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;gap:4px;align-items:center}.pagination-controls ion-button{--padding-start: 12px;--padding-end: 12px;min-width:40px}.action-buttons{display:flex;gap:4px;align-items:center}.add-new-btn{--background: #ffd600;--background-hover: #ffed4e;--color: #333;font-weight:600;--padding-start: 20px;--padding-end: 20px}.info-btn{--background: #ffd600;--background-hover: #ffed4e;--color: #333;--border-radius: 50%;--padding-start: 0;--padding-end: 0;width:40px;height:40px;min-width:40px;min-height:40px}.info-btn ion-icon{font-size:24px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:4px}.empty-icon{font-size:64px;color:#ccc;margin-bottom:16px}.empty-state p{font-size:16px;color:#999;margin-bottom:20px}@media (max-width: 1024px){.dashboard-footer{flex-wrap:wrap;gap:12px}.pagination-info{flex:1 1 100%;text-align:center}.pagination-controls{flex:1 1 auto;justify-content:center}.action-buttons{flex:0 0 auto}}@media (max-width: 768px){.dashboard-main,.dashboard-footer{padding:12px}.pagination-controls ion-button{--padding-start: 8px;--padding-end: 8px;min-width:36px;font-size:13px}.action-buttons{width:100%;margin-top:8px}.add-new-btn{flex:1}}.delete-confirm-modal{--width: 350px;--height: auto;--border-radius: 8px}.delete-confirm-modal::part(content){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;max-width:90%;height:auto;border-radius:8px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.delete-confirm-modal::part(backdrop){background:#00000080}.delete-confirm-content{background:#fff;border-radius:8px;padding:16px 24px 24px;text-align:center}.delete-confirm-icon{margin-bottom:8px}.delete-confirm-icon .alert-octagram-icon{width:70px;height:70px}.delete-confirm-icon .alert-octagram-icon .octagram-background{fill:#f44336}.delete-confirm-icon .alert-octagram-icon .octagram-exclamation{fill:#fff}.delete-confirm-message{font-size:16px;color:#000000de;margin-bottom:20px;word-break:normal;line-height:1.5}.delete-confirm-buttons{display:flex;justify-content:center;gap:16px}.delete-confirm-buttons ion-button{--border-radius: 28px;font-weight:500;text-transform:uppercase;font-size:14px;letter-spacing:.5px;min-width:120px;height:36px}.delete-confirm-buttons .delete-confirm-accept{--background: #f44336;--background-hover: #d32f2f;--color: white}.delete-confirm-buttons .delete-confirm-accept ion-icon{font-size:18px;margin-right:4px}.delete-confirm-buttons .delete-confirm-cancel{--background: #4caf50;--background-hover: #388e3c;--color: white}.delete-confirm-buttons .delete-confirm-cancel ion-icon{font-size:18px;margin-right:4px}:root{--ion-color-primary: #3880ff;--ion-color-primary-rgb: 56, 128, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3171e0;--ion-color-primary-tint: #4c8dff;--ion-color-secondary: #3dc2ff;--ion-color-secondary-rgb: 61, 194, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #36abe0;--ion-color-secondary-tint: #50c8ff;--ion-color-tertiary: #5260ff;--ion-color-tertiary-rgb: 82, 96, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #4854e0;--ion-color-tertiary-tint: #6370ff;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #cf3c4f;--ion-color-danger-tint: #ed576b;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ion-modal.confirm-modal{--width: fit-content;--min-width: 350px;--max-width: 90%;--height: fit-content;--border-radius: 8px}ion-popover.select-popover{--max-height: min(250px, 35vh)}ion-popover.select-popover ion-select-popover ion-list{padding:0}ion-popover.select-popover ion-select-popover ion-item{--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 0;--min-height: 40px;font-size:14px;cursor:pointer;border-bottom:1px solid #f0f0f0}ion-popover.select-popover ion-select-popover ion-item:last-child{border-bottom:none}ion-popover.select-popover ion-select-popover ion-item:hover{--background: #f5f5f5}ion-popover.select-popover ion-select-popover ion-item ion-radio{--color: transparent;--color-checked: transparent;width:0;min-width:0;margin:0;padding:0}ion-popover.select-popover ion-select-popover ion-item ion-label{white-space:normal;padding:8px 0;line-height:1.4}