:root{--bg-color: #e4eaf5;--bg-menu-panel: #7c92a4 ;--bg-menu-highlight: #e0e0e0a6;--bg-dark: #e88e72;--text-light: #ffffffb2;--text-dark: #4b2e2e}html,body{height:100%;margin:0;padding:0}body{font-family:sans-serif;background:repeating-linear-gradient(135deg,#e0e0e0 0px 250px,#e0e0e0 300px,silver 400px,#e0e0e0 500px 750px,#e0e0e0 800px,silver 900px,#e0e0e0 1000px 1250px,#e0e0e0 1300px,silver,#e0e0e0 1500px);background-size:3000px 3000px;background-repeat:repeat;color:#333}button{cursor:pointer;transition:transform .15s ease}button:hover:not(:disabled){transform:scale(1.03)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:12px;max-width:980px;width:fit-content;min-width:300px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background-color:#e5e7eb}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002}.delete-modal{background:#fff;padding:2rem;border-radius:12px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px #0000004d}.delete-modal h2{margin-top:0;font-size:1.5rem;color:#111827;font-weight:600}.delete-modal p{margin:1.5rem 0;font-size:1rem;color:#374151;line-height:1.5}.delete-modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cancel-btn{background:#e5e7eb;color:#374151;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.cancel-btn:hover{background:#d1d5db}.delete-confirm-btn{background:#ef4444;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.delete-confirm-btn:hover{background:#dc2626}.container{display:flex;flex-direction:column;margin:0 auto;text-align:center}.input.ng-invalid.ng-touched,.form-input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:#ef4444!important;border-width:2px!important}.input.ng-invalid.ng-touched:focus,.form-input.ng-invalid.ng-touched:focus,select.ng-invalid.ng-touched:focus,textarea.ng-invalid.ng-touched:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #ef444433!important}.validation-error{color:#ef4444;font-size:.875rem;margin-top:.25rem;font-weight:500}