:root{--bg-menu-panel: #7c92a4 ;--bg-menu-highlight: #e0e0e0a6;--text-light: #ffffffb2}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;width:100%}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}.tab-container{margin-bottom:20px}.tabs{display:flex;justify-content:center;gap:10px}.tabs button{padding:10px 20px;border:2px solid #ccc;background-color:#f8f9fa;color:#333;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.tabs button.active{background-color:#252323e5;color:#fff;border-color:#252323e5}.tabs button:hover{background-color:#252323b3;color:#fff}.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}@media (max-width: 600px){input[type=date]{width:100%!important;max-width:100%;box-sizing:border-box;min-width:0}}body:has(app-login),html:has(app-login){overflow:hidden!important;height:100vh!important;max-height:100vh!important;width:100vw!important}