*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Roboto,Helvetica Neue,sans-serif;background-color:#f5f5f5}mat-toolbar{box-shadow:0 2px 4px #0000001a}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{color:#333;margin-bottom:15px}a{color:#1976d2;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}mat-form-field{width:100%}mat-select,input[matInput]{font-size:14px}.mat-mdc-table{width:100%;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.mat-mdc-header-cell{font-weight:500;background-color:#f9f9f9}.mat-mdc-row{border-bottom:1px solid #f0f0f0}.mat-mdc-row:hover{background-color:#f9f9f9}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.success-message{color:#4caf50;padding:10px;background-color:#f1f8e9;border-left:4px solid #4caf50;margin-bottom:15px}.error-message{color:#f44336;padding:10px;background-color:#ffebee;border-left:4px solid #f44336;margin-bottom:15px}@media (max-width: 600px){.container{padding:10px}.mat-mdc-table{font-size:12px}mat-toolbar{flex-direction:column}}