:root{--color-primary-dark: #0f4c75;--color-primary: #3282b8;--color-primary-light: #185a9d;--color-accent: #43cea2;--color-text-primary: #0f4c75;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-inverse: #ffffff;--color-background: #f4f7fb;--color-background-light: #ffffff;--color-background-hover: #f8fafc;--color-background-active: #f0f7ff;--color-border: rgba(15, 76, 117, .08);--color-border-light: rgba(226, 232, 240, .8);--color-border-medium: rgba(203, 213, 225, 1);--color-shadow: rgba(15, 76, 117, .08);--color-shadow-medium: rgba(15, 76, 117, .12);--color-shadow-large: rgba(15, 76, 117, .2);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-dark: #dc2626;--color-info: #3282b8;--color-info-light: rgba(50, 130, 184, .1);--color-info-dark: #185a9d;--color-white: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--focus-ring-width: 3px;--focus-ring-color: rgba(50, 130, 184, .2);--focus-ring-offset: 2px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(to bottom,var(--color-background) 0%,var(--color-white) 100%);font-family:Almarai,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary)}[dir=rtl],[lang=ar],.arabic,*:lang(ar){font-family:Almarai,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{line-height:1.5;font-size:clamp(.9375rem,1vw,1rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary);margin:0}h2{font-size:clamp(1.5rem,3.5vw,1.875rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--color-text-primary);margin:0}h3{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.4;color:var(--color-text-primary);margin:0}h4{font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;line-height:1.4;color:var(--color-text-primary);margin:0}h5{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;line-height:1.5;color:var(--color-text-primary);margin:0}h6{font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;line-height:1.5;color:var(--color-text-primary);margin:0}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}*:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}button{font-family:inherit;position:relative;overflow:hidden;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);min-height:44px;min-width:44px}button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px #3282b833}button:focus:not(:focus-visible){outline:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,h4,h5,h6{font-family:Almarai,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[dir=rtl] h1,[lang=ar] h1,.arabic h1,[dir=rtl] h2,[lang=ar] h2,.arabic h2,[dir=rtl] h3,[lang=ar] h3,.arabic h3,[dir=rtl] h4,[lang=ar] h4,.arabic h4,[dir=rtl] h5,[lang=ar] h5,.arabic h5,[dir=rtl] h6,[lang=ar] h6,.arabic h6{font-family:Almarai,Inter,system-ui,sans-serif}i.fas,i.far,i.fal,i.fab,i.fa-solid,i.fa-regular,i.fa-light,i.fa-brands{font-size:inherit;display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}i.fas.icon-sm,i.far.icon-sm,i.fal.icon-sm,i.fab.icon-sm,i.fa-solid.icon-sm,i.fa-regular.icon-sm,i.fa-light.icon-sm,i.fa-brands.icon-sm{font-size:.875rem;width:16px;height:16px}i.fas.icon-md,i.far.icon-md,i.fal.icon-md,i.fab.icon-md,i.fa-solid.icon-md,i.fa-regular.icon-md,i.fa-light.icon-md,i.fa-brands.icon-md{font-size:1rem;width:20px;height:20px}i.fas.icon-lg,i.far.icon-lg,i.fal.icon-lg,i.fab.icon-lg,i.fa-solid.icon-lg,i.fa-regular.icon-lg,i.fa-light.icon-lg,i.fa-brands.icon-lg{font-size:1.25rem;width:24px;height:24px}i.fas.icon-xl,i.far.icon-xl,i.fal.icon-xl,i.fab.icon-xl,i.fa-solid.icon-xl,i.fa-regular.icon-xl,i.fa-light.icon-xl,i.fa-brands.icon-xl{font-size:1.5rem;width:28px;height:28px}i.fas.icon-shadow,i.far.icon-shadow,i.fal.icon-shadow,i.fab.icon-shadow,i.fa-solid.icon-shadow,i.fa-regular.icon-shadow,i.fa-light.icon-shadow,i.fa-brands.icon-shadow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}i.fas.icon-glow,i.far.icon-glow,i.fal.icon-glow,i.fab.icon-glow,i.fa-solid.icon-glow,i.fa-regular.icon-glow,i.fa-light.icon-glow,i.fa-brands.icon-glow{filter:drop-shadow(0 0 8px currentColor)}button i.fas,.btn-primary i.fas,.btn-secondary i.fas,button i.far,.btn-primary i.far,.btn-secondary i.far,button i.fal,.btn-primary i.fal,.btn-secondary i.fal,button i.fab,.btn-primary i.fab,.btn-secondary i.fab,button i.fa-solid,.btn-primary i.fa-solid,.btn-secondary i.fa-solid,button i.fa-regular,.btn-primary i.fa-regular,.btn-secondary i.fa-regular,button i.fa-light,.btn-primary i.fa-light,.btn-secondary i.fa-light,button i.fa-brands,.btn-primary i.fa-brands,.btn-secondary i.fa-brands{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.btn-link{background:none;border:none;color:var(--color-primary-light);cursor:pointer;text-decoration:none;padding:.5rem .75rem;font-size:.9rem;font-weight:500;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;position:relative}.btn-link i{font-size:.875rem;width:16px;text-align:center}.btn-link:not(.btn-upload):not(.btn-replace):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary-light);transition:all .2s ease;transform:translate(-50%)}.btn-link:not(.btn-upload):not(.btn-replace):hover:not(:disabled){color:var(--color-primary-dark);background:#0f4c7514}.btn-link:not(.btn-upload):not(.btn-replace):hover:not(:disabled):after{width:calc(100% - 1rem)}.btn-link:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin:0}input[type=checkbox]:hover:not(:disabled){border-color:var(--color-primary);background:#3282b80d;transform:scale(1.05)}input[type=checkbox]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3282b81a,0 0 0 2px var(--color-primary)}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-color:var(--color-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;animation:checkmark .2s ease}input[type=checkbox]:checked:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);transform:scale(1.05)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}@keyframes checkmark{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(0)}to{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]{margin:0}.checkbox-wrapper label{cursor:pointer;margin:0;font-weight:500;color:var(--color-text-primary);transition:color .2s ease}.checkbox-wrapper:hover label{color:var(--color-primary-dark)}.checkbox-wrapper.disabled{opacity:.6;cursor:not-allowed}.checkbox-wrapper.disabled label{cursor:not-allowed}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #3282b840;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:42px;white-space:nowrap}.btn-primary i{font-size:.875rem;width:16px;text-align:center}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);box-shadow:0 6px 16px #3282b859;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #185a9d40}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #185a9d26}.btn-primary.loading{position:relative;color:transparent}.btn-primary.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:var(--color-primary-light);border:2px solid var(--color-primary-light);border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #3282b826;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:42px;white-space:nowrap}.btn-secondary i{font-size:.875rem;width:16px;text-align:center}.btn-secondary:hover:not(:disabled){background:#f0f7ff;border-color:var(--color-primary-dark);color:var(--color-primary-dark);box-shadow:0 4px 12px #3282b840;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #185a9d26}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-edit,.btn-delete,.btn-download,.btn-preview{padding:.6rem 1.1rem;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;margin-right:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #0000001a;min-height:36px;white-space:nowrap}.btn-edit i,.btn-delete i,.btn-download i,.btn-preview i{font-size:.875rem;width:16px;text-align:center}.btn-edit:hover:not(:disabled),.btn-delete:hover:not(:disabled),.btn-download:hover:not(:disabled),.btn-preview:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-edit:active:not(:disabled),.btn-delete:active:not(:disabled),.btn-download:active:not(:disabled),.btn-preview:active:not(:disabled){transform:translateY(0)}.btn-edit:disabled,.btn-delete:disabled,.btn-download:disabled,.btn-preview:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-edit{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff}.btn-edit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);box-shadow:0 4px 12px #3282b84d}.btn-delete{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#dc3545);box-shadow:0 4px 12px #dc35454d}.btn-download{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff}.btn-download:hover:not(:disabled){background:linear-gradient(135deg,#218838,#28a745);box-shadow:0 4px 12px #28a7454d}.btn-preview{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff}.btn-preview:hover:not(:disabled){background:linear-gradient(135deg,#138496,#17a2b8);box-shadow:0 4px 12px #17a2b84d}.btn-ghost{padding:.75rem 1.5rem;background:transparent;color:#64748b;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:42px;white-space:nowrap}.btn-ghost i{font-size:.875rem;width:16px;text-align:center}.btn-ghost:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f1e2d}.btn-ghost:active:not(:disabled){background:#e2e8f0}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(50,130,184,.2);border-radius:50%;border-top-color:var(--color-primary);animation:spin .6s linear infinite}.loading-spinner.spinner-sm{width:16px;height:16px;border-width:2px}.loading-spinner.spinner-lg{width:32px;height:32px;border-width:4px}.loading-spinner.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--color-text-secondary)}.empty-state .empty-state-icon{font-size:4rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg);opacity:.5}.empty-state .empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state .empty-state-description{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:400px}.empty-state .empty-state-action{margin-top:var(--spacing-lg)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--color-error)}.error-state .error-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.error-state .error-state-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.error-state .error-state-description{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:400px}.error-state .error-state-action{margin-top:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge.badge-error{background:var(--color-error-light);color:var(--color-error-dark)}.badge.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge.badge-primary{background:#3282b81a;color:var(--color-primary-dark)}.page{padding:0;max-width:100%;margin:0;width:100%}.page-header{padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}@media (max-width: 768px){.page-header{padding-left:1rem;padding-right:1rem}}.page-actions{padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}@media (max-width: 768px){.page-actions{padding-left:1rem;padding-right:1rem}}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;position:relative}.form-group.full-width{grid-column:1/-1}.form-group.checkbox,.form-group.radio{flex-direction:row;align-items:center;gap:.75rem;margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#1e293b;margin-bottom:.25rem}.form-group label i{color:#64748b;font-size:.875rem}.form-group label:after{content:""}.form-group label:has(+input[required]):after,.form-group label:has(+select[required]):after,.form-group label:has(+textarea[required]):after{content:"*";color:#ef4444;margin-left:.25rem;font-weight:700}.form-group small{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#64748b;margin-top:-.25rem}.form-group small i{font-size:.75rem}.form-group small.error,.form-group small.error i{color:#ef4444}.form-group small.success,.form-group small.success i{color:#10b981}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:1rem!important;color:#94a3b8;font-size:.875rem;pointer-events:none;z-index:2;transition:color .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:100%;top:0;flex-shrink:0;line-height:1;transform:none!important}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{padding-left:3.75rem!important;width:100%;position:relative;z-index:1;box-sizing:border-box;-webkit-padding-start:3.75rem!important;padding-inline-start:3.75rem!important}.input-wrapper select{padding-right:2.5rem!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size:12px}.input-wrapper select:focus{background-color:#fff}.input-wrapper input:focus~i,.input-wrapper input:not(:placeholder-shown)~i,.input-wrapper select:focus~i,.input-wrapper select:not([value=""])~i,.input-wrapper textarea:focus~i,.input-wrapper textarea:not(:placeholder-shown)~i{color:#185a9d}.input-wrapper i~input,.input-wrapper i~select,.input-wrapper i~textarea{padding-left:3.75rem!important}.input-wrapper.input-icon-right i{left:auto;right:1rem}.input-wrapper.input-icon-right input,.input-wrapper.input-icon-right select,.input-wrapper.input-icon-right textarea{padding-left:1rem!important;padding-right:3.75rem!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search]{width:100%;padding:.875rem 1rem;font-size:.9375rem;font-family:inherit;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder{color:#94a3b8;opacity:1}input[type=text]:hover:not(:disabled):not(:focus),input[type=email]:hover:not(:disabled):not(:focus),input[type=password]:hover:not(:disabled):not(:focus),input[type=number]:hover:not(:disabled):not(:focus),input[type=tel]:hover:not(:disabled):not(:focus),input[type=url]:hover:not(:disabled):not(:focus),input[type=search]:hover:not(:disabled):not(:focus){border-color:#cbd5e1;background:#f8fafc}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus{border-color:#185a9d;background:#fff;box-shadow:0 0 0 4px #185a9d1a}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=search]:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7}input[type=text].ng-invalid.ng-touched,input[type=text].is-invalid,input[type=email].ng-invalid.ng-touched,input[type=email].is-invalid,input[type=password].ng-invalid.ng-touched,input[type=password].is-invalid,input[type=number].ng-invalid.ng-touched,input[type=number].is-invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].is-invalid,input[type=url].ng-invalid.ng-touched,input[type=url].is-invalid,input[type=search].ng-invalid.ng-touched,input[type=search].is-invalid{border-color:#ef4444}input[type=text].ng-invalid.ng-touched:focus,input[type=text].is-invalid:focus,input[type=email].ng-invalid.ng-touched:focus,input[type=email].is-invalid:focus,input[type=password].ng-invalid.ng-touched:focus,input[type=password].is-invalid:focus,input[type=number].ng-invalid.ng-touched:focus,input[type=number].is-invalid:focus,input[type=tel].ng-invalid.ng-touched:focus,input[type=tel].is-invalid:focus,input[type=url].ng-invalid.ng-touched:focus,input[type=url].is-invalid:focus,input[type=search].ng-invalid.ng-touched:focus,input[type=search].is-invalid:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}input[type=text].ng-valid.ng-touched:not(:focus),input[type=text].is-valid,input[type=email].ng-valid.ng-touched:not(:focus),input[type=email].is-valid,input[type=password].ng-valid.ng-touched:not(:focus),input[type=password].is-valid,input[type=number].ng-valid.ng-touched:not(:focus),input[type=number].is-valid,input[type=tel].ng-valid.ng-touched:not(:focus),input[type=tel].is-valid,input[type=url].ng-valid.ng-touched:not(:focus),input[type=url].is-valid,input[type=search].ng-valid.ng-touched:not(:focus),input[type=search].is-valid{border-color:#10b981}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{width:100%;padding:.875rem 1rem;font-size:.9375rem;font-family:inherit;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer}input[type=date]:hover:not(:disabled):not(:focus),input[type=datetime-local]:hover:not(:disabled):not(:focus),input[type=time]:hover:not(:disabled):not(:focus),input[type=month]:hover:not(:disabled):not(:focus),input[type=week]:hover:not(:disabled):not(:focus){border-color:#cbd5e1;background:#f8fafc}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus{border-color:#185a9d;background:#fff;box-shadow:0 0 0 4px #185a9d1a}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=time]:disabled,input[type=month]:disabled,input[type=week]:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7}input[type=date].ng-invalid.ng-touched,input[type=date].is-invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].is-invalid,input[type=time].ng-invalid.ng-touched,input[type=time].is-invalid,input[type=month].ng-invalid.ng-touched,input[type=month].is-invalid,input[type=week].ng-invalid.ng-touched,input[type=week].is-invalid{border-color:#ef4444}input[type=date].ng-invalid.ng-touched:focus,input[type=date].is-invalid:focus,input[type=datetime-local].ng-invalid.ng-touched:focus,input[type=datetime-local].is-invalid:focus,input[type=time].ng-invalid.ng-touched:focus,input[type=time].is-invalid:focus,input[type=month].ng-invalid.ng-touched:focus,input[type=month].is-invalid:focus,input[type=week].ng-invalid.ng-touched:focus,input[type=week].is-invalid:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}textarea{width:100%;padding:.875rem 1rem;font-size:.9375rem;font-family:inherit;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;resize:vertical;min-height:120px;line-height:1.6}textarea::placeholder{color:#94a3b8;opacity:1}textarea:hover:not(:disabled):not(:focus){border-color:#cbd5e1;background:#f8fafc}textarea:focus{border-color:#185a9d;background:#fff;box-shadow:0 0 0 4px #185a9d1a}textarea:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7}textarea.ng-invalid.ng-touched,textarea.is-invalid{border-color:#ef4444}textarea.ng-invalid.ng-touched:focus,textarea.is-invalid:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}select{width:100%;padding:.875rem 3rem .875rem 1rem;font-size:.9375rem;font-family:inherit;color:#1e293b;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size:16px;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-weight:500;min-height:44px;line-height:1.5}select option{padding:.875rem 1rem;color:#1e293b;background:#fff;font-size:.9375rem;font-weight:500;line-height:1.5;min-height:44px;display:flex;align-items:center}select option:hover{background:#f0f9ff;color:#185a9d}select option:checked,select option:focus{background:#e7f3ff;color:#185a9d;font-weight:600}select option:disabled{color:#94a3b8;background:#f1f5f9}select:hover:not(:disabled):not(:focus){border-color:#cbd5e1;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23185a9d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:focus{border-color:#185a9d;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23185a9d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");box-shadow:0 0 0 4px #185a9d1a}select:disabled{background:#f1f5f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size:16px;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7}select.ng-invalid.ng-touched,select.is-invalid{border-color:#ef4444}select.ng-invalid.ng-touched:focus,select.is-invalid:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select::-ms-expand{display:none}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #1e293b}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper i{position:absolute;left:1rem;color:#94a3b8;font-size:.875rem;pointer-events:none;z-index:2;transition:color .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:100%;top:0;flex-shrink:0;line-height:1}.select-wrapper select{padding-left:3.75rem!important;padding-right:2.5rem!important;width:100%;position:relative;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size:12px;box-sizing:border-box}.select-wrapper select:focus{background-color:#fff}.select-wrapper select:focus~i{color:#185a9d}.select-wrapper select:not([value=""])~i{color:#185a9d}input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #cbd5e1;border-radius:5px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}input[type=checkbox]:hover:not(:disabled){border-color:#185a9d;background:#f0f9ff}input[type=checkbox]:checked{background:#185a9d;border-color:#185a9d}input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 4px #185a9d1a}input[type=checkbox]:disabled{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.5}input[type=checkbox]+span,input[type=checkbox]+label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1e293b;font-weight:500;font-size:.9375rem}input[type=radio]{width:20px;height:20px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #cbd5e1;border-radius:50%;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}input[type=radio]:hover:not(:disabled){border-color:#185a9d;background:#f0f9ff}input[type=radio]:checked{border-color:#185a9d}input[type=radio]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#185a9d;border-radius:50%}input[type=radio]:focus{outline:none;box-shadow:0 0 0 4px #185a9d1a}input[type=radio]:disabled{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.5}input[type=radio]+span,input[type=radio]+label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1e293b;font-weight:500;font-size:.9375rem}input[type=file]{width:100%;padding:.875rem 1rem;font-size:.9375rem;font-family:inherit;color:#1e293b;background:#fff;border:2px dashed #cbd5e1;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer}input[type=file]::file-selector-button{padding:.5rem 1rem;margin-right:1rem;background:#185a9d;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}input[type=file]::file-selector-button:hover{background:#0f4c75}input[type=file]:hover:not(:disabled){border-color:#185a9d;background:#f8fafc}input[type=file]:focus{border-color:#185a9d;box-shadow:0 0 0 4px #185a9d1a}input[type=file]:disabled{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.7}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.checkbox-group label,.radio-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .15s ease}.checkbox-group label:hover,.radio-group label:hover{background:#fff}.checkbox-group label input[type=checkbox],.checkbox-group label input[type=radio],.radio-group label input[type=checkbox],.radio-group label input[type=radio]{margin:0}.checkbox-group label span,.radio-group label span{flex:1;color:#1e293b;font-weight:500;font-size:.9375rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.form-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#1e293b;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.form-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem;color:#64748b}.form-hint i{color:#3b82f6;font-size:.875rem}.validation-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem;font-weight:500}.validation-message.error,.validation-message.error i{color:#ef4444}.validation-message.success,.validation-message.success i{color:#10b981}.validation-message.info,.validation-message.info i{color:#3b82f6}.modal-container,.manager-panel-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container .overlay,.manager-panel-container .overlay{position:fixed;inset:0;background:#0f1e2d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-container .modal-panel,.modal-container .manager-panel,.manager-panel-container .modal-panel,.manager-panel-container .manager-panel{position:relative;width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0f1e2d4d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);z-index:1001;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container .modal-panel.modal-small,.modal-container .manager-panel.modal-small,.manager-panel-container .modal-panel.modal-small,.manager-panel-container .manager-panel.modal-small{max-width:400px}.modal-container .modal-panel.modal-medium,.modal-container .manager-panel.modal-medium,.manager-panel-container .modal-panel.modal-medium,.manager-panel-container .manager-panel.modal-medium{max-width:600px}.modal-container .modal-panel.modal-large,.modal-container .modal-panel.service-panel,.modal-container .manager-panel.modal-large,.modal-container .manager-panel.service-panel,.manager-panel-container .modal-panel.modal-large,.manager-panel-container .modal-panel.service-panel,.manager-panel-container .manager-panel.modal-large,.manager-panel-container .manager-panel.service-panel{max-width:800px}.modal-container .modal-panel.modal-xl,.modal-container .manager-panel.modal-xl,.manager-panel-container .modal-panel.modal-xl,.manager-panel-container .manager-panel.modal-xl{max-width:1200px}.modal-container .modal-panel.modal-full,.modal-container .manager-panel.modal-full,.manager-panel-container .modal-panel.modal-full,.manager-panel-container .manager-panel.modal-full{max-width:95vw;width:95vw}@media (max-width: 1024px){.modal-container .modal-panel.modal-xl,.modal-container .manager-panel.modal-xl,.manager-panel-container .modal-panel.modal-xl,.manager-panel-container .manager-panel.modal-xl{max-width:95vw}.modal-container .modal-panel.modal-large,.modal-container .modal-panel.service-panel,.modal-container .manager-panel.modal-large,.modal-container .manager-panel.service-panel,.manager-panel-container .modal-panel.modal-large,.manager-panel-container .modal-panel.service-panel,.manager-panel-container .manager-panel.modal-large,.manager-panel-container .manager-panel.service-panel{max-width:90vw}}@media (max-width: 768px){.modal-container .modal-panel,.modal-container .manager-panel,.manager-panel-container .modal-panel,.manager-panel-container .manager-panel{max-width:100%;width:100%;max-height:100vh;border-radius:0;margin:0}}@media (max-width: 480px){.modal-container .modal-panel,.modal-container .manager-panel,.manager-panel-container .modal-panel,.manager-panel-container .manager-panel{max-height:100vh}}.modal-container .modal-panel header,.modal-container .manager-panel header,.manager-panel-container .modal-panel header,.manager-panel-container .manager-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff);flex-shrink:0}.modal-container .modal-panel header>div,.modal-container .manager-panel header>div,.manager-panel-container .modal-panel header>div,.manager-panel-container .manager-panel header>div{flex:1;min-width:0}.modal-container .modal-panel header h3,.modal-container .manager-panel header h3,.manager-panel-container .modal-panel header h3,.manager-panel-container .manager-panel header h3{margin:0;font-size:1.375rem;font-weight:600;color:#0f1e2d;line-height:1.4}.modal-container .modal-panel header p,.modal-container .manager-panel header p,.manager-panel-container .modal-panel header p,.manager-panel-container .manager-panel header p{margin:.5rem 0 0;color:#64748b;font-size:.9375rem;line-height:1.5}.modal-container .modal-panel header button.ghost,.modal-container .manager-panel header button.ghost,.manager-panel-container .modal-panel header button.ghost,.manager-panel-container .manager-panel header button.ghost{border:1px solid #cbd5e1;background:transparent;border-radius:8px;color:#64748b;padding:.5rem 1rem;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;flex-shrink:0}.modal-container .modal-panel header button.ghost:hover,.modal-container .manager-panel header button.ghost:hover,.manager-panel-container .modal-panel header button.ghost:hover,.manager-panel-container .manager-panel header button.ghost:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f1e2d}.modal-container .modal-panel .panel-content,.modal-container .modal-panel .modal-content,.modal-container .manager-panel .panel-content,.modal-container .manager-panel .modal-content,.manager-panel-container .modal-panel .panel-content,.manager-panel-container .modal-panel .modal-content,.manager-panel-container .manager-panel .panel-content,.manager-panel-container .manager-panel .modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;min-height:0}@media (max-width: 768px){.modal-container .modal-panel .panel-content,.modal-container .modal-panel .modal-content,.modal-container .manager-panel .panel-content,.modal-container .manager-panel .modal-content,.manager-panel-container .modal-panel .panel-content,.manager-panel-container .modal-panel .modal-content,.manager-panel-container .manager-panel .panel-content,.manager-panel-container .manager-panel .modal-content{padding:1.25rem 1rem;gap:1rem}}@media (max-width: 480px){.modal-container .modal-panel .panel-content,.modal-container .modal-panel .modal-content,.modal-container .manager-panel .panel-content,.modal-container .manager-panel .modal-content,.manager-panel-container .modal-panel .panel-content,.manager-panel-container .modal-panel .modal-content,.manager-panel-container .manager-panel .panel-content,.manager-panel-container .manager-panel .modal-content{padding:1rem .75rem;gap:.75rem}}.modal-container .modal-panel .panel-content::-webkit-scrollbar,.modal-container .modal-panel .modal-content::-webkit-scrollbar,.modal-container .manager-panel .panel-content::-webkit-scrollbar,.modal-container .manager-panel .modal-content::-webkit-scrollbar,.manager-panel-container .modal-panel .panel-content::-webkit-scrollbar,.manager-panel-container .modal-panel .modal-content::-webkit-scrollbar,.manager-panel-container .manager-panel .panel-content::-webkit-scrollbar,.manager-panel-container .manager-panel .modal-content::-webkit-scrollbar{width:8px}.modal-container .modal-panel .panel-content::-webkit-scrollbar-track,.modal-container .modal-panel .modal-content::-webkit-scrollbar-track,.modal-container .manager-panel .panel-content::-webkit-scrollbar-track,.modal-container .manager-panel .modal-content::-webkit-scrollbar-track,.manager-panel-container .modal-panel .panel-content::-webkit-scrollbar-track,.manager-panel-container .modal-panel .modal-content::-webkit-scrollbar-track,.manager-panel-container .manager-panel .panel-content::-webkit-scrollbar-track,.manager-panel-container .manager-panel .modal-content::-webkit-scrollbar-track{background:#f1f5f9}.modal-container .modal-panel .panel-content::-webkit-scrollbar-thumb,.modal-container .modal-panel .modal-content::-webkit-scrollbar-thumb,.modal-container .manager-panel .panel-content::-webkit-scrollbar-thumb,.modal-container .manager-panel .modal-content::-webkit-scrollbar-thumb,.manager-panel-container .modal-panel .panel-content::-webkit-scrollbar-thumb,.manager-panel-container .modal-panel .modal-content::-webkit-scrollbar-thumb,.manager-panel-container .manager-panel .panel-content::-webkit-scrollbar-thumb,.manager-panel-container .manager-panel .modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-container .modal-panel .panel-content::-webkit-scrollbar-thumb:hover,.modal-container .modal-panel .modal-content::-webkit-scrollbar-thumb:hover,.modal-container .manager-panel .panel-content::-webkit-scrollbar-thumb:hover,.modal-container .manager-panel .modal-content::-webkit-scrollbar-thumb:hover,.manager-panel-container .modal-panel .panel-content::-webkit-scrollbar-thumb:hover,.manager-panel-container .modal-panel .modal-content::-webkit-scrollbar-thumb:hover,.manager-panel-container .manager-panel .panel-content::-webkit-scrollbar-thumb:hover,.manager-panel-container .manager-panel .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-container .modal-panel .panel-actions,.modal-container .modal-panel .modal-actions,.modal-container .manager-panel .panel-actions,.modal-container .manager-panel .modal-actions,.manager-panel-container .modal-panel .panel-actions,.manager-panel-container .modal-panel .modal-actions,.manager-panel-container .manager-panel .panel-actions,.manager-panel-container .manager-panel .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.75rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}@media (max-width: 768px){.modal-container .modal-panel .panel-actions,.modal-container .modal-panel .modal-actions,.modal-container .manager-panel .panel-actions,.modal-container .manager-panel .modal-actions,.manager-panel-container .modal-panel .panel-actions,.manager-panel-container .modal-panel .modal-actions,.manager-panel-container .manager-panel .panel-actions,.manager-panel-container .manager-panel .modal-actions{flex-direction:column-reverse;padding:1rem;gap:.5rem}.modal-container .modal-panel .panel-actions button,.modal-container .modal-panel .modal-actions button,.modal-container .manager-panel .panel-actions button,.modal-container .manager-panel .modal-actions button,.manager-panel-container .modal-panel .panel-actions button,.manager-panel-container .modal-panel .modal-actions button,.manager-panel-container .manager-panel .panel-actions button,.manager-panel-container .manager-panel .modal-actions button{width:100%}}@media (max-width: 480px){.modal-container .modal-panel .panel-actions,.modal-container .modal-panel .modal-actions,.modal-container .manager-panel .panel-actions,.modal-container .manager-panel .modal-actions,.manager-panel-container .modal-panel .panel-actions,.manager-panel-container .modal-panel .modal-actions,.manager-panel-container .manager-panel .panel-actions,.manager-panel-container .manager-panel .modal-actions{padding:.75rem}}article,.card,.project-card,.managers-card,.info-card,.metric-card,.service-card{background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000000d,0 4px 12px #0f4c7514;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%}article *,.card *,.project-card *,.managers-card *,.info-card *,.metric-card *,.service-card *{box-sizing:border-box;max-width:100%}article p,article span,article div,article h1,article h2,article h3,article h4,article h5,article h6,.card p,.card span,.card div,.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.project-card p,.project-card span,.project-card div,.project-card h1,.project-card h2,.project-card h3,.project-card h4,.project-card h5,.project-card h6,.managers-card p,.managers-card span,.managers-card div,.managers-card h1,.managers-card h2,.managers-card h3,.managers-card h4,.managers-card h5,.managers-card h6,.info-card p,.info-card span,.info-card div,.info-card h1,.info-card h2,.info-card h3,.info-card h4,.info-card h5,.info-card h6,.metric-card p,.metric-card span,.metric-card div,.metric-card h1,.metric-card h2,.metric-card h3,.metric-card h4,.metric-card h5,.metric-card h6,.service-card p,.service-card span,.service-card div,.service-card h1,.service-card h2,.service-card h3,.service-card h4,.service-card h5,.service-card h6{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}article img,.card img,.project-card img,.managers-card img,.info-card img,.metric-card img,.service-card img{max-width:100%;height:auto;object-fit:contain}article table,.card table,.project-card table,.managers-card table,.info-card table,.metric-card table,.service-card table{width:100%;table-layout:auto;word-wrap:break-word}article table td,article table th,.card table td,.card table th,.project-card table td,.project-card table th,.managers-card table td,.managers-card table th,.info-card table td,.info-card table th,.metric-card table td,.metric-card table th,.service-card table td,.service-card table th{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}article:after,.card:after,.project-card:after,.managers-card:after,.info-card:after,.metric-card:after,.service-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary) 50%,var(--color-primary-dark) 100%);opacity:0;transition:opacity .3s ease}article:hover,.card:hover,.project-card:hover,.managers-card:hover,.info-card:hover,.metric-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px #00000012,0 12px #0f4c751f,0 20px 40px #0f4c751a;border-color:#3282b840}article:hover:after,.card:hover:after,.project-card:hover:after,.managers-card:hover:after,.info-card:hover:after,.metric-card:hover:after,.service-card:hover:after{opacity:1}article i,.card i,.project-card i,.managers-card i,.info-card i,.metric-card i,.service-card i{color:var(--color-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .2s ease}article:hover i,.card:hover i,.project-card:hover i,.managers-card:hover i,.info-card:hover i,.metric-card:hover i,.service-card:hover i{color:var(--color-primary-dark);transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(50,130,184,.3))}i.fas,i.far,i.fal,i.fab,i.fa-solid,i.fa-regular,i.fa-light,i.fa-brands{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}h1 i.fas,h2 i.fas,h3 i.fas,h4 i.fas,h5 i.fas,h6 i.fas,h1 i.far,h2 i.far,h3 i.far,h4 i.far,h5 i.far,h6 i.far,h1 i.fal,h2 i.fal,h3 i.fal,h4 i.fal,h5 i.fal,h6 i.fal,h1 i.fab,h2 i.fab,h3 i.fab,h4 i.fab,h5 i.fab,h6 i.fab,h1 i.fa-solid,h2 i.fa-solid,h3 i.fa-solid,h4 i.fa-solid,h5 i.fa-solid,h6 i.fa-solid,h1 i.fa-regular,h2 i.fa-regular,h3 i.fa-regular,h4 i.fa-regular,h5 i.fa-regular,h6 i.fa-regular,h1 i.fa-light,h2 i.fa-light,h3 i.fa-light,h4 i.fa-light,h5 i.fa-light,h6 i.fa-light,h1 i.fa-brands,h2 i.fa-brands,h3 i.fa-brands,h4 i.fa-brands,h5 i.fa-brands,h6 i.fa-brands{filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));color:var(--color-primary)}button i.fas,button i.far,button i.fal,button i.fab,button i.fa-solid,button i.fa-regular,button i.fa-light,button i.fa-brands{filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}i.fas.icon-primary,i.far.icon-primary,i.fal.icon-primary,i.fab.icon-primary,i.fa-solid.icon-primary,i.fa-regular.icon-primary,i.fa-light.icon-primary,i.fa-brands.icon-primary{color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(50,130,184,.25))}i.fas.icon-accent,i.far.icon-accent,i.fal.icon-accent,i.fab.icon-accent,i.fa-solid.icon-accent,i.fa-regular.icon-accent,i.fa-light.icon-accent,i.fa-brands.icon-accent{color:var(--color-accent);filter:drop-shadow(0 2px 4px rgba(67,206,162,.25))}.table-wrapper,.table-responsive,.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.table-wrapper::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.data-table::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track,.data-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb,.data-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover,.table-responsive::-webkit-scrollbar-thumb:hover,.data-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-wrapper table,.table-responsive table,.data-table table{width:100%;min-width:600px}@media (max-width: 768px){.table-wrapper table,.table-responsive table,.data-table table{min-width:500px;font-size:.875rem}}@media (max-width: 480px){.table-wrapper table,.table-responsive table,.data-table table{min-width:400px;font-size:.8125rem}}@media (max-width: 768px){.table-wrapper table th,.table-wrapper table td,.table-responsive table th,.table-responsive table td,.data-table table th,.data-table table td{padding:.75rem .5rem}}@media (max-width: 480px){.table-wrapper table th,.table-wrapper table td,.table-responsive table th,.table-responsive table td,.data-table table th,.data-table table td{padding:.625rem .375rem}}@media (max-width: 768px){.table-wrapper table th,.table-responsive table th,.data-table table th{font-size:.75rem}}@media (max-width: 480px){.table-wrapper table th,.table-responsive table th,.data-table table th{font-size:.6875rem}}@media (max-width: 768px){.form-grid,.form-row{grid-template-columns:1fr!important;gap:1rem}}@media (max-width: 480px){.form-grid,.form-row{gap:.875rem}}@media (max-width: 480px){.form-group{margin-bottom:1rem}}@media (max-width: 768px){.form-group label{font-size:.875rem}}@media (max-width: 480px){.form-group label{font-size:.8125rem}}@media (max-width: 768px){.form-group input,.form-group select,.form-group textarea{font-size:.9375rem;padding:.625rem .75rem}}@media (max-width: 480px){.form-group input,.form-group select,.form-group textarea{font-size:.875rem;padding:.5rem .625rem}}@media (max-width: 768px){h1{font-size:clamp(1.5rem,5vw,2rem)!important}}@media (max-width: 480px){h1{font-size:clamp(1.25rem,6vw,1.75rem)!important}}@media (max-width: 768px){h2{font-size:clamp(1.25rem,4vw,1.625rem)!important}}@media (max-width: 480px){h2{font-size:clamp(1.125rem,5vw,1.5rem)!important}}@media (max-width: 768px){h3{font-size:clamp(1.125rem,3.5vw,1.375rem)!important}}@media (max-width: 480px){h3{font-size:clamp(1rem,4vw,1.25rem)!important}}@media (max-width: 768px){.card,.card-section{padding:1.25rem!important;border-radius:12px!important}}@media (max-width: 480px){.card,.card-section{padding:1rem!important;border-radius:8px!important}}@media (max-width: 1024px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}@media (max-width: 480px){.grid-auto-fit{grid-template-columns:1fr!important}}@media (max-width: 768px){.button-group,.action-buttons-group{flex-direction:column;width:100%}.button-group button,.button-group .btn,.action-buttons-group button,.action-buttons-group .btn{width:100%;justify-content:center}}@media (max-width: 768px){.modal-container,.manager-panel-container{padding:0;align-items:flex-end}.modal-container .modal-panel,.modal-container .manager-panel,.manager-panel-container .modal-panel,.manager-panel-container .manager-panel{border-radius:16px 16px 0 0;max-height:95vh}.page{padding:1rem!important}.page-header{padding-bottom:1rem!important;margin-bottom:1.5rem!important}.page-header h1{font-size:clamp(1.5rem,5vw,2rem)!important}}@media (max-width: 480px){.page{padding:.875rem!important}.page-header{padding-bottom:.875rem!important;margin-bottom:1.25rem!important}.page-header h1{font-size:clamp(1.25rem,6vw,1.75rem)!important}}