.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:calc(100% - 2rem);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:toastSlideIn .3s ease-out;pointer-events:auto;direction:rtl}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-right:4px solid #10b981}.toast-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef4444;border-right:4px solid #ef4444}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b;border-right:4px solid #f59e0b}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-right:4px solid #3b82f6}.toast-loading{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #6b7280;border-right:4px solid #6b7280}.toast-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.toast-loading .toast-icon{animation:toastSpin 1s linear infinite}@keyframes toastSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.9375rem;color:#1f2937;margin-bottom:.25rem}.toast-message{font-size:.875rem;color:#4b5563;line-height:1.5;word-wrap:break-word}.toast-success .toast-message{color:#065f46}.toast-error .toast-message{color:#991b1b}.toast-warning .toast-message{color:#92400e}.toast-info .toast-message{color:#1e40af}.toast-action{display:inline-block;margin-top:.5rem;padding:.375rem .75rem;background:#0000001a;border:none;border-radius:4px;font-size:.8125rem;font-weight:500;color:inherit;cursor:pointer;transition:background .15s}.toast-action:hover{background:#00000026}.toast-dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:1.25rem;color:#9ca3af;cursor:pointer;transition:all .15s}.toast-dismiss:hover{background:#0000001a;color:#374151}@media (max-width: 480px){.toast-container{top:auto;bottom:1rem}.toast{padding:.875rem}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:confirmFadeIn .2s ease-out}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:12px;padding:1.5rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 20px 40px #0003;animation:confirmSlideIn .25s ease-out;direction:rtl}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.confirm-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;text-align:center}.confirm-message{font-size:.9375rem;color:#4b5563;margin:0 0 1.5rem;text-align:center;line-height:1.6}.confirm-typed{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.typed-instruction{font-size:.875rem;color:#991b1b;margin:0 0 .75rem}.typed-instruction strong{font-family:Courier New,monospace;background:#fee2e2;padding:.125rem .375rem;border-radius:4px}.typed-input{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.9375rem;font-family:Courier New,monospace;text-align:center;transition:border-color .15s}.typed-input:focus{outline:none;border-color:#3b82f6}.typed-input:disabled{background:#f3f4f6;cursor:not-allowed}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-actions button{flex:1;max-width:150px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.5rem}.confirm-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.confirm-actions .btn-secondary:hover:not(:disabled){background:#f3f4f6}.confirm-actions .btn-confirm{border:none}.confirm-actions .btn-confirm.btn-primary{background:#3b82f6;color:#fff}.confirm-actions .btn-confirm.btn-primary:hover:not(:disabled){background:#2563eb}.confirm-actions .btn-confirm.btn-danger{background:#dc2626;color:#fff}.confirm-actions .btn-confirm.btn-danger:hover:not(:disabled){background:#b91c1c}.confirm-actions button:disabled{opacity:.5;cursor:not-allowed}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);direction:rtl}.error-boundary-content{background:#fff;border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 40px #0000001a}.error-icon{font-size:4rem;margin-bottom:1.5rem}.error-boundary h1{font-size:1.5rem;font-weight:700;color:#991b1b;margin:0 0 1rem}.error-message{font-size:1rem;color:#4b5563;line-height:1.7;margin:0 0 2rem}.error-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;text-align:right}.error-details summary{padding:1rem;cursor:pointer;font-weight:500;color:#6b7280}.error-details summary:hover{color:#374151}.error-details pre{padding:1rem;margin:0;font-size:.75rem;color:#dc2626;overflow-x:auto;border-top:1px solid #e5e7eb;background:#fef2f2;text-align:left;direction:ltr;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.error-actions button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s}.error-actions .btn-primary{background:#3b82f6;color:#fff;border:none}.error-actions .btn-primary:hover{background:#2563eb}.error-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.error-actions .btn-secondary:hover{background:#f3f4f6}@media (max-width: 480px){.error-boundary-content{padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-actions button{width:100%}}.network-status{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:9998;animation:networkSlideUp .3s ease-out;direction:rtl}@keyframes networkSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.network-status.offline{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-top:2px solid #dc2626;color:#991b1b}.network-status.online{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-top:2px solid #10b981;color:#065f46;animation:networkSlideUp .3s ease-out,networkFadeOut .5s ease-in 2.5s forwards}@keyframes networkFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.status-icon{font-size:1.25rem}.status-text{font-weight:600;font-size:.9375rem}.status-hint{font-size:.8125rem;opacity:.8;margin-right:.5rem}.status-hint:before{content:"•";margin-left:.5rem}.network-status.offline .status-icon{animation:offlinePulse 1.5s ease-in-out infinite}@keyframes offlinePulse{0%,to{opacity:1}50%{opacity:.5}}.session-timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.session-timeout-modal{background:#fff;border-radius:16px;max-width:420px;width:calc(100% - 2rem);box-shadow:0 25px 50px #00000040;animation:timeoutModalIn .3s ease-out;overflow:hidden}.session-timeout-modal.urgency-normal{border-top:4px solid #3b82f6}.session-timeout-modal.urgency-warning{border-top:4px solid #f59e0b}.session-timeout-modal.urgency-critical{border-top:4px solid #dc2626;animation:timeoutModalIn .3s ease-out,criticalPulse 1s ease-in-out infinite}@keyframes timeoutModalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes criticalPulse{0%,to{box-shadow:0 25px 50px #00000040}50%{box-shadow:0 25px 50px #dc26264d}}.timeout-header{padding:1.5rem 2rem 1rem;text-align:center}.timeout-icon{font-size:3.5rem;margin-bottom:.75rem;animation:timeoutPulse 1.5s ease-in-out infinite}@keyframes timeoutPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeout-header h2{font-size:1.375rem;font-weight:700;color:#1f2937;margin:0}.timeout-body{padding:0 2rem 1.5rem;text-align:center}.timeout-subtitle{font-size:.9375rem;color:#6b7280;margin:0 0 1rem}.timeout-countdown{font-size:3.5rem;font-weight:700;font-family:Courier New,Monaco,monospace;margin:.5rem 0 1rem;padding:1rem 1.5rem;border-radius:12px;transition:all .3s ease}.urgency-normal .timeout-countdown{color:#3b82f6;background:#eff6ff;border:2px solid #bfdbfe}.urgency-warning .timeout-countdown{color:#d97706;background:#fffbeb;border:2px solid #fde68a}.urgency-critical .timeout-countdown{color:#dc2626;background:#fef2f2;border:2px solid #fecaca;animation:criticalCountdown .5s ease-in-out infinite}@keyframes criticalCountdown{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.timeout-progress-container{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin:1rem 0}.timeout-progress-bar{height:100%;border-radius:3px;transition:width 1s linear,background-color .3s ease}.timeout-progress-bar.urgency-normal{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.timeout-progress-bar.urgency-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.timeout-progress-bar.urgency-critical{background:linear-gradient(90deg,#dc2626,#f87171)}.timeout-unsaved-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:1rem 0;font-size:.875rem;color:#92400e;font-weight:500}.warning-icon{font-size:1.125rem}.timeout-message{font-size:.875rem;color:#6b7280;margin:.5rem 0 0}.timeout-actions{display:flex;gap:.75rem;padding:0 2rem 1.5rem}.timeout-actions button{flex:1;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-extend{background:#3b82f6;color:#fff;border:none}.btn-extend:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-extend:active:not(:disabled){transform:translateY(0)}.btn-extend:disabled{opacity:.7;cursor:not-allowed}.btn-logout{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-logout:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-logout:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.timeout-footer{padding:.75rem 2rem 1rem;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.timeout-footer small{font-size:.75rem;color:#9ca3af}@media (max-width: 480px){.session-timeout-modal{margin:1rem}.timeout-header,.timeout-body,.timeout-actions{padding-left:1.25rem;padding-right:1.25rem}.timeout-countdown{font-size:2.5rem;padding:.75rem 1rem}.timeout-actions{flex-direction:column}}.page-error-fallback{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem;background-color:var(--bg-secondary, #f9fafb);border-radius:8px;margin:1rem}.page-error-fallback .error-content{text-align:center;max-width:500px}.page-error-fallback h2{color:var(--text-primary, #1f2937);font-size:1.5rem;margin-bottom:1rem}.page-error-fallback p{color:var(--text-secondary, #6b7280);margin-bottom:1.5rem;line-height:1.6}.page-error-fallback .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.page-error-fallback .btn-primary,.page-error-fallback .btn-secondary{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.page-error-fallback .btn-primary{background-color:var(--primary, #2563eb);color:#fff}.page-error-fallback .btn-primary:hover{background-color:var(--primary-dark, #1d4ed8)}.page-error-fallback .btn-secondary{background-color:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #1f2937)}.page-error-fallback .btn-secondary:hover{background-color:var(--bg-hover, #d1d5db)}.dashboard-error{background:linear-gradient(135deg,#fef3c7,#fef9c3)}.work-order-error{background:linear-gradient(135deg,#fef2f2,#fecaca)}.contract-error{background:linear-gradient(135deg,#ecfeff,#cffafe)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-warning{border-top:4px solid #f59e0b}.modal-danger{border-top:4px solid #ef4444}.modal-critical{border-top:4px solid #dc2626;box-shadow:0 20px 40px #dc262633}.modal-header{display:flex;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-icon{font-size:1.75rem;margin-left:.75rem}.modal-title{flex:1;font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .15s}.modal-close:hover{background:#e5e7eb;color:#1f2937}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.target-details{background:#f3f4f6;border-radius:8px;padding:1rem;margin-bottom:1rem}.target-details h3{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.details-grid{display:grid;gap:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem}.detail-label{font-size:.875rem;color:#6b7280;min-width:60px}.impact-summary{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1rem;margin-bottom:1rem}.modal-danger .impact-summary{background:#fee2e2;border-color:#fca5a5}.modal-critical .impact-summary{background:#fecaca;border-color:#f87171}.impact-summary h3{font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .75rem}.modal-danger .impact-summary h3,.modal-critical .impact-summary h3{color:#991b1b}.impact-item{font-size:.875rem;color:#78350f;padding:.25rem 1.25rem .25rem 0;position:relative}.modal-danger .impact-item,.modal-critical .impact-item{color:#7f1d1d}.impact-item:before{content:"•";position:absolute;right:0;color:#d97706}.modal-danger .impact-item:before,.modal-critical .impact-item:before{color:#dc2626}.audit-notice{display:flex;align-items:center;gap:.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.8125rem;color:#1e40af}.audit-icon{font-size:1rem}.reason-section{margin-bottom:1rem}.reason-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.reason-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .15s,box-shadow .15s}.reason-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reason-input.input-error{border-color:#dc2626}.reason-input.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.reason-counter{font-size:.75rem;color:#6b7280;text-align:left;margin-top:.25rem}.critical-confirm{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:1rem;margin-bottom:1rem}.confirm-label{display:block;font-size:.875rem;color:#991b1b;margin-bottom:.5rem}.confirm-input{width:100%;padding:.625rem .75rem;border:1px solid #fca5a5;border-radius:6px;font-size:.875rem;text-align:center;font-weight:500}.confirm-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.confirm-input.input-error{border-color:#dc2626;background:#fff5f5}.error-message{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.75rem 1rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem}.error-icon{font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary{padding:.625rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-confirm{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .15s}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.status-suspended{background:#fef3c7;color:#92400e}.status-pending{background:#fef3c7;color:#92400e}@media (max-width: 640px){.confirmation-modal{max-width:100%;margin:.5rem;max-height:calc(100vh - 1rem)}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem;flex-direction:column}.modal-footer button{width:100%}}.modal-overlay.governed{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.governed-action-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000059;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:governedModalSlideIn .25s ease-out}@keyframes governedModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.governance-standard{border-top:4px solid #f59e0b}.governance-elevated{border-top:4px solid #dc2626}.governance-critical{border-top:6px solid #991b1b;box-shadow:0 25px 50px #991b1b40}.governed-action-modal .modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#fef2f2,#fff);position:relative}.header-badge{position:absolute;top:-4px;right:1.5rem}.governance-badge{display:inline-block;background:#dc2626;color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .75rem;border-radius:0 0 6px 6px;text-transform:uppercase;letter-spacing:.5px}.governance-critical .governance-badge{background:#7f1d1d}.header-content{display:flex;align-items:center;margin-top:.5rem}.governed-action-modal .modal-icon{font-size:2rem;margin-left:.75rem}.governed-action-modal .modal-title{flex:1;font-size:1.375rem;font-weight:700;color:#1f2937;margin:0}.governed-action-modal .modal-close{position:absolute;top:1rem;left:1rem;background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .15s}.governed-action-modal .modal-close:hover{background:#fee2e2;color:#dc2626}.governed-action-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.target-section{margin-bottom:1.25rem}.target-section h3{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.target-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.detail-item:not(:last-child){border-bottom:1px solid #f3f4f6}.detail-label{font-size:.8125rem;color:#6b7280;min-width:80px}.detail-value{font-size:.875rem;color:#1f2937;font-weight:500}.impact-section{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.governance-elevated .impact-section,.governance-critical .impact-section{background:#fee2e2;border-color:#fca5a5}.impact-section h3{font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .75rem}.governance-elevated .impact-section h3,.governance-critical .impact-section h3{color:#991b1b}.impact-list{margin:0;padding:0;list-style:none}.impact-item{font-size:.8125rem;color:#78350f;padding:.375rem 1.25rem .375rem 0;position:relative}.governance-elevated .impact-item,.governance-critical .impact-item{color:#7f1d1d}.impact-item:before{content:"•";position:absolute;right:0;color:#d97706;font-weight:700}.governance-elevated .impact-item:before,.governance-critical .impact-item:before{color:#dc2626}.audit-warning-box{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.audit-icon{font-size:1.5rem;flex-shrink:0}.audit-content strong{display:block;font-size:.875rem;color:#1e40af;margin-bottom:.25rem}.audit-content p{font-size:.8125rem;color:#1e3a8a;margin:0;line-height:1.5}.form-section{margin-bottom:1.25rem}.form-field{margin-bottom:1rem}.form-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.required{color:#dc2626}.form-textarea,.form-input,.form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-textarea{resize:vertical;min-height:100px}.form-textarea:focus,.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea.input-error,.form-input.input-error,.form-select.input-error{border-color:#dc2626}.form-textarea.input-error:focus,.form-input.input-error:focus,.form-select.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.field-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.375rem}.char-counter{font-size:.75rem}.char-counter.insufficient{color:#dc2626}.char-counter.sufficient{color:#059669}.field-error{font-size:.75rem;color:#dc2626}.checkbox-field{margin-bottom:.75rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer}.checkbox-text{font-size:.875rem;color:#374151;line-height:1.5}.confirmations-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.confirmations-section h3{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.confirmation-item{padding:.75rem;border-radius:6px;margin-bottom:.5rem;transition:background-color .15s}.confirmation-item:last-child{margin-bottom:0}.confirmation-item:hover{background:#f3f4f6}.confirmation-item.has-error{background:#fef2f2;border:1px solid #fecaca}.confirmation-item .checkbox-label input[type=checkbox]{accent-color:#dc2626}.checkbox-error{display:block;font-size:.75rem;color:#dc2626;margin-top:.25rem;margin-right:1.75rem}.governed-action-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-governed{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .15s}.btn-governed.standard{background:#f59e0b;color:#fff}.btn-governed.standard:hover:not(:disabled){background:#d97706}.btn-governed.elevated{background:#dc2626;color:#fff}.btn-governed.elevated:hover:not(:disabled){background:#b91c1c}.btn-governed.critical{background:#7f1d1d;color:#fff}.btn-governed.critical:hover:not(:disabled){background:#450a0a}.btn-governed:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-active{background:#dcfce7;color:#166534}.status-draft{background:#e5e7eb;color:#374151}.status-expired{background:#fef3c7;color:#92400e}.status-terminated{background:#fee2e2;color:#991b1b}.status-decommissioned{background:#f3f4f6;color:#6b7280}@media (max-width: 640px){.governed-action-modal{max-width:100%;margin:.5rem;max-height:calc(100vh - 1rem)}.governed-action-modal .modal-header,.governed-action-modal .modal-body{padding:1rem}.governed-action-modal .modal-footer{padding:.75rem 1rem;flex-direction:column}.governed-action-modal .modal-footer button{width:100%}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{min-width:auto}}.audit-status-section{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.audit-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px}.audit-status.executing{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.audit-status.verifying{background:#fefce8;border:1px solid #fcd34d;color:#854d0e}.audit-status.completed{background:#dcfce7;border:1px solid #86efac;color:#166534}.audit-status.failed{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.audit-status .status-icon{font-size:1.5rem;flex-shrink:0}.audit-status .spinner-small{border-color:currentColor;border-top-color:transparent;opacity:.7}.audit-success-details,.audit-error-details{display:flex;flex-direction:column;gap:.25rem}.audit-success-details span,.audit-error-details span{font-size:.875rem;font-weight:500}.audit-log-id{font-size:.75rem;font-family:monospace;opacity:.8}.audit-error-message{font-size:.75rem;opacity:.9}.audit-status-section~.modal-footer .btn-governed:disabled,.audit-status-section~.modal-footer .btn-secondary:disabled{opacity:.6}.status-executing .audit-status-section{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.status-verifying_audit .audit-status-section{background:linear-gradient(135deg,#fefce8,#fef3c7)}.status-completed .audit-status-section{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.status-failed .audit-status-section{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.btn-primary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;background:#2563eb;color:#fff;transition:all .15s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.branch-barcode-section{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:20px;margin-bottom:24px}.branch-barcode-section.loading{min-height:200px}.branch-barcode-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.branch-barcode-section .section-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.branch-barcode-section .header-actions{display:flex;gap:8px}.branch-barcode-section .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.branch-barcode-section .btn:disabled{opacity:.6;cursor:not-allowed}.branch-barcode-section .btn-primary{background:#3b82f6;color:#fff}.branch-barcode-section .btn-primary:hover:not(:disabled){background:#2563eb}.branch-barcode-section .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.branch-barcode-section .btn-secondary:hover:not(:disabled){background:#e5e7eb}.branch-barcode-section .btn-print{background:#10b981;color:#fff}.branch-barcode-section .btn-print:hover:not(:disabled){background:#059669}.branch-barcode-section .btn-danger{background:#ef4444;color:#fff}.branch-barcode-section .btn-danger:hover:not(:disabled){background:#dc2626}.branch-barcode-section .btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-size:13px}.branch-barcode-section .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#6b7280}.branch-barcode-section .spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.branch-barcode-section .error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:16px}.branch-barcode-section .no-barcode-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.branch-barcode-section .no-barcode-icon{font-size:48px;margin-bottom:12px}.branch-barcode-section .no-barcode-state p{margin:0 0 16px;color:#6b7280}.branch-barcode-section .no-barcode-state .hint{font-size:13px;color:#9ca3af;margin-top:8px}.branch-barcode-section .barcode-display{display:flex;flex-direction:column;gap:20px}.branch-barcode-section .barcode-visual{display:flex;justify-content:center;padding:24px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.branch-barcode-section .barcode-info{display:flex;flex-direction:column;gap:12px}.branch-barcode-section .info-row{display:flex;align-items:center;gap:12px}.branch-barcode-section .info-row .label{font-size:13px;color:#6b7280;min-width:120px}.branch-barcode-section .info-row .value{font-size:14px;color:#111827}.branch-barcode-section .info-row .value.mono{font-family:Courier New,monospace;font-weight:600;background:#f3f4f6;padding:4px 12px;border-radius:4px;letter-spacing:1px}.branch-barcode-section .modal-content{padding:8px 0}.branch-barcode-section .warning-message{display:flex;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:20px}.branch-barcode-section .warning-icon{font-size:24px;flex-shrink:0}.branch-barcode-section .warning-message strong{display:block;color:#92400e;margin-bottom:4px}.branch-barcode-section .warning-message p{margin:4px 0;color:#78350f;font-size:14px}.branch-barcode-section .current-barcode{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f3f4f6;border-radius:6px;margin-bottom:20px;font-size:14px}.branch-barcode-section .current-barcode code{font-family:Courier New,monospace;font-weight:600;color:#111827}.branch-barcode-section .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}@media (max-width: 640px){.branch-barcode-section .section-header{flex-direction:column;gap:12px;align-items:flex-start}.branch-barcode-section .header-actions{width:100%}.branch-barcode-section .header-actions .btn{flex:1;justify-content:center}.branch-barcode-section .info-row{flex-direction:column;align-items:flex-start;gap:4px}}.asset-barcode-section{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:20px;margin-bottom:24px}.asset-barcode-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.asset-barcode-section .section-header h3{margin:0;font-size:15px;font-weight:600;color:#111827}.asset-barcode-section .btn-print{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.asset-barcode-section .btn-print:hover{background:#059669}.asset-barcode-section .no-barcode-state{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center;color:#6b7280}.asset-barcode-section .no-barcode-icon{font-size:36px;margin-bottom:8px}.asset-barcode-section .no-barcode-state p{margin:0;font-size:14px}.asset-barcode-section .barcode-display{display:flex;flex-direction:column;align-items:center;gap:16px}.asset-barcode-section .barcode-visual{display:flex;justify-content:center;padding:20px 32px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.asset-barcode-section .barcode-value-display{display:flex;align-items:center;gap:10px;font-size:14px}.asset-barcode-section .barcode-value-display .label{color:#6b7280}.asset-barcode-section .barcode-value-display code{font-family:Courier New,monospace;font-size:15px;font-weight:600;color:#111827;background:#f3f4f6;padding:6px 14px;border-radius:4px;letter-spacing:1px}@media (max-width: 480px){.asset-barcode-section .barcode-visual{padding:16px 20px}.asset-barcode-section .barcode-visual svg{max-width:100%;height:auto}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-container{width:100%;max-width:450px;padding:20px}.auth-header{text-align:center;margin-bottom:32px;color:#fff}.auth-header h1{font-size:28px;margin-bottom:8px}.auth-header p{font-size:16px;opacity:.9}.login-form{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003}.login-form h2{text-align:center;margin-bottom:24px;color:var(--text-primary)}.main-layout{display:flex;min-height:100vh;background-color:var(--background)}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-right .3s;min-width:0}.main-content.sidebar-open{margin-right:var(--sidebar-width)}.main-content.sidebar-closed{margin-right:var(--sidebar-closed-width)}.content-area{flex:1;padding:24px;margin-top:var(--header-height);min-width:0;overflow-x:auto}.sidebar{position:fixed;top:0;right:0;height:100vh;background-color:#1e293b;color:#fff;transition:width .3s;z-index:1000;display:flex;flex-direction:column}.sidebar.open{width:var(--sidebar-width)}.sidebar.closed{width:var(--sidebar-closed-width)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.logo-icon{font-size:32px}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 0}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:var(--primary-color);color:#fff}.nav-icon{font-size:20px;min-width:20px}.sidebar.closed .nav-text{display:none}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.user-details{flex:1}.user-name{font-weight:600;font-size:14px}.user-role{font-size:12px;color:#fff9}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:999}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{background:none;border:none;font-size:24px;cursor:pointer;padding:8px}.page-title{font-size:20px;font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;background:none;border:none;font-size:24px;cursor:pointer;padding:8px}.notification-badge{position:absolute;top:4px;right:4px;background-color:var(--danger-color);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border-color);padding:8px 12px;border-radius:8px;cursor:pointer}.user-avatar-small{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000}.dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-color)}.dropdown-user-name{font-weight:600;margin-bottom:4px}.dropdown-user-email{font-size:12px;color:var(--text-secondary)}.dropdown-menu{list-style:none;padding:8px 0}.dropdown-menu button{width:100%;padding:10px 16px;background:none;border:none;text-align:right;cursor:pointer;transition:background-color .2s}.dropdown-menu button:hover{background-color:var(--background)}.logout-btn{color:var(--danger-color)}.page{background-color:var(--surface);border-radius:8px;padding:24px;min-height:calc(100vh - var(--header-height) - 48px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700}.page-content{margin-top:24px}.header-actions{display:flex;gap:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:flex-start;gap:16px}.dashboard-card.card-primary{border-top:4px solid var(--primary-color)}.dashboard-card.card-success{border-top:4px solid var(--success-color)}.dashboard-card.card-warning{border-top:4px solid var(--warning-color)}.dashboard-card.card-info{border-top:4px solid #3b82f6}.card-icon{font-size:32px}.card-content{flex:1}.card-content h3{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.card-value{font-size:32px;font-weight:700;color:var(--text-primary)}.card-footer{font-size:12px;color:var(--text-secondary);margin-top:8px}.dashboard-sections{display:grid;grid-template-columns:2fr 1fr;gap:24px}.recent-activity,.pending-tasks{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px}.activity-list,.tasks-list{display:flex;flex-direction:column;gap:12px}.activity-item,.task-item{padding:12px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:12px}.activity-item:hover,.task-item:hover{background-color:var(--background)}.activity-icon,.task-priority{font-size:20px}.activity-details,.task-details{flex:1}.activity-title,.task-title{font-weight:600;margin-bottom:4px}.activity-meta,.task-meta{font-size:12px;color:var(--text-secondary)}.filters-section{margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.form-card{background-color:#fff;padding:24px;border-radius:8px}.form-row{margin-bottom:20px}.form-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.details-card{background-color:#fff;padding:24px;border-radius:8px;margin-bottom:24px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-label{font-weight:600;color:var(--text-secondary)}.detail-value{color:var(--text-primary)}.status-badge,.priority-badge,.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.status-active,.status-badge.status-completed{background-color:#d1fae5;color:#065f46}.status-badge.status-inactive,.status-badge.status-cancelled{background-color:#fee2e2;color:#991b1b}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-in_progress,.status-badge.status-assigned{background-color:#dbeafe;color:#1e40af}.priority-badge.priority-high{background-color:#fee2e2;color:#991b1b}.priority-badge.priority-medium{background-color:#fef3c7;color:#92400e}.priority-badge.priority-low{background-color:#d1fae5;color:#065f46}.role-badge{background-color:#e0e7ff;color:#3730a3}.action-buttons{display:flex;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.btn-icon:hover{background-color:var(--background)}.btn-icon.btn-danger:hover{background-color:#fee2e2}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-info{font-size:14px;color:var(--text-secondary)}.wo-number{font-family:monospace;font-weight:600;color:var(--primary-color)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.report-card{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.report-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.report-icon{font-size:48px;margin-bottom:16px}.report-card h3{margin-bottom:12px}.report-card p{color:var(--text-secondary);margin-bottom:16px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.summary-card{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.summary-value{font-size:36px;font-weight:700;color:var(--primary-color);margin-top:8px}.report-table{background-color:#fff;border-radius:8px;padding:24px;margin-top:24px}.contract-utilization-card{background-color:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.utilization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:16px 0}.util-item{display:flex;flex-direction:column;gap:4px}.util-label{font-size:12px;color:var(--text-secondary)}.util-value{font-size:18px;font-weight:600;color:var(--text-primary)}.progress-bar{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-top:16px}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s}.loading-state,.error-state{text-align:center;padding:40px;color:var(--text-secondary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-selection-info{display:flex;align-items:center;gap:1rem}.selection-count{font-weight:600;color:#1e40af}.btn-link-small{background:none;border:none;color:#3b82f6;font-size:.8125rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s}.btn-link-small:hover{background:#3b82f61a;text-decoration:underline}.bulk-action-buttons{display:flex;gap:.75rem}.btn-bulk-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s;border:none}.btn-bulk-action.btn-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.btn-bulk-action.btn-warning:hover:not(:disabled){background:#fde68a}.btn-bulk-action.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-bulk-action.btn-secondary:hover:not(:disabled){background:#f3f4f6}.btn-bulk-action:disabled{opacity:.5;cursor:not-allowed}.checkbox-column{width:40px;text-align:center}.checkbox-wrapper{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.checkbox-disabled{color:#9ca3af;font-size:.875rem}.row-selected{background-color:#eff6ff!important}.row-selected:hover{background-color:#dbeafe!important}.dashboard-refresh-controls{display:flex;align-items:center;gap:1rem}.refresh-status{display:flex;align-items:center;font-size:.8125rem;color:#6b7280}.refresh-indicator{display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-weight:500}.refresh-spinner{width:14px;height:14px;border:2px solid #bfdbfe;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.last-refresh-time{padding:.25rem .75rem;background:#f3f4f6;border-radius:4px}.refresh-actions{display:flex;gap:.5rem}.btn-auto-refresh,.btn-manual-refresh{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid #d1d5db;background:#fff;color:#374151}.btn-auto-refresh:hover,.btn-manual-refresh:hover:not(:disabled){background:#f3f4f6}.btn-auto-refresh.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.btn-manual-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-label{display:none}@media (min-width: 768px){.btn-label{display:inline}}.dashboard-card.refreshing,.recent-activity.refreshing,.pending-tasks.refreshing{position:relative}.dashboard-card.refreshing:after,.recent-activity.refreshing:after,.pending-tasks.refreshing:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:8px 8px 0 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notification-btn.active{background:#eff6ff;border-radius:8px}.notifications{position:relative}@media (max-width: 768px){.bulk-actions-bar{flex-direction:column;align-items:stretch;gap:.75rem}.bulk-selection-info{justify-content:space-between}.bulk-action-buttons{justify-content:stretch}.btn-bulk-action{flex:1;justify-content:center}.dashboard-refresh-controls{flex-direction:column;align-items:flex-end;gap:.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-refresh-controls{width:100%;justify-content:space-between}}.status-badge.status-suspended{background-color:#fef3c7;color:#92400e}.status-badge.status-deactivated{background-color:#fee2e2;color:#991b1b}.row-deactivated{opacity:.6;background-color:#f9fafb}.row-deactivated:hover{background-color:#f3f4f6}:root{--font-family-primary: "IBM Plex Sans Arabic", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "IBM Plex Mono", "Consolas", "Monaco", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-color: var(--primary-600);--primary-hover: var(--primary-700);--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--success-color: var(--success-500);--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--warning-color: var(--warning-500);--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--danger-color: var(--danger-500);--info-50: #ecfeff;--info-100: #cffafe;--info-200: #a5f3fc;--info-300: #67e8f9;--info-400: #22d3ee;--info-500: #06b6d4;--info-600: #0891b2;--info-700: #0e7490;--info-800: #155e75;--info-900: #164e63;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--secondary-color: var(--neutral-500);--background: var(--neutral-50);--surface: #ffffff;--border-color: var(--neutral-200);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--bg-primary: var(--neutral-50);--bg-secondary: #ffffff;--text-inverse: #ffffff;--color-primary-50: var(--primary-50);--color-primary-100: var(--primary-100);--color-primary-200: var(--primary-200);--color-primary-300: var(--primary-300);--color-primary-400: var(--primary-400);--color-primary-500: var(--primary-500);--color-primary-600: var(--primary-600);--color-primary-700: var(--primary-700);--color-primary-800: var(--primary-800);--color-primary-900: var(--primary-900);--color-neutral-50: var(--neutral-50);--color-neutral-100: var(--neutral-100);--color-neutral-200: var(--neutral-200);--color-neutral-300: var(--neutral-300);--color-neutral-400: var(--neutral-400);--color-neutral-500: var(--neutral-500);--color-neutral-600: var(--neutral-600);--color-neutral-700: var(--neutral-700);--color-neutral-800: var(--neutral-800);--color-neutral-900: var(--neutral-900);--color-success-50: var(--success-50);--color-success-500: var(--success-500);--color-success-600: var(--success-600);--color-success-700: var(--success-700);--color-warning-50: var(--warning-50);--color-warning-500: var(--warning-500);--color-warning-600: var(--warning-600);--color-warning-700: var(--warning-700);--color-danger-50: var(--danger-50);--color-danger-500: var(--danger-500);--color-danger-600: var(--danger-600);--color-danger-700: var(--danger-700);--color-info-50: var(--info-50);--color-info-200: var(--info-200);--color-info-500: var(--info-500);--color-info-600: var(--info-600);--color-info-700: var(--info-700);--border-default: var(--neutral-200);--border-strong: var(--neutral-300);--interactive-hover: var(--neutral-100);--interactive-active: var(--neutral-200);--sidebar-width-expanded: var(--sidebar-width);--sidebar-width-collapsed: var(--sidebar-collapsed-width);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--content-max-width: 1440px;--size-icon-sm: 32px;--size-icon-md: 40px;--size-icon-lg: 48px;--size-icon-xl: 60px;--size-icon-xxl: 80px;--size-input-sm: 60px;--size-input-md: 160px;--size-input-lg: 200px;--size-input-xl: 400px;--size-input-search: 320px;--size-checkbox-col: 48px;--size-avatar-sm: 32px;--size-avatar-md: 40px;--size-avatar-lg: 56px;--size-thumbnail: 80px;--size-card-min: 180px;--size-card-sm: 200px;--size-card-md: 300px;--size-auth-container: 420px;--size-progress: 8px;--size-sidebar-icon: 70px;--size-table-col-sm: 100px;--size-tooltip: 250px;--size-skeleton-label: 14px;--size-skeleton-value: 32px;--size-sidebar-min: 150px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1440px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--neutral-400)}.text-mono{font-family:var(--font-family-mono)}code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--neutral-100);padding:.125em .375em;border-radius:4px;color:var(--neutral-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{height:36px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-primary{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700)}.btn-primary:active:not(:disabled){background-color:var(--primary-800)}.btn-secondary{background-color:#fff;color:var(--neutral-700);border-color:var(--neutral-200)}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-400)}.btn-secondary:active:not(:disabled){background-color:var(--neutral-100)}.btn-danger{background-color:var(--danger-600);color:#fff;border-color:var(--danger-600)}.btn-danger:hover:not(:disabled){background-color:var(--danger-700);border-color:var(--danger-700)}.btn-danger:active:not(:disabled){background-color:var(--danger-800)}.btn-warning{background-color:var(--warning-500);color:#fff;border-color:var(--warning-500)}.btn-warning:hover:not(:disabled){background-color:var(--warning-600);border-color:var(--warning-600)}.btn-success{background-color:var(--success-600);color:#fff;border-color:var(--success-600)}.btn-success:hover:not(:disabled){background-color:var(--success-700);border-color:var(--success-700)}.btn-ghost{background-color:transparent;color:var(--neutral-600);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--neutral-100)}.btn-link{background-color:transparent;color:var(--primary-600);border-color:transparent;padding:0}.btn-link:hover:not(:disabled){color:var(--primary-700);text-decoration:underline}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;color:var(--neutral-600);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-icon.btn-icon-sm{width:32px;height:32px}.btn-icon:hover:not(:disabled){background-color:var(--neutral-100);color:var(--neutral-900)}.btn-icon:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-icon.btn-icon-danger:hover:not(:disabled){background-color:var(--danger-50);color:var(--danger-600)}.btn-icon.btn-icon-warning:hover:not(:disabled){background-color:var(--warning-50);color:var(--warning-600)}.btn-icon.btn-icon-success:hover:not(:disabled){background-color:var(--success-50);color:var(--success-600)}.btn-block{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-label-required:after{content:" *";color:var(--danger-500)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family-primary);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--neutral-400)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-input:disabled{background-color:var(--neutral-100);color:var(--neutral-500);cursor:not-allowed}.form-input-error{border-color:var(--danger-500)}.form-input-error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-100)}.form-input-success{border-color:var(--success-500)}.form-input-success:focus{border-color:var(--success-500);box-shadow:0 0 0 3px var(--success-100)}.form-hint{font-size:var(--text-sm);color:var(--text-secondary)}.form-error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--danger-600)}.form-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox-input{width:18px;height:18px;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);cursor:pointer;accent-color:var(--primary-600)}.form-checkbox-label{font-size:var(--text-sm);color:var(--text-primary)}.form-radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-radio-input{width:18px;height:18px;border:1px solid var(--neutral-300);cursor:pointer;accent-color:var(--primary-600)}.form-radio-label{font-size:var(--text-sm);color:var(--text-primary)}.search-input-wrapper{position:relative;display:inline-flex;align-items:center}.search-input-icon{position:absolute;right:var(--space-3);color:var(--neutral-400);pointer-events:none}.search-input{padding-right:var(--space-10)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:left .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-left:2.5rem}.form-textarea{min-height:100px;resize:vertical}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge--warning{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge--info{background-color:var(--info-50);color:var(--info-700);border:1px solid var(--info-200)}.badge--primary{background-color:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.badge--success{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.badge--neutral{background-color:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.badge--danger{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.badge--priority-critical{background-color:var(--danger-500);color:#fff;border:1px solid var(--danger-600)}.badge--priority-high{background-color:var(--warning-500);color:#fff;border:1px solid var(--warning-600)}.badge--priority-medium{background-color:var(--primary-500);color:#fff;border:1px solid var(--primary-600)}.badge--priority-low{background-color:var(--success-500);color:#fff;border:1px solid var(--success-600)}.badge-open,.status-badge-open{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge-assigned,.status-badge-assigned{background-color:var(--info-50);color:var(--info-700);border:1px solid var(--info-200)}.badge-in-progress,.badge-in_progress,.status-badge-in-progress,.status-badge-in_progress{background-color:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.badge-pending,.status-badge-pending{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge-scheduled,.status-badge-scheduled{background-color:var(--info-50);color:var(--info-700);border:1px solid var(--info-200)}.badge-dispatched,.status-badge-dispatched,.badge-arrived,.status-badge-arrived{background-color:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.badge-completed,.status-badge-completed{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.badge-closed,.status-badge-closed{background-color:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.badge-cancelled,.status-badge-cancelled{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.badge-active,.status-badge-active{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.badge-suspended,.status-badge-suspended{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge-terminated,.status-badge-terminated{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.badge-inactive,.status-badge-inactive,.badge-deactivated,.status-badge-deactivated{background-color:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.badge-present,.status-badge-present{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.badge-absent,.status-badge-absent{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.badge-late,.status-badge-late{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge-excused,.status-badge-excused{background-color:var(--info-50);color:var(--info-700);border:1px solid var(--info-200)}.badge-critical,.priority-badge-critical{background-color:var(--danger-500);color:#fff;border:1px solid var(--danger-600)}.badge-high,.priority-badge-high{background-color:var(--warning-500);color:#fff;border:1px solid var(--warning-600)}.badge-medium,.priority-badge-medium{background-color:var(--primary-500);color:#fff;border:1px solid var(--primary-600)}.badge-low,.priority-badge-low{background-color:var(--success-500);color:#fff;border:1px solid var(--success-600)}.badge-role,.role-badge{background-color:var(--info-50);color:var(--info-700);border:1px solid var(--info-200)}.sla-badge{display:inline-flex;align-items:center;gap:var(--space-1)}.sla-success{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.sla-warning{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.sla-danger{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);font-size:11px;font-weight:var(--font-weight-bold);line-height:1;border-radius:var(--radius-full)}.count-badge-danger{background-color:var(--danger-500);color:#fff}.count-badge-warning{background-color:var(--warning-500);color:#fff}.count-badge-primary{background-color:var(--primary-500);color:#fff}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--neutral-200);background-color:var(--neutral-50)}.table-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--neutral-50)}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:right;border-bottom:1px solid var(--neutral-200)}.data-table th{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--neutral-50)}.data-table tbody tr.row-selected{background-color:var(--primary-50)}.data-table tbody tr.row-selected:hover{background-color:var(--primary-100)}.data-table tbody tr.row-deactivated{opacity:.6;background-color:var(--neutral-50)}.data-table tbody tr.row-cancelled{opacity:.7}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.empty-state,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.empty-state-icon,.table-empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title,.table-empty-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description,.table-empty-description{font-size:var(--text-sm);max-width:400px;margin-bottom:var(--space-6)}.empty-state-actions,.table-empty-actions{display:flex;align-items:center;gap:var(--space-3)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;z-index:var(--z-modal);animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--neutral-200)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);color:var(--neutral-500);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--neutral-100);color:var(--neutral-700)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--neutral-200);background-color:var(--neutral-50)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-full{width:100%}.focus-ring:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.main-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-right var(--transition-normal)}.main-content.sidebar-expanded{margin-right:var(--sidebar-width-expanded)}.main-content.sidebar-collapsed{margin-right:var(--sidebar-width-collapsed)}.content-area{flex:1;padding:var(--space-6);margin-top:var(--header-height);max-width:var(--content-max-width);min-width:0;overflow-x:auto}.sidebar{position:fixed;top:0;right:0;height:100vh;background-color:var(--color-neutral-900);color:var(--text-inverse);transition:width var(--transition-normal);z-index:var(--z-sticky);display:flex;flex-direction:column}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0 var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--text-inverse);text-decoration:none}.sidebar-logo-icon{width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-600);border-radius:var(--radius-lg);font-size:var(--text-xl)}.sidebar-logo-text{font-size:var(--text-xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4) 0}.nav-group{margin-bottom:var(--space-2)}.nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-group-header:hover{color:#ffffffb3}.nav-group-chevron{transition:transform var(--transition-fast)}.nav-group.collapsed .nav-group-chevron{transform:rotate(-90deg)}.nav-group.collapsed .nav-group-items,.sidebar.collapsed .nav-group-header{display:none}.nav-list{list-style:none}.nav-item{margin:var(--space-0-5) var(--space-2)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);color:#ffffffb3;text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav-link:hover{background-color:#ffffff1a;color:var(--text-inverse)}.nav-link.active{background-color:var(--color-primary-600);color:var(--text-inverse)}.nav-link-icon{flex-shrink:0;width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center}.nav-link-text{font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.sidebar.collapsed .nav-link-text{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--space-2-5);position:relative}.sidebar.collapsed .nav-link:after{content:attr(title);position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-neutral-800);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.sidebar.collapsed .nav-link:hover:after{opacity:1;visibility:visible;margin-right:var(--space-3)}.nav-link:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.nav-group-header:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px;border-radius:var(--radius-sm)}.sidebar-footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3)}.sidebar-user-avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);background-color:var(--color-primary-500);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-lg);flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-inverse);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--text-xs);color:#fff9}.sidebar-user-scope{font-size:var(--text-xs);color:var(--color-primary-300);margin-top:var(--space-0-5)}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-toggle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-800);border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);z-index:10}.sidebar-toggle:hover{background-color:var(--color-neutral-700)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:var(--z-sticky);transition:right var(--transition-normal)}.header.sidebar-expanded{right:var(--sidebar-width-expanded)}.header.sidebar-collapsed{right:var(--sidebar-width-collapsed)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-toggle{display:none;width:var(--space-10);height:var(--space-10);align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-toggle:hover{background-color:var(--interactive-hover);color:var(--text-primary)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--text-tertiary)}.header-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-notifications{position:relative}.header-notification-btn{position:relative;width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-notification-btn:hover{background-color:var(--interactive-hover);color:var(--text-primary)}.header-notification-btn.active{background-color:var(--color-primary-50);color:var(--color-primary-600)}.header-notification-badge{position:absolute;top:var(--space-1);right:var(--space-1);min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-1);background-color:var(--color-danger-500);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.header-user-menu{position:relative}.header-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);background-color:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.header-user-btn:hover{background-color:var(--interactive-hover);border-color:var(--border-strong)}.header-user-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background-color:var(--color-primary-600);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.header-user-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.header-user-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.header-user-btn[aria-expanded=true] .header-user-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:var(--size-input-lg);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:dropdown-appear var(--transition-fast)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.user-dropdown-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.user-dropdown-email{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-0-5)}.user-dropdown-menu{list-style:none;padding:var(--space-2) 0}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background-color:transparent;border:none;text-align:right;cursor:pointer;transition:background-color var(--transition-fast)}.user-dropdown-item:hover{background-color:var(--interactive-hover)}.user-dropdown-item.danger{color:var(--color-danger-600)}.user-dropdown-item.danger:hover{background-color:var(--color-danger-50)}.page{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-default);min-height:calc(100vh - var(--header-height) - var(--space-12))}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-default)}.page-title-icon{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.page-content{padding:var(--space-6)}.scope-indicator{margin-bottom:var(--space-4)}.scope-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-info-700);background-color:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--radius-lg)}.filters-section{margin-bottom:var(--space-4)}.filters-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.search-input{flex:1;min-width:var(--size-input-lg);max-width:var(--size-input-search)}.filter-select{min-width:var(--size-sidebar-min)}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);animation:slide-down var(--transition-fast)}@keyframes slide-down{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}to{opacity:1;transform:translateY(0)}}.bulk-selection-info{display:flex;align-items:center;gap:var(--space-4)}.bulk-action-buttons{display:flex;gap:var(--space-2)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-800) 0%,var(--color-primary-900) 100%);padding:var(--space-4)}.auth-container{width:100%;max-width:var(--size-auth-container)}.auth-logo{text-align:center;margin-bottom:var(--space-6)}.auth-logo-icon{width:var(--space-16);height:var(--space-16);display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-primary-600);border-radius:var(--radius-2xl);margin-bottom:var(--space-3)}.auth-logo-text{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-inverse)}.auth-card{background-color:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.auth-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-1)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6)}.auth-footer{text-align:center;margin-top:var(--space-6);color:#ffffffb3;font-size:var(--text-sm)}.auth-footer-version{font-size:var(--text-xs);margin-top:var(--space-1);opacity:.7}.auth-language-switch{position:fixed;top:var(--space-4);left:var(--space-4)}@media (max-width: 1024px){.sidebar{transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-right:0}.header{right:0}.header-toggle{display:flex}}@media (max-width: 768px){.content-area{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-actions{width:100%;justify-content:flex-start}.filters-grid{flex-direction:column;align-items:stretch}.search-input{max-width:none}.bulk-actions-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.bulk-action-buttons{justify-content:stretch}.bulk-action-buttons .btn{flex:1;justify-content:center}}.page-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-neutral-200)}.page-header-main{flex:1}.page-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.page-title-icon{color:var(--color-primary-600)}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-actions{display:flex;align-items:center;gap:var(--space-3)}.page-body{padding:var(--space-6)}.scope-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--radius-md);color:var(--color-info-700);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.filters-bar .search-wrapper{flex:1;max-width:var(--size-input-xl);min-width:var(--size-input-lg)}.filters-bar .filter-select{min-width:var(--size-input-md)}.filters-actions{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border-bottom:1px solid var(--color-primary-200);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-selection-info{display:flex;align-items:center;gap:var(--space-3)}.bulk-selection-count{font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.bulk-selection-count strong{font-weight:var(--font-weight-bold)}.bulk-actions-buttons{display:flex;align-items:center;gap:var(--space-2)}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.th-sortable:hover{color:var(--text-primary)}.th-sortable .sort-indicator{margin-right:var(--space-1);opacity:.4}.th-sortable.sorted .sort-indicator{opacity:1;color:var(--color-primary-600)}.td-actions{display:flex;align-items:center;gap:var(--space-1)}.col-checkbox{width:var(--size-checkbox-col);text-align:center}.tr-highlighted{background-color:var(--color-warning-50)!important}.tr-selected{background-color:var(--color-primary-50)!important}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-neutral-200)}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--space-4)}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:var(--size-icon-sm);height:var(--size-icon-sm);padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--text-primary)}.pagination-page.active{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.pagination-per-page{display:flex;align-items:center;gap:var(--space-2)}.pagination-per-page label{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-per-page select{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md)}.pagination-jump{display:flex;align-items:center;gap:var(--space-2)}.pagination-jump input{width:var(--size-input-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);text-align:center}.stat-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border-top:4px solid var(--color-primary-500);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.stat-card-success{border-top-color:var(--color-success-500)}.stat-card.stat-card-warning{border-top-color:var(--color-warning-500)}.stat-card.stat-card-danger{border-top-color:var(--color-danger-500)}.stat-card.stat-card-info{border-top-color:var(--color-info-500)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stat-card-icon{width:var(--size-icon-md);height:var(--size-icon-md);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-md)}.stat-card.stat-card-success .stat-card-icon{background-color:var(--color-success-50);color:var(--color-success-600)}.stat-card.stat-card-warning .stat-card-icon{background-color:var(--color-warning-50);color:var(--color-warning-600)}.stat-card.stat-card-danger .stat-card-icon{background-color:var(--color-danger-50);color:var(--color-danger-600)}.stat-card.stat-card-info .stat-card-icon{background-color:var(--color-info-50);color:var(--color-info-600)}.stat-card-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.stat-card-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.stat-card-trend.up{color:var(--color-success-600)}.stat-card-trend.down{color:var(--color-danger-600)}.stat-card-trend-label{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.stat-card-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between}.stat-card-icon{color:var(--text-tertiary)}.stat-card-loading{padding:var(--space-2) 0}.critical-alert{position:relative;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--color-danger-50) 0%,var(--color-danger-100) 100%);border:2px solid var(--color-danger-500);border-radius:var(--radius-lg);overflow:hidden}.critical-alert:before{content:"";position:absolute;top:0;right:0;width:var(--space-1);height:100%;background-color:var(--color-danger-500);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.critical-alert-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.critical-alert-icon{width:var(--size-icon-md);height:var(--size-icon-md);display:flex;align-items:center;justify-content:center;background-color:var(--color-danger-500);color:#fff;border-radius:var(--radius-full)}.critical-alert-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-danger-800)}.critical-alert-count{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-danger-700)}.critical-alert-description{font-size:var(--text-sm);color:var(--color-danger-700);margin-top:var(--space-1)}.critical-alert-action{margin-top:var(--space-3)}.warning-alert{background:linear-gradient(135deg,var(--color-warning-50) 0%,var(--color-warning-100) 100%);border-color:var(--color-warning-500)}.warning-alert:before{background-color:var(--color-warning-500)}.warning-alert .critical-alert-icon{background-color:var(--color-warning-500)}.warning-alert .critical-alert-title{color:var(--color-warning-800)}.warning-alert .critical-alert-count,.warning-alert .critical-alert-description{color:var(--color-warning-700)}.alert-box{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid;line-height:1.5}.alert-box-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.alert-box-icon svg{width:16px;height:16px}.alert-box-content{flex:1;min-width:0;padding-top:1px}.alert-box-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);line-height:1.4}.alert-box-message{font-size:var(--text-sm);line-height:1.5}.alert-box-message p{margin:0;line-height:inherit}.alert-box-message p+p{margin-top:var(--space-1)}.alert-box-info{background-color:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-700)}.alert-box-success{background-color:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.alert-box-warning{background-color:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.alert-box-error{background-color:var(--color-danger-50);border-color:var(--color-danger-200);color:var(--color-danger-700)}.form-section{padding:var(--space-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.form-section-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.form-row{display:grid;gap:var(--space-4)}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-neutral-200);margin-top:var(--space-6)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{width:var(--size-thumbnail);height:var(--size-thumbnail);display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-100);color:var(--color-neutral-400);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.empty-state-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:var(--size-input-xl);margin-bottom:var(--space-6)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12)}.loading-spinner{width:var(--size-icon-md);height:var(--size-icon-md);border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-3)}.dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:100%;right:0;min-width:var(--size-card-min);padding:var(--space-2) 0;background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:none;border:none;text-align:right;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--color-neutral-50)}.dropdown-item.danger{color:var(--color-danger-600)}.dropdown-item.danger:hover{background-color:var(--color-danger-50)}.dropdown-divider{height:1px;margin:var(--space-2) 0;background-color:var(--color-neutral-200)}.tooltip{position:relative;display:inline-flex}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-neutral-800);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-neutral-200)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.tab-content{padding:var(--space-5) 0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--size-avatar-md);height:var(--size-avatar-md);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:#fff;background-color:var(--color-primary-500);border-radius:var(--radius-full);overflow:hidden}.avatar-sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm);font-size:var(--text-xs)}.avatar-lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg);font-size:var(--text-lg)}.avatar img{width:100%;height:100%;object-fit:cover}.progress{height:var(--size-progress);background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--color-primary-500);border-radius:var(--radius-full);transition:width .3s ease}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}.icon-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.hide-mobile{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-actions{width:100%;justify-content:flex-start}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .search-wrapper{max-width:none}.bulk-actions-bar,.pagination-container{flex-direction:column;gap:var(--space-3)}.pagination-controls{width:100%;justify-content:center}}@media (min-width: 769px){.hide-desktop{display:none!important}}.dashboard-page .page-content{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-tier{width:100%}.dashboard-tier-1{margin-bottom:var(--space-2)}.dashboard-alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.dashboard-tier-2{margin-bottom:var(--space-2)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1200px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-stats-grid{grid-template-columns:1fr}}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 1024px){.dashboard-widgets-grid{grid-template-columns:1fr}}.widget-list{list-style:none;margin:0;padding:0}.widget-list-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-default);cursor:pointer;transition:background-color var(--transition-fast)}.widget-list-item:last-child{border-bottom:none}.widget-list-item:hover{background-color:var(--interactive-hover)}.widget-list-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.widget-list-item-danger{background-color:var(--color-danger-50)}.widget-list-item-danger:hover{background-color:var(--color-danger-100)}.widget-list-item-main{display:flex;align-items:center;gap:var(--space-2)}.widget-list-item-main .wo-number{color:var(--text-brand);font-size:var(--text-sm);white-space:nowrap}.widget-list-item-main .wo-title{color:var(--text-primary);font-size:var(--text-sm);flex:1;min-width:0}.widget-list-item-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.widget-empty-success{color:var(--color-success-600)}.attendance-stats{display:flex;justify-content:space-around;padding:var(--space-4) 0}.attendance-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.attendance-stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.attendance-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.attendance-progress{padding-top:var(--space-4);border-top:1px solid var(--border-default)}.progress-bar-container{height:var(--space-2);background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-bar{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-bar.success{background-color:var(--color-success-500)}.progress-bar.warning{background-color:var(--color-warning-500)}.progress-bar.danger{background-color:var(--color-danger-500)}.attendance-rate{display:block;text-align:center}.dashboard-refresh-controls{display:flex;align-items:center;gap:var(--space-3)}.refresh-indicator{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.last-refresh-time{font-size:var(--text-sm);color:var(--text-tertiary)}.data-table-wrapper{display:flex;flex-direction:column;gap:var(--space-4)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.table-toolbar-left{flex:1;display:flex;align-items:center;gap:var(--space-3)}.table-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.column-picker-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:var(--size-input-lg);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:dropdown-appear var(--transition-fast)}.column-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);font-weight:var(--font-weight-medium)}.column-picker-list{list-style:none;padding:var(--space-2);max-height:var(--size-card-md);overflow-y:auto}.column-picker-item{padding:var(--space-1)}.column-picker-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.column-picker-label:hover{background-color:var(--interactive-hover)}.column-picker-label input[type=checkbox]{width:var(--space-4);height:var(--space-4)}.table-header-sort{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;font-weight:inherit;font-size:inherit;color:inherit;cursor:pointer;white-space:nowrap}.table-header-sort:hover{color:var(--text-primary)}.sort-icons{display:flex;flex-direction:column;margin-right:var(--space-1)}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.pagination-ellipsis{padding:0 var(--space-2);color:var(--text-tertiary)}.pagination-jump{display:flex;align-items:center;gap:var(--space-2);margin-right:var(--space-4)}.pagination-jump-input{width:var(--size-sidebar-icon);padding:var(--space-1-5) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.pagination-jump-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--ring-color)}.table-actions{display:flex;align-items:center;gap:var(--space-1);justify-content:flex-start}.form-success{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-success-600)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .form-input{padding-right:var(--space-10)}.input-with-icon.icon-end .form-input{padding-right:var(--space-3);padding-left:var(--space-10)}.input-icon{position:absolute;right:var(--space-3);color:var(--text-tertiary);pointer-events:none}.input-with-icon.icon-end .input-icon{right:auto;left:var(--space-3)}.input-with-icon.focused .input-icon{color:var(--color-primary-600)}.textarea-wrapper{position:relative}.form-textarea{resize:vertical;min-height:var(--size-table-col-sm)}.textarea-count{position:absolute;bottom:var(--space-2);left:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-wrapper.disabled{opacity:.5;cursor:not-allowed}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-indicator{width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.checkbox-wrapper input:checked+.checkbox-indicator{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--text-inverse)}.checkbox-wrapper input:focus-visible+.checkbox-indicator{box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.checkbox-label{font-size:var(--text-sm);color:var(--text-primary)}.radio-group{display:flex;gap:var(--space-4)}.radio-group-vertical{flex-direction:column;gap:var(--space-3)}.radio-wrapper{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.radio-wrapper.disabled{opacity:.5;cursor:not-allowed}.radio-wrapper input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-indicator{width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-full);transition:all var(--transition-fast)}.radio-indicator:after{content:"";width:var(--space-2-5);height:var(--space-2-5);border-radius:var(--radius-full);background-color:transparent;transition:background-color var(--transition-fast)}.radio-wrapper input:checked+.radio-indicator{border-color:var(--color-primary-600)}.radio-wrapper input:checked+.radio-indicator:after{background-color:var(--color-primary-600)}.radio-wrapper input:focus-visible+.radio-indicator{box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.radio-label{font-size:var(--text-sm);color:var(--text-primary)}.search-input-wrapper{position:relative;display:flex;align-items:center;max-width:var(--size-input-search);width:100%}.search-input-wrapper .search-icon{position:absolute;right:var(--space-3);color:var(--text-tertiary);pointer-events:none}.search-input-wrapper .search-input{width:100%;padding:var(--space-2-5) var(--space-10);font-size:var(--text-sm);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.search-input-wrapper .search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.search-input-wrapper .search-clear{position:absolute;left:var(--space-2);display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-input-wrapper .search-clear:hover{background-color:var(--interactive-hover);color:var(--text-primary)}.form-section{border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.form-section-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.form-section-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.form-actions{display:flex;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-default);margin-top:var(--space-6)}.form-actions-start{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-end{justify-content:flex-end}.form-actions-between{justify-content:space-between}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.loading-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:var(--z-modal)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--size-input-xl);gap:var(--space-4)}.loading-text{font-size:var(--text-sm);color:var(--text-secondary)}.spinner{border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:var(--space-4);height:var(--space-4);border-width:2px}.spinner-md{width:var(--space-6);height:var(--space-6)}.spinner-lg{width:var(--space-8);height:var(--space-8)}.spinner-xl{width:var(--space-12);height:var(--space-12);border-width:var(--space-1)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-text{height:var(--space-4)}.skeleton-card{padding:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.skeleton-card .skeleton-header{height:var(--space-6);width:50%;margin-bottom:var(--space-4)}.skeleton-card .skeleton-body{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-table{display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-table-header,.skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-3) var(--space-4)}.skeleton-table-header{background-color:var(--color-neutral-100);border-radius:var(--radius-md)}.skeleton-table-row{border-bottom:1px solid var(--border-default)}.skeleton-cell{height:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);background-color:var(--color-primary-600);color:var(--text-inverse);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4);outline:2px solid var(--text-inverse);outline-offset:2px}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}*:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.form-input,.form-select,.form-textarea{border-width:2px}.badge{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border-top-color:var(--color-primary-600);opacity:.7}.skeleton{animation:none;background:var(--color-neutral-200)}}[data-focus-trap=active]{outline:2px dashed var(--color-primary-400);outline-offset:var(--space-1)}.live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tooltip-trigger{display:inline-block}.tooltip{padding:var(--space-2) var(--space-3);background-color:var(--color-neutral-900);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);max-width:var(--size-tooltip);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);animation:tooltip-appear var(--transition-fast) ease-out}@keyframes tooltip-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-arrow{position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-top .tooltip-arrow{bottom:-12px;left:50%;transform:translate(-50%);border-top-color:var(--color-neutral-900)}.tooltip-bottom .tooltip-arrow{top:-12px;left:50%;transform:translate(-50%);border-bottom-color:var(--color-neutral-900)}.tooltip-left .tooltip-arrow{right:-12px;top:50%;transform:translateY(-50%);border-left-color:var(--color-neutral-900)}.tooltip-right .tooltip-arrow{left:-12px;top:50%;transform:translateY(-50%);border-right-color:var(--color-neutral-900)}.skeleton-label{width:60%;height:var(--size-skeleton-label);margin-bottom:var(--space-2)}.skeleton-value{width:40%;height:var(--size-skeleton-value)}.tree-view{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.tree-node{border-bottom:1px solid var(--border-color-light)}.tree-node:last-child{border-bottom:none}.tree-node-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast)}.tree-node-content:hover{background-color:var(--bg-hover)}.tree-node-content--nested{background-color:var(--bg-secondary)}.tree-node-content[data-level="1"]{padding-inline-start:calc(var(--space-4) + var(--space-6))}.tree-node-content[data-level="2"]{padding-inline-start:calc(var(--space-4) + var(--space-12))}.tree-node-content[data-level="3"]{padding-inline-start:calc(var(--space-4) + var(--space-16))}.tree-node-content[data-level="4"]{padding-inline-start:calc(var(--space-4) + var(--space-20))}.tree-node-toggle{width:24px;display:flex;align-items:center;justify-content:center}.tree-node-spacer{width:24px}.tree-node-info{flex:1;min-width:0}.tree-node-name{font-weight:var(--font-weight-semibold);display:block;margin-bottom:2px}.tree-node-code{font-size:var(--text-xs);color:var(--text-secondary)}.tree-node-count{min-width:80px;text-align:center}.tree-node-status{min-width:80px}.tree-node-actions{display:flex;gap:var(--space-1)}.tree-node-children{border-top:1px solid var(--border-color-light)}.card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-tertiary)}.card-empty .icon{opacity:.5}.wizard-progress{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px;background-color:var(--bg-secondary);border-radius:8px;margin-bottom:24px}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:8px}.wizard-step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background-color:var(--bg-tertiary);color:var(--text-secondary)}.wizard-step-circle.active{background-color:var(--primary);color:#fff}.wizard-step-circle.completed{background-color:var(--success);color:#fff}.wizard-step-label{font-size:.75rem;font-weight:400;color:var(--text-secondary)}.wizard-step-label.active{font-weight:600;color:var(--text-primary)}.wizard-step-connector{flex:1;height:2px;max-width:80px;background-color:var(--bg-tertiary);margin-bottom:24px}.wizard-step-connector.completed{background-color:var(--success)}.wizard-card{background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);padding:24px}.wizard-card-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:8px}.wizard-card-subtitle{color:var(--text-secondary);margin-bottom:24px}.wizard-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.batch-list{display:flex;flex-direction:column;gap:12px}.batch-item{padding:16px;background-color:var(--bg-secondary);border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.batch-item:hover{border-color:var(--primary)}.batch-item.disabled{cursor:not-allowed;opacity:.6}.batch-item-header{display:flex;justify-content:space-between;align-items:center}.batch-item-title{font-weight:600;font-size:1rem;margin-bottom:4px}.batch-item-meta{font-size:.875rem;color:var(--text-secondary)}.batch-item-actions{display:flex;align-items:center;gap:12px}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.summary-card{padding:16px;border-radius:8px;text-align:center}.summary-card.primary{background-color:#eff6ff}.summary-card.success{background-color:#ecfdf5}.summary-card.warning{background-color:#fffbeb}.summary-card.danger{background-color:#fef2f2}.summary-card.info{background-color:#f0f9ff}.summary-card-icon{font-size:1.5rem;margin-bottom:4px}.summary-card-value{font-size:1.5rem;font-weight:700}.summary-card.primary .summary-card-value{color:#1e40af}.summary-card.success .summary-card-value{color:#065f46}.summary-card.warning .summary-card-value{color:#92400e}.summary-card.danger .summary-card-value{color:#991b1b}.summary-card.info .summary-card-value{color:#0369a1}.summary-card-label{font-size:.75rem}.summary-card.primary .summary-card-label{color:#1e40af}.summary-card.success .summary-card-label{color:#065f46}.summary-card.warning .summary-card-label{color:#92400e}.summary-card.danger .summary-card-label{color:#991b1b}.summary-card.info .summary-card-label{color:#0369a1}.issues-container{padding:20px;border-radius:8px;margin-bottom:24px}.issues-container.blocking{background-color:#fef2f2;border:1px solid #fecaca}.issues-container.warning{background-color:#fffbeb;border:1px solid #fcd34d}.issues-title{margin:0 0 16px;display:flex;align-items:center;gap:8px}.issues-title.blocking{color:#991b1b}.issues-title.warning{color:#92400e}.issues-list{display:flex;flex-direction:column;gap:12px}.issue-item{padding:12px 16px;background-color:#fff;border-radius:6px;display:flex;align-items:center;gap:12px}.issue-item.critical{border-right:4px solid #dc2626}.issue-item.warning{border-right:4px solid #f59e0b}.issue-item-icon{font-size:1.25rem}.issue-item-type{font-weight:600}.issue-item-type.critical{color:#991b1b}.issue-item-type.warning{color:#92400e}.issue-item-message{font-size:.875rem}.confirmation-summary{padding:16px;background-color:var(--bg-secondary);border-radius:8px;margin-bottom:24px}.confirmation-summary-title{margin:0 0 12px;font-size:1rem;font-weight:600}.confirmation-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.875rem}.confirmation-summary-label{color:var(--text-secondary)}.reason-textarea{width:100%;min-height:120px;padding:12px;border-radius:8px;border:1px solid var(--border-color);resize:vertical;font-family:inherit;font-size:.875rem}.reason-counter{display:flex;justify-content:space-between;margin-top:4px;font-size:.75rem}.reason-counter.invalid{color:#dc2626}.reason-counter.valid{color:var(--text-secondary)}.acknowledgment-box{padding:16px;background-color:#fef2f2;border-radius:8px;margin-bottom:24px;border:1px solid #fecaca}.acknowledgment-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.acknowledgment-checkbox{margin-top:4px;width:20px;height:20px}.acknowledgment-text{font-size:.875rem;color:#991b1b}.acknowledgment-text strong{display:block;margin-bottom:8px}.acknowledgment-text ul{margin:8px 0 0;padding:0 16px}.governance-notice{padding:12px 16px;background-color:#f0f9ff;border-radius:8px;margin-bottom:24px;font-size:.875rem;color:#0369a1;display:flex;align-items:center;gap:8px}.governance-notice.warning{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}.preview-section{margin-bottom:24px}.preview-section-title{font-weight:600;margin-bottom:12px}.preview-table-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.preview-table-note{text-align:center;padding:8px;font-size:.75rem;color:var(--text-secondary)}.wizard-empty-state{text-align:center;padding:40px;color:var(--text-secondary)}.wizard-empty-icon{font-size:3rem;margin-bottom:16px}.wizard-empty-title{font-weight:600;margin-bottom:8px}.access-denied{padding:40px;text-align:center;background-color:#fef2f2;border-radius:8px;color:#991b1b}.access-denied h2{display:flex;align-items:center;justify-content:center;gap:8px}.selection-list{display:flex;flex-direction:column;gap:8px}.selection-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;background-color:transparent;transition:background-color .2s,border-color .2s}.selection-item:hover{border-color:var(--primary)}.selection-item.selected{background-color:#eff6ff;border-color:var(--primary)}.selection-item-content{flex:1}.selection-item-name{font-weight:500}.selection-item-code{font-size:.7rem;color:var(--text-secondary)}.modal-body-scroll{max-height:400px;overflow-y:auto;padding:16px 0}.form-grid{display:grid;gap:16px;padding:16px 0}.form-grid-2{grid-template-columns:1fr 1fr}.form-group-full{grid-column:span 2}.code-badge{font-size:.75rem;padding:2px 6px;background-color:var(--bg-secondary);border-radius:4px}.header-actions{display:flex;gap:8px}.settings-card-title{margin:0 0 16px;font-size:1rem;font-weight:600}.settings-card-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:16px}.text-center{text-align:center}.form-hint{font-size:.875rem;color:var(--text-secondary);margin-bottom:16px}.detail-page-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 1024px){.detail-page-grid{grid-template-columns:1fr}}.detail-card{background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);padding:20px;margin-bottom:20px}.detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.detail-card-title{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.detail-card-actions{display:flex;gap:8px}.info-grid{display:grid;gap:16px}.info-grid-2{grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column}.info-item-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.info-item-value{font-weight:600;display:flex;align-items:center;gap:8px}.info-item-value.text-primary{color:var(--primary)}.info-item-value.text-success{color:var(--success)}.info-item-value.text-warning{color:#92400e}.info-item-value.text-danger{color:#dc2626}.timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;align-items:flex-start;gap:12px}.timeline-item.pending{opacity:.5}.timeline-icon{width:32px;height:32px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-icon.completed{background-color:var(--primary);color:#fff}.timeline-icon.success{background-color:var(--success);color:#fff}.timeline-content{flex:1}.timeline-title{font-weight:600;margin-bottom:2px}.timeline-meta{font-size:.875rem;color:var(--text-secondary)}.timeline-notes{margin-top:8px;padding:8px 12px;background-color:var(--bg-secondary);border-radius:6px;font-size:.875rem}.urgency-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.urgency-badge.urgent{background-color:#fef3c7;color:#92400e}.urgency-badge.critical{background-color:#fed7aa;color:#9a3412}.urgency-badge.emergency{background-color:#fecaca;color:#991b1b}.action-history{display:flex;flex-direction:column;gap:16px}.action-history-item{padding:16px;background-color:var(--bg-secondary);border-radius:8px;border-right:4px solid var(--primary)}.action-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.action-history-type{font-weight:600}.action-history-time{font-size:.75rem;color:var(--text-secondary)}.action-history-actor{font-size:.875rem;color:var(--text-secondary);margin-bottom:4px}.action-history-notes{margin-top:8px;padding:8px 12px;background-color:var(--bg-primary);border-radius:6px;font-size:.875rem}.meta-card{padding:16px;background-color:var(--bg-secondary);border-radius:8px;margin-bottom:16px}.meta-card-title{font-weight:600;margin-bottom:8px}.meta-card-content{font-size:.875rem;color:var(--text-secondary)}.description-box{padding:16px;background-color:var(--bg-secondary);border-radius:8px;line-height:1.6}.info-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.info-grid-3{grid-template-columns:1fr}}.info-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.info-value{font-weight:500;display:flex;align-items:center;gap:8px}.details-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.details-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.details-grid-3{grid-template-columns:1fr}}.detail-list{display:flex;flex-direction:column;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item dt{font-size:.75rem;color:var(--text-secondary);font-weight:500}.detail-item dd{font-size:.875rem;color:var(--text-primary);margin:0}.action-buttons-row{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1024px){.permissions-grid{grid-template-columns:1fr}}.permissions-list{max-height:400px;overflow-y:auto}.permission-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:var(--neutral-50);border-radius:8px;gap:12px}.permission-item--override{background-color:var(--success-50, #ecfdf5)}.permission-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.permission-code{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background-color:var(--neutral-100);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.permission-name{font-size:.75rem;color:var(--text-secondary)}.permission-date{font-size:.6875rem;color:var(--text-muted)}.permission-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.empty-state-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--text-secondary);gap:8px}.empty-state-inline p{margin:0;font-size:.875rem}.header-badges{display:flex;align-items:center;gap:8px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-static{padding:10px 12px;background-color:var(--neutral-50);border-radius:6px;font-size:.875rem;color:var(--text-primary)}.alert-box-close{background:none;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s;flex-shrink:0;margin-inline-start:auto}.alert-box-close:hover{opacity:1}.me-1{margin-inline-end:4px}.me-2{margin-inline-end:8px}.me-3{margin-inline-end:12px}.me-4{margin-inline-end:16px}.ms-1{margin-inline-start:4px}.ms-2{margin-inline-start:8px}.ms-3{margin-inline-start:12px}.ms-4{margin-inline-start:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #eff6ff;--color-success: #22c55e;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-info: #06b6d4;--color-info-light: #ecfeff;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-bg-page: #f8fafc;--color-bg-card: #ffffff;--color-bg-hover: #f1f5f9;--color-bg-muted: #f8fafc;--color-border-light: #f1f5f9;--color-border-default: #e2e8f0;--color-border-dark: #cbd5e1;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-page);line-height:1.5;-webkit-font-smoothing:antialiased}.page-header,[class*=-page]>div:first-child,[class*=-list-page]>div:first-child,[class*=Page]>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.page-header h1,[class*=-page] h1:first-of-type,[class*=Page]>div:first-child h1{font-size:var(--font-size-3xl)!important;font-weight:700!important;color:var(--color-text-primary)!important;margin:0!important;line-height:1.3!important}.page-header p,.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.header-actions,.page-header>div:last-child{display:flex;align-items:center;gap:var(--spacing-md)}.card,.data-card,.stats-card,.info-card,[class*=-card],[class*=Card]{background:var(--color-bg-card)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--color-border-light)!important;overflow:hidden}.card-header,[class*=-card]>div:first-child:not(:only-child){display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-muted)}.card-header h2,.card-header h3,.card-title{font-size:var(--font-size-lg)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin:0!important}.card-body,.card-content,[class*=-card]>div:not(:first-child):not(:last-child){padding:var(--spacing-xl)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-muted)}button,.btn,[class*=btn-]{font-family:inherit;cursor:pointer;transition:all .15s ease}.btn-primary,button[class*=primary],.btn[class*=primary]{padding:var(--spacing-md) var(--spacing-xl)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-base)!important;font-weight:600!important;border:none!important;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)!important;color:#fff!important;box-shadow:0 2px 8px #3b82f666!important;display:inline-flex!important;align-items:center!important;gap:var(--spacing-sm)!important}.btn-primary:hover,button[class*=primary]:hover{box-shadow:0 4px 12px #3b82f680!important;transform:translateY(-1px)}.btn-primary:disabled,button[class*=primary]:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.btn-secondary,button[class*=secondary],.btn[class*=secondary]{padding:var(--spacing-md) var(--spacing-xl)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-base)!important;font-weight:600!important;border:1px solid var(--color-border-default)!important;background:var(--color-bg-card)!important;color:var(--color-text-secondary)!important;display:inline-flex!important;align-items:center!important;gap:var(--spacing-sm)!important}.btn-secondary:hover,button[class*=secondary]:hover{border-color:var(--color-border-dark)!important;background:var(--color-bg-hover)!important}.btn-danger,button[class*=danger],.btn[class*=danger],.btn-delete{padding:var(--spacing-md) var(--spacing-xl)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-base)!important;font-weight:600!important;border:none!important;background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%)!important;color:#fff!important;box-shadow:0 2px 8px #ef444466!important}.btn-icon,button.icon-btn,.icon-button{padding:var(--spacing-md)!important;border-radius:var(--radius-lg)!important;border:none!important;background:transparent!important;color:var(--color-text-muted)!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-icon:hover,button.icon-btn:hover{background:var(--color-bg-hover)!important;color:var(--color-primary)!important}.form-group{margin-bottom:var(--spacing-xl)}.form-row,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}label,.form-label{display:block;font-size:var(--font-size-base)!important;font-weight:600!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-sm)!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],input[type=search],.form-input,.form-control{width:100%;padding:var(--spacing-md) var(--spacing-lg)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-md)!important;color:var(--color-text-primary)!important;background:var(--color-bg-card)!important;transition:all .15s ease;outline:none}input:focus,.form-input:focus,.form-control:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #3b82f626!important}input:disabled,.form-input:disabled{background:var(--color-bg-muted)!important;cursor:not-allowed}select,.form-select{width:100%;padding:var(--spacing-md) var(--spacing-lg)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-md)!important;color:var(--color-text-primary)!important;background:var(--color-bg-card)!important;cursor:pointer;outline:none}select:focus,.form-select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #3b82f626!important}textarea,.form-textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-md)!important;color:var(--color-text-primary)!important;background:var(--color-bg-card)!important;resize:vertical;min-height:120px;outline:none}textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #3b82f626!important}.form-hint,.input-hint,small.hint{font-size:var(--font-size-xs)!important;color:var(--color-text-light)!important;margin-top:var(--spacing-xs)!important;display:block}.form-error,.input-error,.error-text{font-size:var(--font-size-xs)!important;color:var(--color-danger)!important;margin-top:var(--spacing-xs)!important}input[type=checkbox],input[type=radio]{width:18px!important;height:18px!important;accent-color:var(--color-primary)!important;cursor:pointer}.checkbox-label,.radio-label{display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important;cursor:pointer;font-size:var(--font-size-base)!important;color:var(--color-text-secondary)!important}table{width:100%;border-collapse:collapse}thead,.table-header{background:var(--color-bg-muted)}th{padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-sm)!important;font-weight:600!important;color:var(--color-text-secondary)!important;text-align:right!important;border-bottom:1px solid var(--color-border-default)!important;white-space:nowrap}td{padding:var(--spacing-lg)!important;font-size:var(--font-size-base)!important;color:var(--color-text-primary)!important;border-bottom:1px solid var(--color-border-light)!important;vertical-align:middle}tr{transition:background .15s ease}tbody tr:hover{background:var(--color-bg-hover)}.badge,.status-badge,.tag,[class*=badge-],[class*=status-]{display:inline-flex!important;align-items:center!important;padding:var(--spacing-xs) var(--spacing-md)!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;font-weight:600!important}.badge-success,.status-active,.status-completed,.status-open,[class*=success]{background:var(--color-success-light)!important;color:var(--color-success)!important}.badge-warning,.status-pending,.status-in-progress,[class*=warning]{background:var(--color-warning-light)!important;color:#92400e!important}.badge-danger,.status-error,.status-closed,.status-overdue,[class*=danger],[class*=error]{background:var(--color-danger-light)!important;color:var(--color-danger)!important}.badge-info,.status-info,[class*=info]{background:var(--color-info-light)!important;color:var(--color-info)!important}.badge-default,.badge-neutral{background:var(--color-bg-muted)!important;color:var(--color-text-secondary)!important}.alert,.message,[class*=alert-],[class*=message-]{padding:var(--spacing-lg) var(--spacing-xl)!important;border-radius:var(--radius-lg)!important;margin-bottom:var(--spacing-xl)!important;display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;font-size:var(--font-size-base)!important;font-weight:500!important}.alert-success,.message-success{background:var(--color-success-light)!important;color:#166534!important;border:1px solid #bbf7d0!important}.alert-error,.alert-danger,.message-error{background:var(--color-danger-light)!important;color:#991b1b!important;border:1px solid #fecaca!important}.alert-warning,.message-warning{background:var(--color-warning-light)!important;color:#92400e!important;border:1px solid #fde68a!important}.alert-info,.message-info{background:var(--color-info-light)!important;color:#155e75!important;border:1px solid #a5f3fc!important}.filter-bar,.toolbar,.filters,.search-bar{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;padding:var(--spacing-lg)!important;background:var(--color-bg-muted)!important;border-radius:var(--radius-xl)!important;margin-bottom:var(--spacing-xl)!important;flex-wrap:wrap!important}.search-input,.filter-input{display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important;padding:var(--spacing-sm) var(--spacing-lg)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;background:var(--color-bg-card)!important;min-width:280px!important}.search-input input,.filter-input input{border:none!important;outline:none!important;background:transparent!important;font-size:var(--font-size-base)!important;color:var(--color-text-primary)!important;width:100%!important;padding:0!important}.empty-state,.no-data,.no-results{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:var(--spacing-4xl)!important;text-align:center!important}.empty-state-icon,.no-data-icon{width:64px!important;height:64px!important;border-radius:var(--radius-2xl)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--color-bg-muted)!important;color:var(--color-text-light)!important;margin-bottom:var(--spacing-xl)!important;font-size:24px!important}.empty-state-title,.no-data h3{font-size:var(--font-size-xl)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-sm)!important}.empty-state-text,.no-data p{font-size:var(--font-size-base)!important;color:var(--color-text-muted)!important;max-width:320px!important;margin-bottom:var(--spacing-xl)!important}.loading,.loading-state,.spinner-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:var(--spacing-4xl)!important;color:var(--color-text-muted)!important;gap:var(--spacing-lg)!important}.spinner,.loader{width:40px!important;height:40px!important;border:3px solid var(--color-border-light)!important;border-top-color:var(--color-primary)!important;border-radius:50%!important;animation:spin .8s linear infinite!important}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid,.metrics-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:var(--spacing-xl)!important;margin-bottom:var(--spacing-2xl)!important}.stat-card,.metric-card{background:var(--color-bg-card)!important;border-radius:var(--radius-xl)!important;padding:var(--spacing-xl)!important;box-shadow:var(--shadow-sm)!important;border-top:4px solid var(--color-primary)!important}.stat-value,.metric-value{font-size:var(--font-size-4xl)!important;font-weight:700!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-xs)!important}.stat-label,.metric-label{font-size:var(--font-size-base)!important;color:var(--color-text-muted)!important}.tabs,.tab-list{display:flex!important;gap:var(--spacing-xs)!important;border-bottom:1px solid var(--color-border-default)!important;margin-bottom:var(--spacing-xl)!important}.tab,.tab-item,[role=tab]{padding:var(--spacing-md) var(--spacing-xl)!important;font-size:var(--font-size-base)!important;font-weight:500!important;color:var(--color-text-muted)!important;background:none!important;border:none!important;border-bottom:2px solid transparent!important;cursor:pointer!important;transition:all .15s ease!important;margin-bottom:-1px!important}.tab.active,.tab-item.active,[role=tab][aria-selected=true]{font-weight:600!important;color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important}.tab:hover,.tab-item:hover{color:var(--color-primary)!important}.modal-overlay,.modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:var(--spacing-xl)!important}.modal,.modal-content,.dialog{background:var(--color-bg-card)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-lg)!important;max-width:560px!important;width:100%!important;max-height:90vh!important;overflow:auto!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:var(--spacing-xl)!important;border-bottom:1px solid var(--color-border-light)!important}.modal-title{font-size:var(--font-size-xl)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin:0!important}.modal-body{padding:var(--spacing-xl)!important}.modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:var(--spacing-md)!important;padding:var(--spacing-xl)!important;border-top:1px solid var(--color-border-light)!important;background:var(--color-bg-muted)!important}.grid-2{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-xl)!important}.grid-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:var(--spacing-xl)!important}.grid-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:var(--spacing-xl)!important}.grid-auto{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:var(--spacing-xl)!important}hr,.divider{height:1px!important;background:var(--color-border-light)!important;border:none!important;margin:var(--spacing-xl) 0!important}.text-primary{color:var(--color-primary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-muted{color:var(--color-text-muted)!important}.bg-primary{background:var(--color-primary-light)!important}.bg-success{background:var(--color-success-light)!important}.bg-warning{background:var(--color-warning-light)!important}.bg-danger{background:var(--color-danger-light)!important}.bg-muted{background:var(--color-bg-muted)!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.work-orders-page .priority-badge,.work-order-card .priority,.assets-page .asset-status,.asset-card .status,.contracts-page .contract-status,.contract-card .status{padding:var(--spacing-xs) var(--spacing-md)!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;font-weight:600!important}.teams-page .team-size,.team-card .members-count{font-size:var(--font-size-sm)!important;color:var(--color-text-muted)!important}.users-page .user-role,.user-card .role{padding:var(--spacing-xs) var(--spacing-md)!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;font-weight:600!important}.performance-page .score-badge,.performance-card .score{font-size:var(--font-size-4xl)!important;font-weight:700!important;color:var(--color-primary)!important}.reports-page .report-card,.report-type-card{padding:var(--spacing-xl)!important;border-radius:var(--radius-xl)!important;background:var(--color-bg-card)!important;border:1px solid var(--color-border-light)!important;transition:all .15s ease!important;cursor:pointer!important}.reports-page .report-card:hover,.report-type-card:hover{border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important}.attendance-page .attendance-status,.attendance-card .status,.availability-page .availability-badge,.availability-card .status{padding:var(--spacing-xs) var(--spacing-md)!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;font-weight:600!important}.settings-page .settings-section,.settings-card{background:var(--color-bg-card)!important;border-radius:var(--radius-2xl)!important;padding:var(--spacing-xl)!important;margin-bottom:var(--spacing-xl)!important}.audit-page .log-entry,.audit-log-card{padding:var(--spacing-lg)!important;border-bottom:1px solid var(--color-border-light)!important}.audit-page .log-entry:last-child,.audit-log-card:last-child{border-bottom:none!important}@media (max-width: 768px){.page-header,[class*=-page]>div:first-child{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.filter-bar,.toolbar{flex-direction:column;align-items:stretch}.search-input,.filter-input{min-width:100%!important}table{display:block;overflow-x:auto}}@media print{.sidebar,.header,.btn,button,.filter-bar,.toolbar{display:none!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}.work-order-details-page{max-width:1400px;margin:0 auto}.work-order-details-page .page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 20px) 0;margin-bottom:var(--space-6, 24px);border-bottom:1px solid var(--color-neutral-200, #e5e7eb)}.work-order-details-page .page-header h1{font-size:var(--text-2xl, 1.953rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #1e293b);margin:0}.work-order-details-page .header-actions{display:flex;align-items:center;gap:var(--space-3, 12px)}.work-order-details-page .page-content{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--space-6, 24px)}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}}.details-card{background-color:var(--color-bg-card, #ffffff);padding:var(--space-6, 24px);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--color-neutral-100, #f3f4f6)}.details-card h3{font-size:var(--text-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0 0 var(--space-4, 16px) 0;padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-neutral-100, #f3f4f6)}.details-card.full-width{grid-column:1 / -1}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3, 12px) 0;border-bottom:1px solid var(--color-neutral-100, #f3f4f6);gap:var(--space-4, 16px)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, #64748b);flex-shrink:0;min-width:120px}.detail-value{color:var(--text-primary, #1e293b);word-break:break-word;text-align:left}[dir=rtl] .detail-value{text-align:right}.compliance-sections{margin-top:var(--space-8, 32px)}.compliance-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);padding:0 0 var(--space-4, 16px) 0;border-bottom:1px solid var(--color-neutral-200, #e5e7eb);margin-bottom:var(--space-6, 24px);overflow-x:auto;-webkit-overflow-scrolling:touch}.compliance-tabs::-webkit-scrollbar{height:4px}.compliance-tabs::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300, #d1d5db);border-radius:4px}.tab-btn{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, #64748b);background-color:transparent;border:1px solid var(--color-neutral-200, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{color:var(--primary-600, #2563eb);border-color:var(--primary-300, #93c5fd);background-color:var(--primary-50, #eff6ff)}.tab-btn.active{color:var(--primary-700, #1d4ed8);background-color:var(--primary-100, #dbeafe);border-color:var(--primary-400, #60a5fa);font-weight:var(--font-weight-semibold, 600)}.tab-btn:focus{outline:none;box-shadow:0 0 0 3px var(--primary-200, #bfdbfe)}.tab-btn[style*="backgroundColor: #fee2e2"]{border-color:var(--danger-400, #f87171)!important;color:var(--danger-700, #b91c1c)!important}.compliance-content{background-color:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));padding:var(--space-6, 24px);min-height:300px}.compliance-content .loading-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary, #64748b);font-size:var(--text-base, 1rem)}.timeline-section{padding:0}.timeline-section h3{font-size:var(--text-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0 0 var(--space-5, 20px) 0;display:flex;align-items:center;gap:var(--space-2, 8px)}.timeline{position:relative;padding-right:var(--space-8, 32px)}[dir=ltr] .timeline{padding-right:0;padding-left:var(--space-8, 32px)}.timeline:before{content:"";position:absolute;right:10px;top:0;bottom:0;width:2px;background-color:var(--color-neutral-200, #e5e7eb)}[dir=ltr] .timeline:before{right:auto;left:10px}.timeline-item{position:relative;padding-bottom:var(--space-6, 24px);display:flex;gap:var(--space-4, 16px)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;right:calc(-1 * var(--space-8, 32px) + 2px);top:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-card, #ffffff);z-index:1}[dir=ltr] .timeline-marker{right:auto;left:calc(-1 * var(--space-8, 32px) + 2px)}.timeline-icon{font-size:var(--text-lg, 1.25rem)}.timeline-content{flex:1;background-color:var(--color-neutral-50, #f8fafc);padding:var(--space-4, 16px);border-radius:var(--radius-md, 8px);border:1px solid var(--color-neutral-100, #f3f4f6)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2, 8px);flex-wrap:wrap;gap:var(--space-2, 8px)}.timeline-event{font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b)}.timeline-date{font-size:var(--text-sm, .875rem);color:var(--text-muted, #94a3b8)}.timeline-description{color:var(--text-secondary, #64748b);margin:0 0 var(--space-2, 8px) 0;line-height:var(--line-height-relaxed, 1.75)}.timeline-actor{font-size:var(--text-sm, .875rem);color:var(--text-muted, #94a3b8)}.evidence-section{padding:0}.evidence-section h3{font-size:var(--text-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4, 16px);margin-top:var(--space-4, 16px)}.evidence-item{background-color:var(--color-neutral-50, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--color-neutral-200, #e5e7eb);overflow:hidden;transition:box-shadow .15s ease}.evidence-item:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.evidence-image{width:100%;height:150px;overflow:hidden;background-color:var(--color-neutral-100, #f3f4f6)}.evidence-image img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.evidence-image img:hover{transform:scale(1.05)}.evidence-document{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6, 24px);min-height:150px;text-align:center}.document-icon{font-size:3rem;margin-bottom:var(--space-3, 12px)}.evidence-document a{color:var(--primary-600, #2563eb);text-decoration:none;font-weight:var(--font-weight-medium, 500);word-break:break-word}.evidence-document a:hover{text-decoration:underline}.evidence-meta{padding:var(--space-3, 12px);border-top:1px solid var(--color-neutral-200, #e5e7eb)}.evidence-description{display:block;font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);margin-bottom:var(--space-1, 4px)}.evidence-date{display:block;font-size:var(--text-xs, .75rem);color:var(--text-muted, #94a3b8)}.ratings-display{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.rating-item{padding:var(--space-4, 16px);background-color:var(--color-neutral-50, #f8fafc);border-radius:var(--radius-md, 8px)}.rating-label{display:block;font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, #64748b);margin-bottom:var(--space-2, 8px)}.rating-stars{display:flex;align-items:center;gap:var(--space-1, 4px)}.rating-stars .star{font-size:var(--text-xl, 1.5rem);line-height:1}.rating-stars .star.filled{filter:brightness(1)}.rating-stars .star.empty{filter:grayscale(1) opacity(.3)}.rating-value{margin-right:var(--space-2, 8px);font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);font-weight:var(--font-weight-medium, 500)}[dir=ltr] .rating-value{margin-right:0;margin-left:var(--space-2, 8px)}.rating-comment{margin-top:var(--space-3, 12px);color:var(--text-primary, #1e293b);font-style:italic;line-height:var(--line-height-relaxed, 1.75)}.rating-date{display:block;margin-top:var(--space-2, 8px);font-size:var(--text-xs, .75rem);color:var(--text-muted, #94a3b8)}.supervisor-notes{color:var(--text-primary, #1e293b);line-height:var(--line-height-relaxed, 1.75);margin:0}.performance-score{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-md, 8px);font-weight:var(--font-weight-bold, 700);font-size:var(--text-lg, 1.25rem)}.performance-score.score-high{background-color:var(--success-100, #d1fae5);color:var(--success-700, #047857)}.performance-score.score-medium{background-color:var(--warning-100, #fef3c7);color:var(--warning-700, #b45309)}.performance-score.score-low{background-color:var(--danger-100, #fee2e2);color:var(--danger-700, #b91c1c)}.actions-list{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.governance-notice{margin-top:var(--space-4, 16px);padding:var(--space-3, 12px);background-color:var(--warning-50, #fffbeb);border:1px solid var(--warning-200, #fde68a);border-radius:var(--radius-md, 8px)}.governance-notice small{color:var(--warning-800, #92400e);font-size:var(--text-sm, .875rem);line-height:var(--line-height-normal, 1.5)}.status-badge.status-open{background-color:var(--primary-100, #dbeafe);color:var(--primary-700, #1d4ed8)}.status-badge.status-closed{background-color:var(--success-100, #d1fae5);color:var(--success-700, #047857)}.status-badge.status-on_hold,.status-badge.status-on-hold{background-color:var(--warning-100, #fef3c7);color:var(--warning-700, #b45309)}.status-badge.status-pending_review,.status-badge.status-pending-review{background-color:var(--info-100, #cffafe);color:var(--info-700, #0e7490)}.priority-badge.priority-critical{background-color:var(--danger-100, #fee2e2);color:var(--danger-800, #991b1b);font-weight:var(--font-weight-bold, 700);animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.btn-block{display:block;width:100%}.alert{padding:var(--space-4, 16px);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 16px)}.alert strong{display:block;margin-bottom:var(--space-2, 8px)}.alert p{margin:0}.alert.alert-warning{background-color:var(--warning-50, #fffbeb);border:1px solid var(--warning-300, #fcd34d);color:var(--warning-800, #92400e)}.alert.alert-danger{background-color:var(--danger-50, #fef2f2);border:1px solid var(--danger-300, #fca5a5);color:var(--danger-800, #991b1b)}.alert.alert-success{background-color:var(--success-50, #ecfdf5);border:1px solid var(--success-300, #6ee7b7);color:var(--success-800, #065f46)}.alert.alert-info{background-color:var(--info-50, #ecfeff);border:1px solid var(--info-300, #67e8f9);color:var(--info-800, #155e75)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10, 40px) var(--space-6, 24px);color:var(--text-muted, #94a3b8);text-align:center}td.empty-state{padding:var(--space-12, 48px) var(--space-6, 24px)}.access-denied-page{max-width:600px;margin:var(--space-10, 40px) auto;text-align:center}.access-denied-page .error-state{background-color:var(--color-bg-card, #ffffff);padding:var(--space-10, 40px);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.access-denied-page .error-state p{color:var(--text-secondary, #64748b);margin:0 0 var(--space-4, 16px) 0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10, 40px) var(--space-6, 24px);text-align:center}.error-state .error-message{color:var(--danger-600, #dc2626);margin-bottom:var(--space-4, 16px)}.row-cancelled{opacity:.6;background-color:var(--color-neutral-50, #f8fafc)}.row-cancelled td{text-decoration:line-through;text-decoration-color:var(--text-muted, #94a3b8)}.row-cancelled td:first-child,.row-cancelled td:last-child{text-decoration:none}.wo-number{font-family:var(--font-family-mono, "IBM Plex Mono", monospace);font-weight:var(--font-weight-medium, 500);color:var(--primary-600, #2563eb)}.badge{display:inline-flex;align-items:center;gap:var(--space-1, 4px);padding:var(--space-1, 4px) var(--space-2, 8px);font-size:var(--text-xs, .75rem);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-sm, 4px)}.badge.badge-warning{background-color:var(--warning-100, #fef3c7);color:var(--warning-700, #b45309)}.badge.badge-danger{background-color:var(--danger-100, #fee2e2);color:var(--danger-700, #b91c1c)}.badge.badge-success{background-color:var(--success-100, #d1fae5);color:var(--success-700, #047857)}.badge.badge-info{background-color:var(--info-100, #cffafe);color:var(--info-700, #0e7490)}@media (max-width: 640px){.compliance-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2, 8px)}.tab-btn{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-xs, .75rem)}.evidence-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.timeline{padding-right:var(--space-6, 24px)}[dir=ltr] .timeline{padding-left:var(--space-6, 24px)}.timeline-marker{right:calc(-1 * var(--space-6, 24px) + 2px)}[dir=ltr] .timeline-marker{left:calc(-1 * var(--space-6, 24px) + 2px)}}.governed-modal{background-color:var(--color-white, white);border-radius:var(--radius-xl, 12px);width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-xl, 0 4px 20px rgba(0,0,0,.15))}.governed-modal-header{padding:var(--space-5, 20px);border-bottom:1px solid var(--border-color, #e0e0e0)}.governed-modal-badge{display:inline-block;background-color:var(--danger-100, #fee2e2);color:var(--danger-600, #dc2626);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);font-size:var(--text-xs, 12px);margin-bottom:var(--space-2, 8px)}.governed-modal-title{margin:0;font-size:var(--text-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b)}.governed-modal-body{padding:var(--space-5, 20px)}.governed-modal-info-box{background-color:var(--bg-subtle, #f5f5f5);padding:var(--space-3, 12px);border-radius:var(--radius-lg, 8px);margin-bottom:var(--space-5, 20px)}.governed-modal-info-label{color:var(--text-muted, #666);font-size:var(--text-xs, .75rem);display:block;margin-bottom:var(--space-1, 4px)}.governed-modal-info-value{margin:var(--space-1, 4px) 0;font-weight:var(--font-weight-semibold, 600)}.governed-modal-field{margin-bottom:var(--space-4, 16px)}.governed-modal-label{display:block;margin-bottom:var(--space-2, 8px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b)}.governed-modal-select,.governed-modal-input,.governed-modal-textarea{width:100%;padding:var(--space-3, 12px);border-radius:var(--radius-lg, 8px);border:1px solid var(--border-color, #ddd);font-size:var(--text-base, 1rem);box-sizing:border-box;transition:border-color .2s ease}.governed-modal-select:focus,.governed-modal-input:focus,.governed-modal-textarea:focus{outline:none;border-color:var(--primary-500, #3b82f6);box-shadow:0 0 0 3px var(--primary-100, rgba(59, 130, 246, .1))}.governed-modal-textarea{resize:vertical;min-height:100px}.governed-modal-char-count{font-size:var(--text-xs, .75rem);margin-top:var(--space-1, 4px)}.governed-modal-char-count--error{color:var(--danger-500, #ef4444)}.governed-modal-char-count--success{color:var(--success-500, #22c55e)}.governed-modal-warning{background-color:var(--warning-50, #fef3c7);border:1px solid var(--warning-400, #f59e0b);padding:var(--space-3, 12px);border-radius:var(--radius-lg, 8px);margin-bottom:var(--space-4, 16px)}.governed-modal-warning-text{color:var(--warning-800, #92400e);font-size:var(--text-sm, .875rem)}.governed-modal-footer{padding:var(--space-4, 16px) var(--space-5, 20px);border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:flex-end;gap:var(--space-3, 12px)}.error-toast{position:fixed;bottom:var(--space-5, 20px);left:50%;transform:translate(-50%);background-color:var(--danger-500, #f44336);color:var(--color-white, white);padding:var(--space-3, 12px) var(--space-6, 24px);border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0,0,0,.15));z-index:var(--z-toast, 1000);display:flex;align-items:center;gap:var(--space-3, 12px);animation:slideInUp .3s ease-out}.error-toast-message{flex:1}.error-toast-close{background:none;border:none;color:var(--color-white, white);cursor:pointer;font-size:var(--text-lg, 18px);padding:0;line-height:1;opacity:.8;transition:opacity .2s ease}.error-toast-close:hover{opacity:1}@keyframes slideInUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.data-table-wrapper{background-color:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);border-bottom:1px solid var(--color-neutral-100, #f3f4f6);background-color:var(--color-neutral-50, #f8fafc);gap:var(--space-4, 16px);flex-wrap:wrap}.table-toolbar-left{display:flex;align-items:center;gap:var(--space-3, 12px);flex:1;min-width:200px}.table-toolbar-right{display:flex;align-items:center;gap:var(--space-2, 8px)}.column-picker-wrapper{position:relative}.column-picker-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-2, 8px);min-width:220px;background-color:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 30px rgba(0, 0, 0, .15));z-index:100;border:1px solid var(--color-neutral-200, #e5e7eb);overflow:hidden}[dir=rtl] .column-picker-dropdown{left:auto;right:0}.column-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:1px solid var(--color-neutral-100, #f3f4f6);background-color:var(--color-neutral-50, #f8fafc)}.column-picker-header span{font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);font-size:var(--text-sm, .875rem)}.column-picker-list{list-style:none;margin:0;padding:var(--space-2, 8px) 0;max-height:300px;overflow-y:auto}.column-picker-item{padding:0}.column-picker-label{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-4, 16px);cursor:pointer;transition:background-color .1s ease;color:var(--text-primary, #1e293b);font-size:var(--text-sm, .875rem)}.column-picker-label:hover{background-color:var(--color-neutral-50, #f8fafc)}.column-picker-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.column-picker-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);background-color:var(--primary-50, #eff6ff);border-bottom:1px solid var(--primary-200, #bfdbfe);gap:var(--space-4, 16px);flex-wrap:wrap}.bulk-selection-info{display:flex;align-items:center;gap:var(--space-3, 12px)}.bulk-selection-count{font-weight:var(--font-weight-semibold, 600);color:var(--primary-700, #1d4ed8);font-size:var(--text-sm, .875rem)}.bulk-actions{display:flex;align-items:center;gap:var(--space-2, 8px)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);border-top:1px solid var(--color-neutral-100, #f3f4f6);background-color:var(--color-neutral-50, #f8fafc);gap:var(--space-4, 16px);flex-wrap:wrap}.pagination-info{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b)}.pagination-controls{display:flex;align-items:center;gap:var(--space-4, 16px);flex-wrap:wrap}.pagination-per-page{display:flex;align-items:center;gap:var(--space-2, 8px)}.pagination-per-page label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);white-space:nowrap}.pagination-per-page select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);cursor:pointer}.pagination-pages{display:flex;align-items:center;gap:var(--space-1, 4px)}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2, 8px);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);color:var(--text-primary, #1e293b);font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .15s ease}.pagination-page:hover:not(:disabled){background-color:var(--color-neutral-100, #f3f4f6);border-color:var(--color-neutral-400, #9ca3af)}.pagination-page:disabled{opacity:.5;cursor:not-allowed}.pagination-page.active{background-color:var(--primary-600, #2563eb);border-color:var(--primary-600, #2563eb);color:#fff}.pagination-ellipsis{padding:0 var(--space-2, 8px);color:var(--text-muted, #94a3b8)}.pagination-jump{display:flex;align-items:center;gap:var(--space-2, 8px)}.pagination-jump-input{width:70px;padding:var(--space-2, 8px);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);text-align:center}.pagination-jump-input:focus{outline:none;border-color:var(--primary-400, #60a5fa);box-shadow:0 0 0 3px var(--primary-100, #dbeafe)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200, #e5e7eb) 25%,var(--color-neutral-100, #f3f4f6) 50%,var(--color-neutral-200, #e5e7eb) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 4px)}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.skeleton-text{height:16px}.skeleton-card{padding:var(--space-4, 16px);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-neutral-200, #e5e7eb)}.skeleton-header{height:24px;width:40%;margin-bottom:var(--space-4, 16px)}.skeleton-body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.skeleton-table{display:flex;flex-direction:column}.skeleton-table-header{display:flex;gap:var(--space-4, 16px);padding:var(--space-3, 12px);background-color:var(--color-neutral-50, #f8fafc);border-bottom:1px solid var(--color-neutral-200, #e5e7eb)}.skeleton-table-row{display:flex;gap:var(--space-4, 16px);padding:var(--space-3, 12px);border-bottom:1px solid var(--color-neutral-100, #f3f4f6)}.skeleton-cell{flex:1;height:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12, 48px);gap:var(--space-4, 16px)}.loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:9999;gap:var(--space-4, 16px)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4, 16px)}.loading-text{font-size:var(--text-base, 1rem);color:var(--text-secondary, #64748b)}.spinner{border:3px solid var(--color-neutral-200, #e5e7eb);border-top-color:var(--primary-600, #2563eb);border-radius:50%;animation:spinner-rotate .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:24px;height:24px}.spinner-lg{width:40px;height:40px}.spinner-xl{width:56px;height:56px;border-width:4px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.filter-select{padding:var(--space-2, 8px) var(--space-4, 16px);padding-left:var(--space-10, 40px);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);cursor:pointer;min-width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}[dir=ltr] .filter-select{padding-left:var(--space-4, 16px);padding-right:var(--space-10, 40px);background-position:right 12px center}.filter-select:focus{outline:none;border-color:var(--primary-400, #60a5fa);box-shadow:0 0 0 3px var(--primary-100, #dbeafe)}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16, 64px) var(--space-6, 24px);text-align:center}.table-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-100, #f3f4f6);border-radius:50%;margin-bottom:var(--space-4, 16px);color:var(--text-muted, #94a3b8)}.table-empty-title{font-size:var(--text-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0 0 var(--space-2, 8px) 0}.table-empty-description{font-size:var(--text-base, 1rem);color:var(--text-secondary, #64748b);margin:0 0 var(--space-6, 24px) 0;max-width:400px}.table-empty-actions{display:flex;align-items:center;gap:var(--space-3, 12px)}.table-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16, 64px)}.table-actions{display:flex;align-items:center;gap:var(--space-1, 4px);justify-content:flex-end}[dir=rtl] .table-actions{justify-content:flex-start}.sort-icons{display:inline-flex;flex-direction:column;align-items:center;margin-right:var(--space-1, 4px);opacity:.5}[dir=ltr] .sort-icons{margin-right:0;margin-left:var(--space-1, 4px)}.table-header-sort:hover .sort-icons{opacity:1}.sort-icon-inactive{opacity:.3}.col-checkbox{width:48px;text-align:center}.col-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.row-selected{background-color:var(--primary-50, #eff6ff)!important}.row-selected:hover{background-color:var(--primary-100, #dbeafe)!important}@media (max-width: 768px){.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar-left,.table-toolbar-right{justify-content:center}.pagination{flex-direction:column;align-items:center}.pagination-controls{justify-content:center}.bulk-actions-bar{flex-direction:column;align-items:center}}.dt-wrapper{background-color:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--neutral-200, #e5e7eb);width:100%;overflow:hidden}.dt-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:1px solid var(--neutral-100, #f3f4f6);background-color:var(--neutral-50, #f8fafc);gap:var(--space-4, 16px)}.dt-toolbar-start{display:flex;align-items:center;gap:var(--space-3, 12px);flex:1}.dt-toolbar-end{display:flex;align-items:center;gap:var(--space-2, 8px)}.dt-column-picker{position:relative}.dt-column-picker-dropdown{position:absolute;top:100%;inset-inline-start:0;margin-top:var(--space-2, 8px);min-width:220px;background-color:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 30px rgba(0, 0, 0, .15));z-index:100;border:1px solid var(--neutral-200, #e5e7eb);overflow:hidden}.dt-column-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:1px solid var(--neutral-100, #f3f4f6);background-color:var(--neutral-50, #f8fafc)}.dt-column-picker-header span{font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);font-size:var(--text-sm, .875rem)}.dt-column-picker-list{list-style:none;margin:0;padding:var(--space-2, 8px) 0;max-height:300px;overflow-y:auto}.dt-column-picker-item{padding:0}.dt-column-picker-label{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-4, 16px);cursor:pointer;transition:background-color .15s ease;color:var(--text-primary, #1e293b);font-size:var(--text-sm, .875rem)}.dt-column-picker-label:hover{background-color:var(--neutral-50, #f8fafc)}.dt-column-picker-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-600, #2563eb)}.dt-column-picker-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.dt-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);background-color:var(--primary-50, #eff6ff);border-bottom:1px solid var(--primary-200, #bfdbfe);gap:var(--space-4, 16px);flex-wrap:wrap}.dt-bulk-info{display:flex;align-items:center;gap:var(--space-3, 12px)}.dt-bulk-count{font-weight:var(--font-weight-semibold, 600);color:var(--primary-700, #1d4ed8);font-size:var(--text-sm, .875rem)}.dt-bulk-actions{display:flex;align-items:center;gap:var(--space-2, 8px)}.dt-table-container{width:100%;overflow-x:auto;overflow-y:hidden}.dt-table{width:100%;border-collapse:collapse;table-layout:auto}.dt-thead{background-color:var(--neutral-50, #f8fafc)}.dt-header-row{height:44px}.dt-header-cell{height:44px;padding:0 var(--space-3, 12px);text-align:start;border-bottom:2px solid var(--neutral-200, #e5e7eb);font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--neutral-600, #475569);white-space:nowrap;vertical-align:middle;position:relative;overflow:hidden;text-overflow:ellipsis}.dt-header-cell--checkbox{width:48px;min-width:48px;max-width:48px;text-align:center;padding:0}.dt-header-cell--id{min-width:90px;max-width:160px;white-space:nowrap}.dt-header-cell--status{min-width:100px;max-width:150px;white-space:nowrap}.dt-header-cell--short{min-width:100px;max-width:200px}.dt-header-cell--medium{min-width:140px;max-width:280px}.dt-header-cell--long{min-width:160px;max-width:400px}.dt-header-cell--date{min-width:100px;max-width:140px;white-space:nowrap}.dt-header-cell--boolean{min-width:70px;max-width:100px;white-space:nowrap}.dt-header-cell--actions{min-width:80px;white-space:nowrap;border-inline-start:1px solid var(--neutral-200, #e5e7eb);text-align:center}.dt-header-cell--sticky{position:sticky;z-index:2;background-color:var(--neutral-50, #f8fafc)}.dt-header-cell--sticky:first-child{inset-inline-start:0}.dt-header-cell--actions.dt-header-cell--sticky{inset-inline-end:0}.dt-header-sort{display:inline-flex;align-items:center;gap:var(--space-1, 4px);background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;white-space:nowrap;max-width:100%}.dt-header-sort:hover{color:var(--neutral-800, #1e293b)}.dt-header-label{font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-semibold, 600);overflow:hidden;text-overflow:ellipsis}.dt-sort-icons{display:inline-flex;flex-direction:column;align-items:center;gap:-2px;opacity:.35;transition:opacity .15s ease;flex-shrink:0}.dt-header-sort:hover .dt-sort-icons{opacity:.7}.dt-header-sort--active .dt-sort-icons{opacity:1}.dt-sort-icon{opacity:.3;transition:opacity .15s ease}.dt-sort-icon--active{opacity:1;color:var(--neutral-800, #1e293b)}.dt-row{height:auto;min-height:48px;transition:background-color .15s ease;border-bottom:1px solid var(--neutral-200, #e5e7eb)}.dt-row:last-child{border-bottom:none}.dt-row:hover{background-color:var(--neutral-50, #f8fafc)}.dt-row--selected{background-color:var(--primary-50, #eff6ff)}[dir=ltr] .dt-row--selected{box-shadow:inset -2px 0 0 0 var(--primary-600, #2563eb)}[dir=rtl] .dt-row--selected,.dt-row--selected{box-shadow:inset 2px 0 0 0 var(--primary-600, #2563eb)}.dt-row--selected:hover{background-color:var(--primary-100, #dbeafe)}.dt-row--cancelled{opacity:.6}.dt-row--deactivated{opacity:.6;background-color:var(--neutral-50, #f8fafc)}.dt-row--clickable{cursor:pointer}.dt-row--clickable:focus-visible{outline:2px solid var(--primary-500, #3b82f6);outline-offset:-2px}.dt-cell{height:auto;min-height:48px;padding:var(--space-2, 8px) var(--space-3, 12px);vertical-align:middle;font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);border-bottom:1px solid var(--neutral-200, #e5e7eb);overflow:hidden}.dt-row:last-child .dt-cell{border-bottom:none}.dt-cell-content{display:block;min-height:24px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.dt-cell-content>span+br,.dt-cell-content>span+span{display:block}.dt-cell--id .dt-cell-content,.dt-cell--date .dt-cell-content,.dt-cell--boolean .dt-cell-content{white-space:nowrap;text-overflow:ellipsis}.dt-cell--checkbox{width:48px;min-width:48px;max-width:48px;text-align:center;padding:0}.dt-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-600, #2563eb)}.dt-cell--id{min-width:90px;max-width:160px;white-space:nowrap}.dt-cell--status{min-width:100px;max-width:150px;white-space:nowrap}.dt-cell--short{min-width:100px;max-width:200px}.dt-cell--medium{min-width:140px;max-width:280px}.dt-cell--long{min-width:160px;max-width:400px}.dt-cell--date{min-width:100px;max-width:140px;white-space:nowrap}.dt-cell--boolean{min-width:70px;max-width:100px;white-space:nowrap}.dt-cell--actions{min-width:80px;white-space:nowrap;border-inline-start:1px solid var(--neutral-100, #f3f4f6);overflow:visible}.dt-cell--sticky{position:sticky;z-index:1;background-color:inherit}.dt-cell--sticky:first-child{inset-inline-start:0}.dt-cell--actions.dt-cell--sticky{inset-inline-end:0}.dt-cell--status .dt-cell-content{display:inline-flex;align-items:center}.dt-cell--actions .dt-cell-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1, 4px);overflow:visible;flex-wrap:nowrap}.dt-actions{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1, 4px);flex-wrap:nowrap}.dt-skeleton-row{pointer-events:none}.dt-skeleton-row .dt-cell{padding:var(--space-3, 12px)}.dt-skeleton-block{height:16px;border-radius:var(--radius-sm, 4px);background:linear-gradient(90deg,var(--neutral-200, #e5e7eb) 25%,var(--neutral-100, #f3f4f6) 50%,var(--neutral-200, #e5e7eb) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-table-container .table-empty,.dt-table-container .empty-state{min-height:320px}.dt-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);border-top:1px solid var(--neutral-200, #e5e7eb);background-color:var(--neutral-50, #f8fafc);gap:var(--space-4, 16px);flex-wrap:wrap}.dt-pagination-info{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);white-space:nowrap}.dt-pagination-controls{display:flex;align-items:center;gap:var(--space-4, 16px);flex-wrap:wrap}.dt-pagination-per-page{display:flex;align-items:center;gap:var(--space-2, 8px)}.dt-pagination-per-page label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);white-space:nowrap}.dt-pagination-per-page select{padding:var(--space-1, 4px) var(--space-3, 12px);border:1px solid var(--neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);cursor:pointer;height:36px}.dt-pagination-pages{display:flex;align-items:center;gap:var(--space-1, 4px)}.dt-pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2, 8px);border:1px solid var(--neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);color:var(--text-primary, #1e293b);font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .15s ease}.dt-pagination-btn:hover:not(:disabled){background-color:var(--neutral-100, #f3f4f6);border-color:var(--neutral-400, #9ca3af)}.dt-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.dt-pagination-btn--active{background-color:var(--primary-600, #2563eb);border-color:var(--primary-600, #2563eb);color:#fff}.dt-pagination-btn--active:hover:not(:disabled){background-color:var(--primary-700, #1d4ed8);border-color:var(--primary-700, #1d4ed8)}.dt-pagination-ellipsis{padding:0 var(--space-1, 4px);color:var(--text-muted, #94a3b8);font-size:var(--text-sm, .875rem)}.dt-pagination-jump{display:flex;align-items:center;gap:var(--space-2, 8px)}.dt-pagination-jump-input{width:70px;height:36px;padding:0 var(--space-2, 8px);border:1px solid var(--neutral-300, #d1d5db);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);text-align:center;color:var(--text-primary, #1e293b)}.dt-pagination-jump-input:focus{outline:none;border-color:var(--primary-400, #60a5fa);box-shadow:0 0 0 2px var(--primary-100, #dbeafe)}@media (max-width: 768px){.dt-toolbar{flex-direction:column;align-items:stretch}.dt-pagination{flex-direction:column;align-items:center}.dt-pagination-controls{justify-content:center}.dt-bulk-bar{flex-direction:column;align-items:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.card-body .dt-wrapper{border:none;border-radius:0;box-shadow:none}.dt-cell-content .text-secondary{display:block;margin-top:2px}.dt-cell-content .badge{white-space:nowrap;flex-shrink:0}.fb-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-6, 24px);background-color:var(--neutral-50, #f8fafc);border-bottom:1px solid var(--neutral-200, #e5e7eb);flex-wrap:wrap}.fb-filters{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap;flex:1;min-width:0}.fb-actions{display:flex;align-items:center;gap:var(--space-3, 12px);flex-shrink:0}.fb-search{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:400px}.fb-search-icon{position:absolute;inset-inline-start:var(--space-3, 12px);top:50%;transform:translateY(-50%);color:var(--neutral-400, #9ca3af);pointer-events:none}.fb-search-input{width:100%;height:36px;padding:0 var(--space-3, 12px);padding-inline-start:var(--space-9, 36px);padding-inline-end:var(--space-8, 32px);border:1px solid var(--neutral-200, #e5e7eb);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.fb-search-input::placeholder{color:var(--neutral-400, #9ca3af)}.fb-search-input:focus{border-color:var(--primary-500, #3b82f6);box-shadow:0 0 0 2px var(--primary-100, #dbeafe)}.fb-search-clear{position:absolute;inset-inline-end:var(--space-2, 8px);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-full, 9999px);background-color:var(--neutral-200, #e5e7eb);color:var(--neutral-600, #475569);cursor:pointer;padding:0;transition:background-color .15s ease}.fb-search-clear:hover{background-color:var(--neutral-300, #d1d5db)}.fb-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.fb-select{height:36px;min-width:140px;max-width:180px;padding:0 var(--space-3, 12px);padding-inline-end:var(--space-8, 32px);border:1px solid var(--neutral-200, #e5e7eb);border-radius:var(--radius-md, 8px);background-color:var(--color-bg-card, #ffffff);font-size:var(--text-sm, .875rem);color:var(--text-primary, #1e293b);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-3, 12px) center}[dir=ltr] .fb-select{background-position:right var(--space-3, 12px) center}.fb-select:hover{border-color:var(--neutral-300, #d1d5db)}.fb-select:focus{border-color:var(--primary-500, #3b82f6);box-shadow:0 0 0 2px var(--primary-100, #dbeafe)}.fb-select--active{background-color:var(--primary-50, #eff6ff);border-color:var(--primary-600, #2563eb)}.fb-select--active:hover{border-color:var(--primary-700, #1d4ed8)}.fb-active-count{font-size:var(--text-xs, .75rem);font-weight:var(--font-weight-medium, 500);color:var(--primary-700, #1d4ed8);background-color:var(--primary-50, #eff6ff);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-full, 9999px);white-space:nowrap}@media (max-width: 768px){.fb-bar{flex-direction:column;align-items:stretch;padding:var(--space-3, 12px) var(--space-4, 16px)}.fb-search{max-width:none}.fb-select{max-width:none;min-width:0;flex:1}.fb-actions{justify-content:flex-end}}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-8, 32px)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4, 16px)}.dashboard-header-main h1{display:flex;align-items:center;gap:var(--space-3, 12px);font-size:var(--text-2xl, 1.953rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #1e293b);margin:0}.dashboard-header-main .team-scope-badge{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);background-color:var(--primary-50, #eff6ff);border:1px solid var(--primary-200, #bfdbfe);border-radius:var(--radius-lg, 12px);color:var(--primary-700, #1d4ed8);font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-medium, 500);margin-top:var(--space-2, 8px)}.dashboard-actions{display:flex;align-items:center;gap:var(--space-3, 12px)}.last-refresh-info{font-size:var(--text-sm, .875rem);color:var(--text-muted, #94a3b8)}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.section-header{display:flex;align-items:center;gap:var(--space-3, 12px)}.section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary-100, #dbeafe);border-radius:var(--radius-lg, 12px);color:var(--primary-600, #2563eb)}.section-title{font-size:var(--text-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0}.dashboard-card{background:var(--color-white, white);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08));overflow:hidden}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border-color, #e2e8f0)}.dashboard-card-title{display:flex;align-items:center;gap:var(--space-2-5, 10px);font-size:var(--text-base, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0}.dashboard-card-body{min-height:200px;max-height:320px;overflow-y:auto}.dashboard-card-footer{padding:var(--space-3, 12px) var(--space-5, 20px);border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-subtle, #fafbfc)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4, 16px)}.stat-card{background:var(--color-white, white);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08));padding:var(--space-5, 20px);display:flex;flex-direction:column;gap:var(--space-3, 12px);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0,0,0,.12))}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg, 12px)}.stat-card-icon--primary{background-color:var(--primary-100, #dbeafe);color:var(--primary-600, #2563eb)}.stat-card-icon--success{background-color:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.stat-card-icon--warning{background-color:var(--warning-100, #fef3c7);color:var(--warning-600, #d97706)}.stat-card-icon--danger{background-color:var(--danger-100, #fee2e2);color:var(--danger-600, #dc2626)}.stat-card-value{font-size:var(--text-3xl, 2rem);font-weight:var(--font-weight-bold, 700);line-height:1;color:var(--text-primary, #1e293b)}.stat-card-label{font-size:var(--text-sm, .875rem);color:var(--text-muted, #64748b);font-weight:var(--font-weight-medium, 500)}.stat-card-trend{display:flex;align-items:center;gap:var(--space-1, 4px);font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-medium, 500)}.stat-card-trend--up{color:var(--success-600, #16a34a)}.stat-card-trend--down{color:var(--danger-600, #dc2626)}.sla-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-4, 16px)}.sla-card{background:var(--color-white, white);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08));overflow:hidden}.sla-card--at-risk{border-left:4px solid var(--warning-500, #f59e0b)}.sla-card--breached{border-left:4px solid var(--danger-500, #ef4444)}.sla-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border-color, #e2e8f0)}.sla-card-title{display:flex;align-items:center;gap:var(--space-2-5, 10px);font-size:var(--text-base, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0}.sla-card-count{padding:var(--space-1, 4px) var(--space-2-5, 10px);font-size:var(--text-xs, .75rem);font-weight:var(--font-weight-semibold, 600);border-radius:var(--radius-full, 9999px)}.sla-card-count--warning{color:var(--warning-800, #92400e);background-color:var(--warning-100, #fef3c7)}.sla-card-count--danger{color:var(--danger-800, #991b1b);background-color:var(--danger-100, #fee2e2)}.sla-card-body{min-height:200px;max-height:320px;overflow-y:auto}.sla-card-list{list-style:none;margin:0;padding:0}.sla-card-item{padding:var(--space-3-5, 14px) var(--space-5, 20px);border-bottom:1px solid var(--border-light, #f1f5f9);cursor:pointer;transition:background-color .15s ease}.sla-card-item:hover{background-color:var(--bg-subtle, #f8fafc)}.sla-card-item--breached{background-color:var(--danger-50, #fef2f2)}.sla-card-item--breached:hover{background-color:var(--danger-100, #fee2e2)}.sla-item-header{display:flex;align-items:center;gap:var(--space-2-5, 10px);margin-bottom:var(--space-1-5, 6px)}.sla-item-number{color:var(--primary-600, #3b82f6);font-size:var(--text-sm-minus, .8125rem);font-weight:var(--font-weight-semibold, 600)}.sla-item-title{color:var(--text-primary, #1e293b);font-size:var(--text-base-minus, .9375rem);font-weight:var(--font-weight-medium, 500)}.sla-item-meta{display:flex;align-items:center;gap:var(--space-2, 8px)}.sla-item-time{color:var(--warning-600, #d97706);font-size:var(--text-sm-minus, .8125rem);display:flex;align-items:center;gap:var(--space-1, 4px)}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10, 40px) var(--space-5, 20px);text-align:center;gap:var(--space-3, 12px)}.dashboard-empty-state--success{color:var(--success-600, #16a34a)}.dashboard-empty-state--muted{color:var(--text-muted, #94a3b8)}.dashboard-empty-state-icon{opacity:.5}.dashboard-empty-state-icon--success{color:var(--success-300, #86efac)}.dashboard-empty-state-icon--muted{color:var(--neutral-300, #cbd5e1)}.dashboard-empty-state-text{font-size:var(--text-base-minus, .9375rem)}.attendance-card{background:var(--color-white, white);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08));overflow:hidden}.attendance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background-color:var(--border-color, #e2e8f0)}.attendance-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6, 24px) var(--space-4, 16px);background:var(--color-white, white);text-align:center}.attendance-stat-value{font-size:var(--text-3xl, 2rem);font-weight:var(--font-weight-bold, 700);line-height:1;margin-bottom:var(--space-2, 8px)}.attendance-stat-value--success{color:var(--success-600, #16a34a)}.attendance-stat-value--danger{color:var(--danger-600, #dc2626)}.attendance-stat-value--warning{color:var(--warning-600, #d97706)}.attendance-stat-label{font-size:var(--text-sm-minus, .8125rem);color:var(--text-muted, #64748b);font-weight:var(--font-weight-medium, 500)}.attendance-progress{padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-subtle, #f8fafc)}.attendance-progress-header{display:flex;justify-content:space-between;font-size:var(--text-sm-minus, .8125rem);color:var(--text-muted, #64748b);margin-bottom:var(--space-2, 8px)}.attendance-progress-bar{height:10px;background-color:var(--border-color, #e2e8f0);border-radius:5px;overflow:hidden}.attendance-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:5px;transition:width .3s ease}.activity-card{background:var(--color-white, white);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08));overflow:hidden}.activity-list{list-style:none;margin:0;padding:0}.activity-item{padding:var(--space-3-5, 14px) var(--space-5, 20px);border-bottom:1px solid var(--border-light, #f1f5f9);cursor:pointer;transition:background-color .15s ease}.activity-item:hover{background-color:var(--bg-subtle, #f8fafc)}.activity-item:last-child{border-bottom:none}.activity-item-header{display:flex;align-items:center;gap:var(--space-2-5, 10px);margin-bottom:var(--space-1-5, 6px)}.activity-item-number{color:var(--primary-600, #3b82f6);font-size:var(--text-sm-minus, .8125rem);font-weight:var(--font-weight-semibold, 600)}.activity-item-title{color:var(--text-primary, #1e293b);font-size:var(--text-base-minus, .9375rem);font-weight:var(--font-weight-medium, 500)}.activity-item-meta{display:flex;align-items:center;gap:var(--space-2, 8px)}.activity-item-time{color:var(--text-muted, #94a3b8);font-size:var(--text-sm-minus, .8125rem)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4, 16px)}.dashboard-loading-text{font-size:var(--text-base, 1rem);color:var(--text-muted, #64748b)}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4, 16px);padding:var(--space-8, 32px);text-align:center}.dashboard-error-icon{color:var(--danger-400, #f87171)}.dashboard-error-title{font-size:var(--text-xl, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1e293b);margin:0}.dashboard-error-message{font-size:var(--text-base, 1rem);color:var(--text-muted, #64748b);max-width:400px}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-4, 16px)}.dashboard-tier{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.icon--warning{color:var(--warning-500, #f59e0b)}.icon--danger{color:var(--danger-500, #ef4444)}.icon--primary{color:var(--primary-500, #3b82f6)}.icon--success{color:var(--success-500, #22c55e)}.icon--purple{color:var(--purple-500, #8b5cf6)}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%;justify-content:flex-end}.stats-grid,.sla-grid,.dashboard-widgets-grid,.attendance-grid{grid-template-columns:1fr}.attendance-stat{padding:var(--space-4, 16px);flex-direction:row;justify-content:space-between}.attendance-stat-value{font-size:var(--text-2xl, 1.5rem);margin-bottom:0}}@media (max-width: 480px){.stat-card{padding:var(--space-4, 16px)}.stat-card-value{font-size:var(--text-2xl, 1.5rem)}.dashboard-card-header,.sla-card-header{padding:var(--space-3, 12px) var(--space-4, 16px);flex-wrap:wrap;gap:var(--space-2, 8px)}.sla-card-item,.activity-item{padding:var(--space-3, 12px) var(--space-4, 16px)}}[dir=rtl] .sla-card--at-risk,[dir=rtl] .sla-card--breached{border-left:none;border-right:4px solid}[dir=rtl] .sla-card--at-risk{border-right-color:var(--warning-500, #f59e0b)}[dir=rtl] .sla-card--breached{border-right-color:var(--danger-500, #ef4444)}@media print{.dashboard-actions,.dashboard-card-footer,.sla-card-footer{display:none}.dashboard-card,.sla-card,.stat-card,.attendance-card,.activity-card{box-shadow:none;border:1px solid #e2e8f0;page-break-inside:avoid}.dashboard-card-body,.sla-card-body{max-height:none;overflow:visible}}.dashboard-content{padding:var(--space-6, 24px) var(--space-8, 32px);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6, 24px)}.dashboard-scope-indicator{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-5, 20px);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--primary-300, #93c5fd);border-radius:var(--radius-lg, 10px)}.dashboard-scope-indicator-text{font-size:var(--text-base-minus, .9375rem);color:var(--primary-800, #1e40af);font-weight:var(--font-weight-medium, 500)}.dashboard-tier-section{margin-bottom:var(--space-6, 24px)}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-4, 16px)}.sla-success-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid var(--success-200, #bbf7d0);border-radius:var(--radius-xl, 12px);padding:var(--space-5, 20px) var(--space-6, 24px);display:flex;align-items:center;gap:var(--space-4, 16px);grid-column:1 / -1}.sla-success-icon{width:48px;height:48px;border-radius:var(--radius-xl, 12px);display:flex;align-items:center;justify-content:center;background-color:var(--success-100, #dcfce7);color:var(--success-600, #16a34a);flex-shrink:0}.sla-success-content{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.sla-success-title{font-weight:var(--font-weight-semibold, 600);color:var(--success-800, #166534);font-size:var(--text-base, 1rem);margin:0}.sla-success-description{color:var(--success-600, #16a34a);font-size:var(--text-sm, .875rem);margin:0}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}@media (max-width: 1200px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid-4{grid-template-columns:1fr}}.dashboard-refresh-info{display:flex;align-items:center;gap:var(--space-1-5, 6px)}.dashboard-refresh-info--loading{color:inherit}.dashboard-refresh-info--idle{opacity:.9}.dashboard-page-wrapper{background:var(--bg-secondary, #f8fafc);min-height:100vh}.dashboard-page-header{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:var(--space-6, 24px) var(--space-8, 32px);color:var(--color-white, white);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4, 16px)}.dashboard-page-header-content h1{font-size:var(--text-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);margin:0;margin-bottom:var(--space-1, 4px)}.dashboard-page-header-content p{margin:0;opacity:.85;font-size:var(--text-base-minus, .9375rem)}.dashboard-header-controls{display:flex;align-items:center;gap:var(--space-3, 12px)}.dashboard-refresh-status{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-4, 16px);background:#ffffff26;border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem)}.dashboard-refresh-status-text{display:flex;align-items:center;gap:var(--space-1-5, 6px)}.dashboard-refresh-status-text--loading{color:inherit}.dashboard-refresh-status-text--idle{opacity:.9}