@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&display=swap";:root{--brand: #10b981;--brand-dark: #059669;--brand-light: #d1fae5;--brand-glow: rgba(16,185,129,.18);--bg: #f0f4f8;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-2: #cbd5e1;--sidebar-bg: #0d1117;--sidebar-w: 256px;--sidebar-w-sm: 72px;--text-1: #0f172a;--text-2: #475569;--text-3: #94a3b8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-brand: 0 4px 20px rgba(16,185,129,.25);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--ease: cubic-bezier(.4,0,.2,1);--fast: .15s var(--ease);--med: .25s var(--ease);--slow: .4s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-1);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-1)}p{color:var(--text-2)}a{color:var(--brand);text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 var(--brand-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--slow) both}.animate-slide-in{animation:slideIn var(--slow) both}.animate-scale-in{animation:scaleIn var(--med) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-count-up{animation:countUp var(--med) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.36s}.stagger>*:nth-child(8){animation-delay:.42s}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--med),transform var(--med)}.card:hover{box-shadow:var(--shadow-md)}.card-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--med);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 60%,rgba(16,185,129,.04));pointer-events:none}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--r-md);font-size:.8125rem;font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;transition:all var(--fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn-secondary{background:var(--surface);color:var(--text-2);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border-2)}.btn-danger{background:#fef2f2;color:var(--danger);border-color:#fecaca}.btn-danger:hover{background:#fee2e2}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:var(--r-sm)}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem;border-radius:var(--r-lg)}.input{width:100%;padding:.625rem .875rem;background:var(--surface);color:var(--text-1);border:1.5px solid var(--border);border-radius:var(--r-md);font-size:.875rem;font-family:inherit;transition:border-color var(--fast),box-shadow var(--fast);outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.input::placeholder{color:var(--text-3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:99px;font-size:.6875rem;font-weight:700;line-height:1.4;white-space:nowrap}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-amber{background:#fef3c7;color:#92400e}.badge-blue{background:#dbeafe;color:#1e40af}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-gray{background:#f1f5f9;color:#475569}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table thead th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle}.data-table tbody tr{transition:background var(--fast)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:none}.sidebar{background:var(--sidebar-bg)}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.625rem .875rem;border-radius:var(--r-md);color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;border:none;background:none;width:100%;transition:all var(--fast);white-space:nowrap}.nav-item:hover{background:#ffffff0f;color:#e2e8f0}.nav-item.active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 4px 12px #10b9814d}.nav-item.active-admin{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.progress-bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--brand-dark));transition:width .6s var(--ease)}.stat-ring{transform:rotate(-90deg)}.stat-ring-track{fill:none;stroke:var(--border)}.stat-ring-fill{fill:none;stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}.gradient-text{background:linear-gradient(135deg,var(--brand),#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.active{background:var(--success);box-shadow:0 0 0 2px #10b98133}.status-dot.inactive{background:var(--danger)}.status-dot.pending{background:var(--warning)}.divider{height:1px;background:var(--border);margin:1rem 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text-1);color:#fff;font-size:.6875rem;font-weight:600;white-space:nowrap;padding:.3rem .6rem;border-radius:var(--r-sm);pointer-events:none;opacity:0;transition:opacity var(--fast);z-index:100}[data-tooltip]:hover:after{opacity:1}@media print{@page{size:A4;margin:15mm}aside,header,nav,.no-print,button,.actions-cell{display:none!important}main{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important}body{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:var(--r-md)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-md)!important;font-family:Inter,sans-serif!important;font-size:.8125rem!important}.recharts-legend-item-text{font-size:.75rem!important;font-weight:600!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{-webkit-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}