@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-light:rgba(22,163,74,0.10);--color-primary-glow:rgba(22,163,74,0.20);--bg-body:#FAFAFA;--bg-sidebar:rgba(255,255,255,0.70);--bg-card:rgba(255,255,255,0.85);--bg-card-hover:rgba(255,255,255,0.95);--bg-header:rgba(255,255,255,0.80);--bg-input:rgba(255,255,255,0.80);--bg-modal-overlay:rgba(0,0,0,0.35);--bg-table-row-hover:rgba(0,0,0,0.025);--bg-badge:rgba(255,255,255,0.8);--bg-chat:rgba(255,255,255,0.70);--bg-dropdown:rgba(255,255,255,0.95);--text-primary:#111827;--text-secondary:#4B5563;--text-muted:#9CA3AF;--text-inverse:#FFFFFF;--border-color:rgba(0,0,0,0.08);--border-glass:rgba(255,255,255,0.40);--border-glass-strong:rgba(255,255,255,0.60);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.05),0 4px 6px -2px rgba(0,0,0,0.025);--shadow-glow:0 0 24px rgba(22,163,74,0.12);--shadow-glass-inset:inset 0 1px 1px rgba(255,255,255,0.8);--glass-blur:24px;--glass-saturation:150%;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--status-success:#22C55E;--status-warning:#F59E0B;--status-danger:#EF4444;--status-info:#3B82F6;--status-pending:#8B5CF6;--chart-1:#22C55E;--chart-2:#3B82F6;--chart-3:#F59E0B;--chart-4:#8B5CF6;--chart-5:#EF4444;--chart-6:#06B6D4}[data-theme=dark]{--bg-body:#0A0A0F;--bg-sidebar:rgba(18,18,26,0.80);--bg-card:rgba(22,22,32,0.55);--bg-card-hover:rgba(28,28,40,0.65);--bg-header:rgba(14,14,22,0.70);--bg-input:rgba(26,26,38,0.55);--bg-modal-overlay:rgba(0,0,0,0.55);--bg-table-row-hover:rgba(255,255,255,0.03);--bg-badge:rgba(255,255,255,0.06);--bg-chat:rgba(22,22,32,0.50);--bg-dropdown:rgba(22,22,32,0.90);--text-primary:#F5F5F7;--text-secondary:#94A3B8;--text-muted:#64748B;--border-color:rgba(255,255,255,0.08);--border-glass:rgba(255,255,255,0.10);--border-glass-strong:rgba(255,255,255,0.15);--shadow-sm:0 2px 8px rgba(0,0,0,0.25);--shadow-md:0 4px 24px rgba(0,0,0,0.30);--shadow-lg:0 12px 40px rgba(0,0,0,0.40);--shadow-glow:0 0 24px rgba(100,120,255,0.08);--shadow-glass-inset:inset 0 1px 1px rgba(255,255,255,0.08),inset 0 -1px 1px rgba(0,0,0,0.15)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.6;transition:background .4s ease,background-color .4s ease,color .3s ease;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border-left-color:var(--border-glass);border-bottom:1px solid var(--border-glass);border-right:1px solid var(--border-glass);border-top-color:var(--border-glass);border-top:1px solid var(--border-glass-strong);border-left:1px solid var(--border-glass-strong);box-shadow:var(--shadow-md),var(--shadow-glass-inset)}.glass-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-glass)}.glass-header,.glass-sidebar{backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);box-shadow:var(--shadow-glass-inset)}.glass-header{background:var(--bg-header);border-bottom:1px solid var(--border-glass)}.glass-input{background:var(--bg-input);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:all .2s ease}.glass-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:white;box-shadow:0 2px 8px rgba(34,197,94,.3)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 16px rgba(34,197,94,.4);transform:translateY(-1px)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--color-primary-light);color:var(--color-primary)}.btn-danger{background:rgba(239,68,68,.1);color:#DC2626;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.18)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 28px;font-size:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-full);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-success{background:rgba(34,197,94,.12);color:#16A34A}.badge-warning{background:rgba(245,158,11,.12);color:#D97706}.badge-danger{background:rgba(239,68,68,.12);color:#DC2626}.badge-info{background:rgba(59,130,246,.12);color:#2563EB}.badge-pending{background:rgba(139,92,246,.12);color:#7C3AED}.badge-neutral{background:rgba(107,114,128,.12);color:#6B7280}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}p{color:var(--text-secondary);font-size:14px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.data-table tbody td,.data-table thead th{border-bottom:1px solid var(--border-color)}.data-table tbody td{padding:14px 16px;font-size:14px;color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--bg-table-row-hover)}.data-table tbody tr:last-child td{border-bottom:none}.card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border-left-color:var(--border-glass);border-bottom:1px solid var(--border-glass);border-right:1px solid var(--border-glass);border-top-color:var(--border-glass);border-top:1px solid var(--border-glass-strong);border-left:1px solid var(--border-glass-strong);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm),var(--shadow-glass-inset);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md),var(--shadow-glass-inset)}input,select,textarea{font-family:Inter,sans-serif;font-size:14px;color:var(--text-primary)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-body);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.3)}50%{box-shadow:0 0 16px 4px rgba(34,197,94,.12)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-glass)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.pagination{gap:4px}.pagination,.pagination button{display:flex;align-items:center}.pagination button{width:36px;height:36px;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.pagination button:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.pagination button.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.tabs{display:flex;gap:4px;background:var(--bg-input);border-radius:var(--radius-md);padding:4px}.tab{padding:8px 16px;font-size:13px;font-weight:500;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--color-primary);color:white;box-shadow:0 2px 8px rgba(34,197,94,.3)}.grid-stats{grid-template-columns:repeat(4,1fr);grid-gap:20px}.grid-2,.grid-stats{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:1200px){.grid-3,.grid-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-stats{grid-template-columns:1fr}}.tooltip-wrapper{position:relative}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:6px 12px;background:var(--text-primary);color:var(--bg-body);font-size:12px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:100}.tooltip-wrapper:hover .tooltip{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center}.empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--bg-card-hover) 50%,var(--border-color) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll::-webkit-scrollbar{height:4px}