*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0a0a0f;color:#e2e8f0;line-height:1.6}:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius: 8px;--radius-lg: 12px}.dashboard{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--gray-200);padding:24px 16px;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:32px;padding:0 12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);color:var(--gray-600);text-decoration:none;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary);color:#fff}.main-content{flex:1;margin-left:250px;padding:24px 32px}.page-header{margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.page-subtitle{color:var(--gray-500);margin-top:4px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:.875rem;font-weight:500;color:var(--gray-500)}.card-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.card-icon.blue{background:#dbeafe;color:var(--primary)}.card-icon.green{background:#d1fae5;color:var(--success)}.card-icon.yellow{background:#fef3c7;color:var(--warning)}.card-icon.red{background:#fee2e2;color:var(--danger)}.card-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.card-change{font-size:.75rem;margin-top:4px}.card-change.positive{color:var(--success)}.card-change.negative{color:var(--danger)}.chart-container{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);margin-bottom:24px}.chart-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:16px}.table-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.table-header{padding:16px 20px;border-bottom:1px solid var(--gray-200)}.table-title{font-size:1rem;font-weight:600;color:var(--gray-900)}table{width:100%;border-collapse:collapse}th,td{padding:12px 20px;text-align:left}th{background:var(--gray-50);font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}td{border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-700)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff0a}.badge{display:inline-block;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:500}.badge.success{background:#d1fae5;color:#065f46}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1e40af}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--gray-500)}.error{background:#fee2e2;color:#991b1b;padding:16px;border-radius:var(--radius);margin-bottom:16px}