@import"https://fonts.googleapis.com/icon?family=Material+Icons";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;overflow:hidden;.card-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}}.card-body{padding:20px}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;&:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}}.btn-secondary{background:#fff;color:#666;border:1px solid #ddd;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;&:hover{background:#f8f9fa;border-color:#ccc}}.text-success{color:#4caf50}.text-warning{color:#ff9800}.text-danger{color:#f44336}.text-info{color:#2196f3}.badge{background:#f44336;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;&.online{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}&.offline{background-color:#9e9e9e}&.busy{background-color:#ff9800;animation:pulse 1.5s infinite}&.away{background-color:#ffc107}}.notification-badge{display:inline-block;min-width:18px;height:18px;border-radius:9px;font-size:11px;font-weight:600;text-align:center;line-height:18px;&.warning{background-color:#ff9800;color:#fff}&.error{background-color:#f44336;color:#fff}&.success{background-color:#4caf50;color:#fff}&.info{background-color:#2196f3;color:#fff}}.success-snackbar{background:#4caf50;color:#fff;.mat-simple-snackbar-action{color:#fff}}.error-snackbar{background:#f44336;color:#fff;.mat-simple-snackbar-action{color:#fff}}.warning-snackbar{background:#ff9800;color:#fff;.mat-simple-snackbar-action{color:#fff}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}