:root{--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Inter", sans-serif;--bg-primary: #f4f6fa;--bg-secondary: #ffffff;--bg-tertiary: #eef2f6;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--color-primary: #4f46e5;--color-primary-rgb: 79, 70, 229;--color-accent: #0284c7;--color-accent-rgb: 2, 132, 199;--color-success: #059669;--color-success-rgb: 5, 150, 105;--color-danger: #e11d48;--color-danger-rgb: 225, 29, 72;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--card-border: 1px solid var(--glass-border);--card-shadow: 0 10px 30px -5px rgba(0, 0, 0, .05), 0 5px 15px -3px rgba(0, 0, 0, .03);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;line-height:1.25}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:1.5rem;transition:transform var(--transition-fast),border-color var(--transition-fast)}.glass-card:hover{border-color:rgba(var(--color-primary-rgb),.2)}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 30%,rgba(var(--color-accent-rgb),.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-primary-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-action,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-outline-primary,.btn-outline-success,.btn-outline-danger{font-family:var(--font-secondary)!important;font-weight:600!important;padding:.625rem 1.25rem!important;border-radius:8px!important;border:1px solid transparent!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;font-size:.875rem!important;transition:all var(--transition-fast)!important;text-decoration:none!important;outline:none!important}.btn-action span,.btn-action i,.btn-primary span,.btn-primary i,.btn-secondary span,.btn-secondary i,.btn-success span,.btn-success i,.btn-danger span,.btn-danger i,.btn-outline-primary span,.btn-outline-primary i,.btn-outline-success span,.btn-outline-success i,.btn-outline-danger span,.btn-outline-danger i{font-size:1.2rem!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%)!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.15)!important}.btn-primary:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.25)!important}.btn-secondary{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important}.btn-secondary:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.08)!important;color:var(--color-primary)!important;border-color:rgba(var(--color-primary-rgb),.2)!important}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%)!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--color-success-rgb),.15)!important}.btn-success:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(var(--color-success-rgb),.25)!important}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,#be123c 100%)!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--color-danger-rgb),.15)!important}.btn-danger:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(var(--color-danger-rgb),.25)!important}.btn-outline-primary{background:transparent!important;border:1px solid rgba(var(--color-primary-rgb),.3)!important;color:var(--color-primary)!important}.btn-outline-primary:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.06)!important;border-color:var(--color-primary)!important}.btn-outline-success{background:transparent!important;border:1px solid rgba(var(--color-success-rgb),.3)!important;color:var(--color-success)!important}.btn-outline-success:hover:not(:disabled){background:rgba(var(--color-success-rgb),.06)!important;border-color:var(--color-success)!important}.btn-outline-danger{background:transparent!important;border:1px solid rgba(var(--color-danger-rgb),.3)!important;color:var(--color-danger)!important}.btn-outline-danger:hover:not(:disabled){background:rgba(var(--color-danger-rgb),.06)!important;border-color:var(--color-danger)!important}.btn-sm{padding:.375rem .875rem!important;font-size:.8rem!important;border-radius:6px!important}.btn-sm span,.btn-sm i{font-size:1rem!important}.btn-lg{padding:.875rem 1.75rem!important;font-size:1rem!important;border-radius:10px!important}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid #cbd5e1;border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-secondary);font-size:.875rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--border-radius-full);text-transform:uppercase}.status-badge.online{background-color:rgba(var(--color-success-rgb),.1);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.2)}.status-badge.offline{background-color:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.2)}.status-badge.pending{background-color:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb),.2)}table.data-table,table.report-table,table.mat-mdc-table{background:transparent!important;width:100%!important;border-collapse:collapse!important}tr.mat-mdc-header-row,table.data-table thead tr,table.report-table thead tr{background:rgba(var(--color-primary-rgb),.04)!important;height:52px}th.mat-mdc-header-cell,table.data-table th,table.report-table th{color:var(--text-muted)!important;font-weight:700!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-bottom:2px solid rgba(var(--color-primary-rgb),.08)!important;padding:0 1.25rem!important;text-align:left}td.mat-mdc-cell,table.data-table td,table.report-table td{color:var(--text-primary)!important;font-size:.875rem!important;border-bottom:1px solid rgba(var(--color-primary-rgb),.04)!important;padding:1rem 1.25rem!important;vertical-align:middle!important}tr.mat-mdc-row,table.data-table tbody tr,table.report-table tbody tr{transition:background-color var(--transition-fast)!important}tr.mat-mdc-row:hover,table.data-table tbody tr:hover,table.report-table tbody tr:hover{background:rgba(var(--color-primary-rgb),.015)!important}.btn-icon,.btn-table-action,.btn-action-sm{background:var(--bg-secondary)!important;border:1px solid rgba(var(--color-primary-rgb),.12)!important;color:var(--text-secondary)!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all var(--transition-fast)!important;padding:0!important;vertical-align:middle;outline:none;box-shadow:0 1px 3px #00000005!important}.btn-icon span,.btn-icon i,.btn-table-action span,.btn-table-action i,.btn-action-sm span,.btn-action-sm i{font-size:1.2rem!important;display:inline-block;line-height:1}.btn-icon:hover,.btn-table-action:hover,.btn-action-sm:hover{background:rgba(var(--color-primary-rgb),.08)!important;color:var(--color-primary)!important;border-color:rgba(var(--color-primary-rgb),.25)!important;transform:translateY(-1px);box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.08)!important}.btn-icon:active,.btn-table-action:active,.btn-action-sm:active{transform:translateY(0)}.btn-icon.text-danger,.btn-icon.text-red,.btn-table-action.text-danger,.btn-table-action.text-red,.btn-action-sm.text-danger,.btn-action-sm.text-red{color:var(--color-danger)!important;border-color:rgba(var(--color-danger-rgb),.12)!important}.btn-icon.text-danger:hover,.btn-icon.text-red:hover,.btn-table-action.text-danger:hover,.btn-table-action.text-red:hover,.btn-action-sm.text-danger:hover,.btn-action-sm.text-red:hover{background:rgba(var(--color-danger-rgb),.08)!important;color:var(--color-danger)!important;border-color:rgba(var(--color-danger-rgb),.25)!important;box-shadow:0 4px 10px rgba(var(--color-danger-rgb),.08)!important}.btn-icon.text-success,.btn-icon.text-green,.btn-table-action.text-success,.btn-table-action.text-green,.btn-action-sm.text-success,.btn-action-sm.text-green{color:var(--color-success)!important;border-color:rgba(var(--color-success-rgb),.12)!important}.btn-icon.text-success:hover,.btn-icon.text-green:hover,.btn-table-action.text-success:hover,.btn-table-action.text-green:hover,.btn-action-sm.text-success:hover,.btn-action-sm.text-green:hover{background:rgba(var(--color-success-rgb),.08)!important;color:var(--color-success)!important;border-color:rgba(var(--color-success-rgb),.25)!important;box-shadow:0 4px 10px rgba(var(--color-success-rgb),.08)!important}.btn-icon.text-primary,.btn-table-action.text-primary,.btn-action-sm.text-primary{color:var(--color-primary)!important;border-color:rgba(var(--color-primary-rgb),.12)!important}.btn-icon.text-primary:hover,.btn-table-action.text-primary:hover,.btn-action-sm.text-primary:hover{background:rgba(var(--color-primary-rgb),.08)!important;color:var(--color-primary)!important;border-color:rgba(var(--color-primary-rgb),.25)!important}.btn-icon.text-accent,.btn-table-action.text-accent,.btn-action-sm.text-accent{color:var(--color-accent)!important;border-color:rgba(var(--color-accent-rgb),.12)!important}.btn-icon.text-accent:hover,.btn-table-action.text-accent:hover,.btn-action-sm.text-accent:hover{background:rgba(var(--color-accent-rgb),.08)!important;color:var(--color-accent)!important;border-color:rgba(var(--color-accent-rgb),.25)!important}.btn-icon,.btn-table-action{width:36px!important;height:36px!important}.btn-action-sm{width:30px!important;height:30px!important}.btn-action-sm span,.btn-action-sm i{font-size:1.05rem!important}.modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0f172a4d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1100!important;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-card{background:var(--bg-secondary)!important;border:1px solid rgba(var(--color-primary-rgb),.08)!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 25px 50px -12px #0000001f,0 0 0 1px rgba(var(--color-primary-rgb),.04)!important;width:90%!important;max-width:600px!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important;animation:modalEnter .4s cubic-bezier(.34,1.56,.64,1) forwards}.modal-card.modal-small{max-width:480px!important}.modal-card .modal-header{padding:1.25rem 1.75rem!important;border-bottom:1px solid rgba(var(--color-primary-rgb),.06)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.modal-card .modal-header h2{font-size:1.25rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;letter-spacing:-.02em!important}.modal-card .modal-header .btn-close{background:none!important;border:none!important;color:var(--text-muted)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:50%!important;transition:all var(--transition-fast)!important}.modal-card .modal-header .btn-close:hover{background-color:rgba(var(--color-primary-rgb),.08)!important;color:var(--color-primary)!important}.modal-card .modal-body{padding:1.75rem!important;overflow-y:auto!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:1.25rem!important}.modal-card .modal-footer{padding:1.25rem 1.75rem!important;border-top:1px solid rgba(var(--color-primary-rgb),.06)!important;display:flex!important;justify-content:flex-end!important;gap:.75rem!important;background:rgba(var(--color-primary-rgb),.01)!important}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-zoom-in{animation:zoomIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.alert{position:fixed!important;top:24px!important;right:24px!important;z-index:2000!important;pointer-events:auto!important;min-width:320px!important;max-width:480px!important;box-shadow:0 10px 25px #00000014,0 2px 5px #0000000a!important;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards!important;border-radius:var(--border-radius-md)!important;display:flex!important;align-items:center!important;gap:.75rem!important;padding:1rem 1.25rem!important;margin:0!important}.alert.alert-success{background:#ecfdf5!important;color:#065f46!important;border:1px solid rgba(var(--color-success-rgb),.2)!important}.alert.alert-success span.material-icons{color:var(--color-success)!important}.alert.alert-danger{background:#fff5f5!important;color:#9b1c1c!important;border:1px solid rgba(var(--color-danger-rgb),.2)!important}.alert.alert-danger span.material-icons{color:var(--color-danger)!important}.alert span.material-icons{font-size:1.35rem!important;display:inline-block;line-height:1}.alert .btn-close-alert{background:none!important;border:none!important;color:inherit!important;cursor:pointer!important;padding:0!important;margin-left:auto!important;display:inline-flex!important;align-items:center!important;opacity:.7;transition:opacity var(--transition-fast)!important}.alert .btn-close-alert:hover{opacity:1}.alert .btn-close-alert span{font-size:1.2rem!important}@keyframes slideInRight{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}