:root{--cr-primary: #0A994B;--cr-primary-dark: #078a42;--cr-primary-light: #e6f7ee;--cr-primary-50: #f0faf5;--cr-accent: #D4A017;--cr-accent-dark: #B8860B;--cr-accent-light: #FDF6E3;--cr-bg: #f7f8fa;--cr-surface: #ffffff;--cr-surface-hover: #fafbfc;--cr-text: #1a1d21;--cr-text-secondary: #6b7280;--cr-text-muted: #64748b;--cr-border: #e5e7eb;--cr-border-light: #f0f1f3;--cr-border-hover: #b0b7c3;--cr-error: #dc2626;--cr-error-light: #fef2f2;--cr-success: #16a34a;--cr-success-light: #f0fdf4;--cr-warning: #d97706;--cr-warning-light: #fffbeb;--cr-info: #2563eb;--cr-info-light: #eff6ff;--cr-sidebar-bg: #111827;--cr-sidebar-text: #d1d5db;--cr-sidebar-active-bg: rgba(10, 153, 75, .15);--cr-sidebar-active-text: #34d399;--cr-sidebar-hover-bg: rgba(255, 255, 255, .08);--cr-sidebar-divider: rgba(255, 255, 255, .08);--cr-font-xs: 11px;--cr-font-sm: 12px;--cr-font-base: 13px;--cr-font-md: 14px;--cr-font-lg: 16px;--cr-font-xl: 20px;--cr-font-2xl: 26px;--cr-line-height: 1.5;--cr-line-height-tight: 1.3;--cr-space-1: 4px;--cr-space-2: 8px;--cr-space-3: 12px;--cr-space-4: 16px;--cr-space-5: 20px;--cr-space-6: 24px;--cr-space-8: 32px;--cr-space-10: 40px;--cr-space-12: 48px;--cr-radius-sm: 6px;--cr-radius-md: 8px;--cr-radius-lg: 12px;--cr-radius-xl: 16px;--cr-radius-pill: 9999px;--cr-shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--cr-shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--cr-shadow-lg: 0 10px 25px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--cr-shadow-primary: 0 4px 14px rgba(10, 153, 75, .25);--cr-shadow-primary-sm: 0 2px 8px rgba(10, 153, 75, .18);--cr-transition: .2s cubic-bezier(.4, 0, .2, 1);--cr-transition-fast: .15s ease;--cr-gradient-bg: linear-gradient(160deg, #f0faf5 0%, #f8fafc 40%, #f0faf5 100%);--cr-gradient-primary: linear-gradient(135deg, #0A994B, #078a42);--cr-gradient-header: linear-gradient(135deg, #f8faf9 0%, #f3f4f6 100%);--cr-focus-ring: 0 0 0 2px var(--cr-surface), 0 0 0 4px var(--cr-primary);--cr-purple: #7c3aed;--cr-purple-light: #f5f3ff;--cr-cyan: #0891b2;--cr-cyan-light: #ecfeff;--cr-pink: #ec4899;--cr-pink-light: #fdf2f8}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.cr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all var(--cr-transition);background:var(--cr-primary);color:#fff;text-decoration:none}.cr-btn:hover:not(:disabled){background:var(--cr-primary-dark)}.cr-btn:disabled{opacity:.5;cursor:not-allowed}.cr-btn-sm{padding:6px 12px;font-size:12px}.cr-btn-lg{padding:10px 20px;font-size:14px;border-radius:10px}.cr-btn-outline{background:var(--cr-surface);color:var(--cr-text);border:1.5px solid var(--cr-border)}.cr-btn-outline:hover:not(:disabled){border-color:var(--cr-primary);color:var(--cr-primary);background:var(--cr-surface)}.cr-btn-gradient{background:var(--cr-gradient-primary);box-shadow:var(--cr-shadow-primary-sm)}.cr-btn-gradient:hover:not(:disabled){box-shadow:var(--cr-shadow-primary);transform:translateY(-1px)}.add-btn,.save-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;background:var(--cr-gradient-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;box-shadow:var(--cr-shadow-primary-sm);transition:all var(--cr-transition)}.add-btn:hover:not(:disabled),.save-btn:hover:not(:disabled){box-shadow:var(--cr-shadow-primary);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn,.cancel-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1.5px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--cr-transition)}.export-btn:hover:not(:disabled),.cancel-btn:hover:not(:disabled){border-color:var(--cr-primary);color:var(--cr-primary)}.export-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.export-btn mat-spinner,.cancel-btn mat-spinner{display:inline-block}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--cr-text-secondary);text-decoration:none;padding:8px 14px;border-radius:8px;border:1px solid var(--cr-border);background:var(--cr-surface);transition:all var(--cr-transition)}.back-link:hover{border-color:var(--cr-primary);color:var(--cr-primary)}.edit-btn,.delete-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--cr-transition);text-decoration:none}.edit-btn{margin-right:6px}.edit-btn:hover{border-color:var(--cr-primary);color:var(--cr-primary);background:var(--cr-primary-light)}.delete-btn:hover{border-color:var(--cr-error);color:var(--cr-error);background:var(--cr-error-light)}.form-card{background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:16px;overflow:hidden;box-shadow:var(--cr-shadow-sm);transition:box-shadow var(--cr-transition)}.form-card:hover{box-shadow:var(--cr-shadow-md)}.card-header{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--cr-border-light)}.card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--cr-text)}.card-header p{margin:2px 0 0;font-size:13px;color:var(--cr-text-secondary)}.card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-body{padding:20px 24px 8px}.card-footer{padding:0 24px 22px;display:flex;justify-content:flex-end}.section-card{background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:14px;overflow:hidden;margin-bottom:16px}.section-card:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--cr-border-light)}.section-header h2,.section-header h3{margin:0;font-size:15px;font-weight:600;color:var(--cr-text)}.section-body{padding:18px 20px}.filters-card{margin-bottom:16px;padding:16px}.filters{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.filter-field{min-width:250px;flex:1}.filter-field-sm{min-width:150px}@media(max-width:768px){.filter-field,.filter-field-sm{min-width:0;width:100%}}.field-group{margin-bottom:4px}.field-group label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--cr-text);margin-bottom:6px}.full-width{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:20px;border-top:1px solid var(--cr-border-light)}.loading-state,.empty-state{padding:48px 24px;text-align:center}.empty-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;border-radius:10px;border:none;background:var(--cr-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s}.empty-cta:hover{background:var(--cr-primary-dark, #2e7d32)}.loading-state mat-spinner{margin:0 auto 12px}.loading-state p{font-size:13px;color:var(--cr-text-secondary);margin:0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--cr-text-secondary);border-bottom:1px solid var(--cr-border)}.skeleton-table td{padding:14px 16px;border-bottom:1px solid var(--cr-border-light)}.skeleton-bone{height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.skeleton-bone-sm{width:60%}.skeleton-bone-md{width:80%}.skeleton-bone-lg{width:90%}.skeleton-bone-badge{height:24px;width:72px;border-radius:12px}.empty-icon{width:56px;height:56px;border-radius:14px;background:var(--cr-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--cr-text-muted)}.empty-title{font-size:15px;font-weight:600;color:var(--cr-text);margin:0 0 6px}.empty-desc{font-size:13px;color:var(--cr-text-secondary);margin:0}.status-active{display:inline-block;padding:3px 10px;border-radius:var(--cr-radius-pill);font-size:var(--cr-font-sm);font-weight:500;background:var(--cr-success-light);color:var(--cr-success)}.status-inactive{display:inline-block;padding:3px 10px;border-radius:var(--cr-radius-pill);font-size:var(--cr-font-sm);font-weight:500;background:var(--cr-error-light);color:var(--cr-error)}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--cr-radius-pill);font-size:var(--cr-font-sm);font-weight:500}.status-pill.active{background:var(--cr-success-light);color:var(--cr-success)}.status-pill.inactive{background:var(--cr-bg);color:var(--cr-text-secondary)}.pill-healthy{background:var(--cr-success-light);color:var(--cr-success)}.pill-degraded{background:var(--cr-warning-light);color:var(--cr-warning)}.pill-down{background:var(--cr-error-light);color:var(--cr-error)}.pill-not_configured{background:var(--cr-bg);color:var(--cr-text-secondary)}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.role-SUPER_ADMIN{background:var(--cr-warning-light);color:var(--cr-warning)}.role-ADMIN{background:var(--cr-info-light);color:var(--cr-info)}.role-VIEWER{background:var(--cr-bg);color:var(--cr-text-secondary)}.action-cell{text-align:right;white-space:nowrap}.date-cell{font-size:13px;color:var(--cr-text-secondary)}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--cr-primary-light)}.card-healthy,.card-border-healthy{border-left:4px solid var(--cr-success)}.card-degraded,.card-border-degraded{border-left:4px solid var(--cr-warning)}.card-down,.card-border-down{border-left:4px solid var(--cr-error)}.card-not_configured,.card-border-not_configured{border-left:4px solid var(--cr-text-muted)}html,body{height:100%;margin:0;font-family:Inter,Roboto,Helvetica Neue,sans-serif;background:var(--cr-gradient-bg);background-attachment:fixed;color:var(--cr-text);font-size:var(--cr-font-md);line-height:var(--cr-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--cr-focus-ring);border-radius:var(--cr-radius-md)}.skip-to-content{position:absolute;top:-100%;left:var(--cr-space-4);z-index:10000;padding:var(--cr-space-2) var(--cr-space-4);background:var(--cr-primary);color:#fff;border-radius:var(--cr-radius-md);font-size:var(--cr-font-md);font-weight:500;text-decoration:none}.skip-to-content:focus{top:var(--cr-space-2)}lucide-angular{display:inline-flex;align-items:center;vertical-align:middle;line-height:0}.mat-mdc-raised-button.mat-primary,.mat-mdc-flat-button.mat-primary,.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: var(--cr-primary);--mdc-filled-button-label-text-color: #fff;--mdc-protected-button-label-text-color: #fff;--mat-filled-button-state-layer-color: #fff;background:var(--cr-gradient-primary)!important;color:#fff!important;border-radius:10px!important;font-weight:500;letter-spacing:.01em;height:40px;box-shadow:var(--cr-shadow-primary-sm)!important;transition:all var(--cr-transition)}.mat-mdc-raised-button.mat-primary:hover,.mat-mdc-flat-button.mat-primary:hover,.mat-mdc-unelevated-button.mat-primary:hover{box-shadow:var(--cr-shadow-primary)!important;transform:translateY(-1px)}.mat-mdc-raised-button[color=primary],.mat-mdc-flat-button[color=primary],.mat-mdc-unelevated-button[color=primary],.mat-mdc-fab[color=primary],.mat-mdc-mini-fab[color=primary],.mat-mdc-button.mat-primary,.mat-mdc-raised-button[color=primary] .mdc-button__label,.mat-mdc-flat-button[color=primary] .mdc-button__label,.mat-mdc-unelevated-button[color=primary] .mdc-button__label,.mat-mdc-fab[color=primary] .mdc-button__label,.mat-mdc-mini-fab[color=primary] .mdc-button__label,.mat-mdc-button.mat-primary .mdc-button__label{color:#fff!important}.mat-mdc-raised-button[color=primary] .mat-mdc-button-persistent-ripple:before,.mat-mdc-flat-button[color=primary] .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button[color=primary] .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab[color=primary] .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab[color=primary] .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.mat-primary .mat-mdc-button-persistent-ripple:before{background:#ffffff1a}.mat-mdc-card{--mdc-elevated-card-container-color: var(--cr-surface);border-radius:16px!important;border:1px solid var(--cr-border);box-shadow:var(--cr-shadow-sm)!important;transition:all var(--cr-transition)}.mat-mdc-card:hover{box-shadow:var(--cr-shadow-md)!important}.mat-mdc-card-header{padding:20px 24px 0!important}.mat-mdc-card-content{padding:16px 24px 24px!important}.mat-mdc-card-title{font-size:16px!important;font-weight:600!important;color:var(--cr-text)}.mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--cr-border);--mdc-outlined-text-field-hover-outline-color: var(--cr-border-hover);--mdc-outlined-text-field-focus-outline-color: var(--cr-primary);--mdc-outlined-text-field-label-text-color: var(--cr-text-secondary);--mdc-outlined-text-field-focus-label-text-color: var(--cr-primary);--mdc-outlined-text-field-input-text-color: var(--cr-text);--mdc-outlined-text-field-container-shape: 10px;--mat-form-field-container-height: 48px;font-size:14px!important}.mat-mdc-form-field-subscript-wrapper{display:none}.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-form-field-subscript-wrapper{display:block}.mat-mdc-form-field-error{font-size:12px!important;color:var(--cr-error, #dc2626)!important}.mdc-notched-outline__leading,.mdc-notched-outline__trailing,.mdc-notched-outline__notch{border-color:var(--cr-border)!important}.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch{border-color:var(--cr-primary)!important;border-width:2px!important}.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper{box-shadow:0 0 0 2px #0a994b14!important}.mat-mdc-text-field-wrapper{border-radius:10px!important;background:var(--cr-surface)!important;transition:box-shadow var(--cr-transition)}.mat-mdc-form-field-icon-prefix{padding-left:12px!important;padding-right:4px!important}.field-icon{color:var(--cr-text-muted);margin-right:4px;display:inline-flex;align-items:center}.mat-mdc-menu-panel{background:var(--cr-surface)!important;border-radius:12px!important;border:1px solid var(--cr-border);box-shadow:var(--cr-shadow-lg)!important}.mat-mdc-menu-item{border-radius:8px;margin:2px 6px;font-size:14px;min-height:42px!important}.mat-mdc-menu-item:hover{background:var(--cr-primary-light)!important}.mat-mdc-select-panel{border-radius:12px!important;border:1px solid var(--cr-border);box-shadow:var(--cr-shadow-lg)!important;background:var(--cr-surface)!important}.mat-mdc-option{border-radius:8px;margin:2px 6px;font-size:14px;min-height:42px!important}.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option:hover{background:var(--cr-primary-light)!important}.mat-mdc-option.mdc-list-item--selected{color:var(--cr-primary)!important;font-weight:500}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #1a1d21;--mdc-snackbar-container-shape: 12px;--mdc-snackbar-supporting-text-color: #fff;--mdc-snackbar-supporting-text-font: "Inter", sans-serif;--mdc-snackbar-supporting-text-size: 14px;--mdc-snackbar-supporting-text-weight: 500}.mat-mdc-snack-bar-container,.mat-mdc-snack-bar-container .mdc-snackbar__surface{border-radius:12px!important;box-shadow:0 8px 32px #00000040,0 2px 8px #00000026!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{min-height:48px;padding:0 8px 0 20px!important;background:var(--cr-text)!important}.mat-mdc-snack-bar-container .mdc-snackbar__label{color:#fff!important;font-size:14px!important;font-weight:500!important;padding:12px 0!important}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action .mat-mdc-button,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action button{color:#ffffffd9!important;font-weight:600!important;font-size:13px!important;border-radius:8px!important;min-width:44px}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action .mat-mdc-button:hover,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action button:hover{color:#fff!important;background:#ffffff1a!important}.toast-panel.mat-mdc-snack-bar-container,.toast-panel .mat-mdc-snack-bar-container,.toast-panel.mat-mdc-snack-bar-container .mdc-snackbar__surface,.toast-panel .mdc-snackbar__surface{background:transparent!important;box-shadow:none!important;padding:0!important}.snackbar-success.mat-mdc-snack-bar-container .mdc-snackbar__surface{background:var(--cr-surface)!important;border:2px solid var(--cr-success)!important;color:var(--cr-success)!important;border-radius:10px!important}.snackbar-error.mat-mdc-snack-bar-container .mdc-snackbar__surface{background:var(--cr-surface)!important;border:2px solid var(--cr-error)!important;color:var(--cr-error)!important;border-radius:10px!important}.snackbar-warning.mat-mdc-snack-bar-container .mdc-snackbar__surface{background:var(--cr-surface)!important;border:2px solid var(--cr-warning)!important;color:var(--cr-warning)!important;border-radius:10px!important}.mat-mdc-table{--mat-table-background-color: transparent;border-collapse:separate;border-spacing:0}.mat-mdc-header-row{background:var(--cr-gradient-header)!important;height:48px!important}.mat-mdc-header-row{position:sticky;top:0;z-index:2}.mat-mdc-header-cell{color:var(--cr-text-secondary)!important;font-size:var(--cr-font-xs)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--cr-border)!important}.mat-mdc-row{height:56px!important;transition:background var(--cr-transition)}.mat-mdc-row:hover{background:#0a994b0a!important}.mat-mdc-cell{font-size:14px;border-bottom-color:var(--cr-border-light)!important}.mat-mdc-paginator{border-top:1px solid var(--cr-border);background:transparent!important;font-size:13px}.mat-mdc-tab-group{--mat-tab-header-active-label-text-color: var(--cr-primary);--mat-tab-header-active-focus-indicator-color: var(--cr-primary);--mat-tab-header-active-hover-indicator-color: var(--cr-primary);--mdc-secondary-navigation-tab-container-height: 48px}.mat-mdc-tab{font-size:14px!important;font-weight:500!important;letter-spacing:.01em;border-radius:8px 8px 0 0}.mat-toolbar{background:var(--cr-surface)!important;color:var(--cr-text)!important}.mat-drawer{border-right:none!important}.mat-mdc-dialog-container{--mdc-dialog-container-shape: 16px}.cr-page{padding:28px 32px;max-width:1400px;margin:0 auto}@media(max-width:768px){.cr-page{padding:16px 12px}.mat-mdc-card-header{padding:16px 16px 0!important}.mat-mdc-card-content{padding:12px 16px 16px!important}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive .mat-mdc-table{min-width:700px}@media(max-width:768px){.table-responsive{margin:0 -16px;padding:0 16px}.table-responsive .mat-mdc-table{min-width:600px}.table-responsive .mat-mdc-header-cell,.table-responsive .mat-mdc-cell{padding:8px 12px!important;font-size:13px!important;white-space:nowrap}.mat-mdc-paginator .mat-mdc-paginator-range-label{font-size:11px}}.mat-mdc-tooltip .mdc-tooltip__surface{background-color:#fff!important;color:var(--cr-text)!important;font-size:13px!important;line-height:1.45;border:1px solid var(--cr-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:320px}.cr-text-success{color:var(--cr-success)}.cr-text-error{color:var(--cr-error)}.cr-text-warning{color:var(--cr-warning)}.cr-text-info{color:var(--cr-info)}.cr-text-secondary{color:var(--cr-text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.mat-mdc-card{animation:fadeInUp .35s ease-out}.stat-card{animation:scaleIn .3s ease-out backwards}.stat-card:nth-child(1){animation-delay:.06s}.stat-card:nth-child(2){animation-delay:.12s}.stat-card:nth-child(3){animation-delay:.18s}.stat-card:nth-child(4){animation-delay:.24s}.stat-card:nth-child(5){animation-delay:.3s}.stat-card:nth-child(6){animation-delay:.36s}.mat-mdc-row{animation:fadeIn .25s ease-out backwards}.mat-mdc-row:nth-child(1){animation-delay:.03s}.mat-mdc-row:nth-child(2){animation-delay:.06s}.mat-mdc-row:nth-child(3){animation-delay:.09s}.mat-mdc-row:nth-child(4){animation-delay:.12s}.mat-mdc-row:nth-child(5){animation-delay:.15s}.mat-mdc-row:nth-child(6){animation-delay:.18s}.mat-mdc-row:nth-child(7){animation-delay:.21s}.mat-mdc-row:nth-child(8){animation-delay:.24s}.mat-mdc-row:nth-child(9){animation-delay:.27s}.mat-mdc-row:nth-child(10){animation-delay:.3s}.mat-mdc-row:nth-child(11){animation-delay:.33s}.mat-mdc-row:nth-child(12){animation-delay:.36s}.mat-mdc-row:nth-child(13){animation-delay:.39s}.mat-mdc-row:nth-child(14){animation-delay:.42s}.mat-mdc-row:nth-child(15){animation-delay:.45s}.mat-mdc-row:nth-child(16){animation-delay:.48s}.mat-mdc-row:nth-child(17){animation-delay:.51s}.mat-mdc-row:nth-child(18){animation-delay:.54s}.mat-mdc-row:nth-child(19){animation-delay:.57s}.mat-mdc-row:nth-child(20){animation-delay:.6s}.empty-state .empty-icon{background:linear-gradient(135deg,var(--cr-primary-light),var(--cr-info-light))!important;animation:scaleIn .4s ease-out .1s backwards}.empty-state .empty-title{animation:fadeInUp .35s ease-out .15s backwards}.empty-state .empty-desc{animation:fadeInUp .35s ease-out .2s backwards}.add-btn,.export-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.add-btn:hover:not(:disabled),.export-btn:hover:not(:disabled){transform:translateY(-1px)}.add-btn:active:not(:disabled),.export-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.delete-btn,.edit-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.delete-btn:hover,.edit-btn:hover{transform:scale(1.08)}.loading-state{animation:fadeIn .3s ease-out}.loading-state mat-spinner{animation:scaleIn .3s ease-out}::selection{background:var(--cr-primary-light);color:var(--cr-primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cr-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cr-border-hover)}