@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-body: #f1f5f9;--bg-sidebar: rgba(255, 255, 255, .95);--bg-header: rgba(255, 255, 255, .8);--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: #ffffff;--color-primary: #4f46e5;--color-accent: #0891b2;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--text-main: #1e293b;--text-muted: #64748b;--border-color: rgba(0, 0, 0, .05);--gradient-1: rgba(79, 70, 229, .05);--gradient-2: rgba(8, 145, 178, .05);--sidebar-width: 260px;--header-height: 70px;--backdrop-blur: 12px;--transition: .3s ease;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}[data-theme=dark]{--bg-body: #0a0e17;--bg-sidebar: rgba(15, 23, 42, .95);--bg-header: rgba(15, 23, 42, .8);--bg-card: rgba(30, 41, 59, .4);--bg-card-hover: rgba(30, 41, 59, .6);--color-primary: #6366f1;--color-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--gradient-1: rgba(99, 102, 241, .1);--gradient-2: rgba(6, 182, 212, .1);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-body);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,var(--gradient-1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--gradient-2) 0%,transparent 40%);min-height:100vh}a{color:inherit;text-decoration:none;transition:var(--transition)}button,input{font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--text-muted)}.layout-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);position:fixed;height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;z-index:50;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}.brand{font-size:1.5rem;font-weight:700;margin-bottom:3rem;padding-left:1rem;background:linear-gradient(to right,var(--color-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;flex-direction:column;gap:.5rem}.nav-item{padding:.75rem 1rem;border-radius:.75rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.75rem}.nav-item:hover,.nav-item.active{background:#6366f11a;color:var(--text-main)}.nav-item.active{border-left:3px solid var(--color-accent)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.page-title{font-size:1.8rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));box-shadow:var(--shadow-card)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{font-size:1.1rem;font-weight:600}.metrics-grid{grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.metric-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--color-primary),var(--color-accent))}.metric-value{font-size:2rem;font-weight:700;margin:.5rem 0}.metric-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:1rem;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:500}.table td{padding:1rem;border-bottom:1px solid var(--border-color)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-card-hover)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-info{background:#06b6d433;color:var(--color-accent);border:1px solid rgba(6,182,212,.3)}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#4f46e5}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.quick-links{display:grid;gap:.5rem}.link-item{padding:1rem;background:#ffffff08;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.link-item:hover{background:#ffffff14;padding-left:1.25rem}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.layout-wrapper{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color)}.main-content{margin-left:0;padding:1.5rem}}.dataTables_wrapper{color:var(--text-main)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{color:var(--text-muted);margin:1rem 0}.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:.5rem 1rem;border-radius:.5rem;outline:none}.dataTables_wrapper .dataTables_filter input:focus{border-color:var(--color-primary)}.dataTables_wrapper .dataTables_paginate .paginate_button{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;padding:.5rem .75rem;margin:0 .125rem;border-radius:.375rem;cursor:pointer}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#6366f133!important;border-color:var(--color-primary)!important;color:var(--text-main)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color:var(--text-muted)!important;cursor:default;opacity:.5}table.dataTable{border-collapse:collapse!important}table.dataTable thead th{border-bottom:1px solid var(--border-color)!important;color:var(--text-muted);font-weight:500;padding:1rem!important}table.dataTable tbody td{border-bottom:1px solid var(--border-color)!important;padding:1rem!important}table.dataTable tbody tr:hover{background:var(--bg-card-hover)!important}table.dataTable.no-footer{border-bottom:none!important}