:root{--primary-color: #3b82f6;--primary-color-hover: #2563eb;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-text-active: #ffffff;--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--header-height: 60px;--content-bg: #f1f5f9;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--card-shadow-hover: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--card-radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--content-bg);color:#1e293b}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-card{background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:box-shadow .2s ease;overflow:hidden}.page-card:hover{box-shadow:var(--card-shadow-hover)}.stat-card{background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;border:1px solid #f1f5f9;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.stat-card .stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card .stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-card .stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-card .stat-icon.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.stat-card .stat-icon.purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.stat-card .stat-icon.red{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.stat-card .stat-icon.cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.stat-card .stat-info{flex:1;min-width:0}.stat-card .stat-label{font-size:14px;color:#64748b;margin-bottom:6px;font-weight:500}.stat-card .stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1.2}.stat-card-gradient{border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;color:#fff;position:relative;overflow:hidden}.stat-card-gradient:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.stat-card-gradient:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;border-radius:50%;background:#ffffff14}.stat-card-gradient:after{content:"";position:absolute;bottom:-30%;left:-10%;width:120px;height:120px;border-radius:50%;background:#ffffff0d}.stat-card-gradient.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card-gradient.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-gradient.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-gradient.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card-gradient.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-gradient.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card-gradient .stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:#fff3;color:#fff}.stat-card-gradient .stat-info{flex:1;min-width:0;position:relative;z-index:1}.stat-card-gradient .stat-label{font-size:14px;color:#fffc;margin-bottom:6px;font-weight:500}.stat-card-gradient .stat-value{font-size:32px;font-weight:700;color:#fff;line-height:1.2}.page-header{margin-bottom:20px}.page-header h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:6px}.page-header p{font-size:15px;color:#64748b}.n-data-table .n-data-table-th{background:#f8fafc!important;font-weight:600;font-size:13px;color:#475569}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.fade-in-delay-1{animation-delay:.05s}.fade-in-delay-2{animation-delay:.1s}.fade-in-delay-3{animation-delay:.15s}.fade-in-delay-4{animation-delay:.2s}.empty-state{padding:48px 24px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-state .empty-text{font-size:14px;color:#94a3b8}