*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4F46E5;--primary-dark: #3730A3;--primary-light: #6366F1;--sidebar-bg: #1E1B4B;--sidebar-text: #C7D2FE;--topbar-bg: #ffffff;--bg: #F1F5F9;--card-bg: #ffffff;--border: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--danger-bg: #FEF2F2;--danger-border: #FECACA}html,body{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-weight:700;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:#f1f5f9;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#f8fafc}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:8px}.input{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-group{margin-bottom:1rem}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 4px #0000000f}.card-pad{padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:#ecfdf5;color:#065f46}.badge-warning{background:#fffbeb;color:#92400e}.badge-error{background:#fef2f2;color:#991b1b}.badge-info{background:#eff6ff;color:#1e40af}.badge-purple{background:#f5f3ff;color:#5b21b6}.badge-gray{background:#f1f5f9;color:#475569}.badge-indigo{background:#eef2ff;color:#3730a3}.badge-amber{background:#fffbeb;color:#b45309}.badge-green{background:#ecfdf5;color:#065f46}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.7rem 1rem;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);background:#fafbff;white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid #F1F5F9;color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f8faff}.list-filter-bar{margin-bottom:1rem}.infinite-list-status{padding:.75rem 0 0;color:var(--text-muted);font-size:.82rem;text-align:center}.scroll-sentinel{height:1px}.text-muted-sm{color:var(--text-muted);font-size:.78rem}.text-capitalize{text-transform:capitalize}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border)}.close-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);padding:.25rem;border-radius:4px}.close-btn:hover{color:var(--text-primary);background:#f1f5f9}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:10px;font-size:.875rem}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(79,70,229,.25);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf5,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px;display:block}.skel-text{height:13px}.skel-value{height:28px;width:90px}.skel-title{height:12px;width:70px;margin-top:4px}.skel-badge{height:20px;width:62px;border-radius:20px}.skel-circle{border-radius:50%}.skel-w25{width:25%}.skel-w35{width:35%}.skel-w50{width:50%}.skel-w55{width:55%}.skel-w65{width:65%}.skel-w70{width:70%}.skel-w80{width:80%}.skel-w90{width:90%}.skel-row td{padding-top:14px;padding-bottom:14px}.mono{font-family:Courier New,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:24px;transition:.2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.stat-card{background:var(--card-bg);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.stat-val{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.stat-lbl{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.stat-delta{font-size:.8rem;font-weight:600;margin-top:.5rem}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--error)}.page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 .2rem}.page-sub{font-size:.875rem;color:var(--text-muted)}.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.filter-select{padding:.45rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;color:var(--text-secondary);background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary)}.search-wrap{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem}.search-input{padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:#fff;outline:none;min-width:220px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}