@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;background:#0f172a;background:var(--bg,#0f172a);color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;touch-action:manipulation}code,pre{font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}.skip-link{background:#6366f1;border-radius:0 0 8px 0;color:#fff;font-weight:700;left:0;padding:8px 16px;position:fixed;top:-40px;transition:top .3s;z-index:10000}.skip-link:focus{top:0}:root{--brand-primary:#6366f1;--brand-primary-hover:#5558e6;--brand-primary-dark:#4f46e5;--brand-primary-light:#818cf8;--brand-purple:#8b5cf6;--brand-purple-hover:#7c3aed;--brand-purple-light:#a78bfa;--brand-action:#3b82f6;--brand-action-hover:#2563eb;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-primary-hover:linear-gradient(135deg,#5558e6,#7c3aed);--gradient-auth:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-warm:linear-gradient(135deg,#ef4444,#f59e0b);--gradient-card-accent:linear-gradient(180deg,#6366f1,#a78bfa);--gradient-sidebar-active:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-text:linear-gradient(135deg,#6366f1,#8b5cf6);--success:#10b981;--success-hover:#059669;--success-light:#34d399;--success-bg:#10b9811a;--success-border:#10b98140;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#fbbf24;--warning-bg:#f59e0b1a;--warning-border:#f59e0b40;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#f87171;--danger-bg:#ef44441a;--danger-border:#ef444440;--info:#06b6d4;--info-hover:#0891b2;--info-light:#22d3ee;--info-bg:#06b6d41a;--info-border:#06b6d440;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 20px 60px #0000002e;--shadow-glow-sm:0 0 10px #6366f140;--shadow-glow-md:0 0 20px #6366f159;--shadow-glow-lg:0 0 40px #6366f173;--shadow-glass:0 8px 32px #0000001f;--shadow-button-primary:0 4px 16px #6366f140;--shadow-button-primary-hover:0 6px 24px #6366f166;--shadow-button-success:0 4px 16px #10b98140;--shadow-button-success-hover:0 6px 24px #10b98166;--shadow-button-danger-hover:0 6px 24px #ef444466;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--transition-micro:100ms ease-out;--transition-quick:150ms ease-out;--transition-standard:200ms ease-in-out;--transition-smooth:300ms ease-out;--transition-expressive:400ms ease-in-out;--transition-slow:600ms ease-in-out;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-h0:800 36px/1.1 var(--font-sans);--text-h1:800 28px/1.2 var(--font-sans);--text-h2:700 24px/1.25 var(--font-sans);--text-h3:700 20px/1.3 var(--font-sans);--text-h4:600 16px/1.4 var(--font-sans);--text-body:500 14px/1.5 var(--font-sans);--text-small:500 13px/1.5 var(--font-sans);--text-caption:600 12px/1.4 var(--font-sans);--text-overline:600 11px/1.3 var(--font-sans);--text-micro:500 10px/1.3 var(--font-sans);--text-mono:500 13px/1.6 var(--font-mono);--sidebar-width:260px;--sidebar-mobile-width:300px;--header-height:56px;--page-max-width:1440px;--page-padding:24px;--bg:#f8fafc;--bg-secondary:#f1f5f9;--surface:#fff;--surface-hover:#f1f5f9;--surface-muted:#f1f5f999;--input-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-brand:#6366f1;--border:#e2e8f0;--border-hover:#cbd5e1;--border-muted:#94a3b81a;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--sidebar-bg:#f1f5f9;--sidebar-text:#0f172a;--sidebar-text-muted:#475569;--sidebar-border:#e2e8f0;--sidebar-hover:#6366f10f;--skeleton-base:#e2e8f0;--skeleton-shine:#f1f5f9}.dark,[data-theme=dark]{--bg:#0f172a;--bg-secondary:#1e293b;--surface:#1e293b;--surface-hover:#273449;--surface-muted:#1e293b99;--input-bg:#0f172a99;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--text-brand:#818cf8;--border:#334155;--border-hover:#94a3b833;--border-muted:#94a3b81a;--glass-bg:#0f172ad9;--glass-border:#94a3b81a;--sidebar-bg:#0f172a;--sidebar-text:#f1f5f9;--sidebar-text-muted:#94a3b8;--sidebar-border:#94a3b81a;--sidebar-hover:#6366f11a;--skeleton-base:#1e293b;--skeleton-shine:#273449}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);overflow-x:hidden;transition:background .2s ease-in-out,color .2s ease-in-out;transition:background var(--transition-standard),color var(--transition-standard)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #6366f140;box-shadow:var(--shadow-glow-sm)}50%{box-shadow:0 0 40px #6366f173;box-shadow:var(--shadow-glow-lg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes progress{0%{width:0}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.animate-fadeIn{animation:fadeIn .2s ease-in-out forwards;animation:fadeIn var(--transition-standard) forwards}.animate-fadeInUp{animation:fadeInUp .3s ease-out forwards;animation:fadeInUp var(--transition-smooth) forwards}.animate-fadeInDown{animation:fadeInDown .3s ease-out forwards;animation:fadeInDown var(--transition-smooth) forwards}.animate-fadeInScale{animation:fadeInScale .3s ease-out forwards;animation:fadeInScale var(--transition-smooth) forwards}.animate-fadeInRight{animation:fadeInRight .3s ease-out forwards;animation:fadeInRight var(--transition-smooth) forwards}.animate-slideInRight{animation:slideInRight .3s ease-out forwards;animation:slideInRight var(--transition-smooth) forwards}.animate-slideInLeft{animation:slideInLeft .3s ease-out forwards;animation:slideInLeft var(--transition-smooth) forwards}.animate-slideDown{animation:slideDown .15s ease-out forwards;animation:slideDown var(--transition-quick) forwards}.animate-slideUp{animation:slideUp .15s ease-out forwards;animation:slideUp var(--transition-quick) forwards}.animate-pulseGlow{animation:pulse-glow 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;background:var(--glass-bg);border:1px solid #ffffff80;border:1px solid var(--glass-border)}.glass-light{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293b80}.glass-light,.glass-strong{border:1px solid #94a3b81a;border:1px solid var(--border-muted)}.glass-strong{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0f172aeb}.glass-white{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff9}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-standard)}.card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(0)}.card-gradient{background:linear-gradient(135deg,#6366f11f,#8b5cf60f);border:1px solid #6366f133}.card-flat{border-color:#0000;box-shadow:none}.card-compact{padding:12px;padding:var(--space-3)}.card-xl{border-radius:16px;border-radius:var(--radius-xl);padding:24px;padding:var(--space-6)}.stat-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px;gap:var(--space-3);overflow:hidden;padding:20px;padding:var(--space-5);position:relative;transition:all .2s ease-in-out;transition:all var(--transition-standard)}.stat-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;transition:opacity var(--transition-standard)}.stat-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-radius:12px;border-radius:var(--radius-lg);color:#6366f1;color:var(--brand-primary);display:flex;height:44px;justify-content:center;width:44px}.stat-card .stat-value{color:#0f172a;color:var(--text-primary);font:700 24px/1.25 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h2);letter-spacing:-.5px}.stat-card .stat-label{color:#64748b;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.stat-card .stat-label,.stat-card .stat-trend{font:600 12px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-caption)}.stat-card .stat-trend{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.stat-card .stat-trend.up{color:#10b981;color:var(--success)}.stat-card .stat-trend.down{color:#ef4444;color:var(--danger)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;letter-spacing:.2px;overflow:hidden;padding:12px 24px;padding:var(--space-3) var(--space-6);position:relative;transition:all .15s ease-out;transition:all var(--transition-quick);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);box-shadow:0 4px 16px #6366f140;box-shadow:var(--shadow-button-primary);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5558e6,#7c3aed);background:var(--gradient-primary-hover);box-shadow:0 6px 24px #6366f166;box-shadow:var(--shadow-button-primary-hover);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);box-shadow:0 4px 16px #10b98140;box-shadow:var(--shadow-button-success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 24px #10b98166;box-shadow:var(--shadow-button-success-hover);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-danger);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 6px 24px #ef444466;box-shadow:var(--shadow-button-danger-hover);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning),var(--warning-hover));color:#fff}.btn-secondary{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#6366f10d;border-color:#6366f1;border-color:var(--brand-primary);color:#6366f1;color:var(--brand-primary)}.btn-ghost{background:#94a3b814;border:1px solid #94a3b81a;border:1px solid var(--border-muted);color:#64748b;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#94a3b826;color:#0f172a;color:var(--text-primary)}.btn-xs{font-size:11px;padding:5px 10px}.btn-sm,.btn-xs{border-radius:4px;border-radius:var(--radius-sm)}.btn-sm{font-size:12px;padding:8px 14px}.btn-md{font-size:14px;padding:12px 24px}.btn-lg{font-size:16px;padding:14px 28px}.btn-lg,.btn-xl{border-radius:12px;border-radius:var(--radius-lg)}.btn-xl{font-size:18px;padding:16px 32px}.btn-icon{border-radius:8px;border-radius:var(--radius-md);height:40px;padding:0;width:40px}.btn-icon-sm{border-radius:4px;border-radius:var(--radius-sm);height:32px;padding:0;width:32px}.btn-icon-lg{border-radius:12px;border-radius:var(--radius-lg);height:48px;padding:0;width:48px}.btn-block{width:100%}.fab{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:32px;box-shadow:0 0 20px #6366f159,0 8px 24px #0000001f;box-shadow:var(--shadow-glow-md),var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:32px;transition:all .15s ease-out;transition:all var(--transition-quick);width:56px;z-index:50}.fab:hover{box-shadow:0 0 40px #6366f173,0 20px 60px #0000002e;box-shadow:var(--shadow-glow-lg),var(--shadow-xl);transform:scale(1.08)}.fab:active{transform:scale(.95)}.input{background:#fff;background:var(--input-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;outline:none;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-quick);width:100%}.input:hover{border-color:#cbd5e1;border-color:var(--border-hover)}.input:focus{border-color:#6366f1;border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:#94a3b8;color:var(--text-tertiary)}.input-lg{font-size:15px;padding:14px 18px}.input-sm{font-size:13px;padding:8px 12px}.input-group{align-items:center;display:flex;position:relative}.input-group .input-icon{color:#94a3b8;color:var(--text-tertiary);display:flex;font-size:16px;left:14px;pointer-events:none;position:absolute}.input-group .input{padding-left:42px}.select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;min-width:140px;outline:none;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-right:40px;transition:all .15s ease-out;transition:all var(--transition-quick)}.select:focus{border-color:#6366f1;border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.textarea{background:#fff;background:var(--input-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;line-height:1.5;min-height:100px;outline:none;padding:12px;padding:var(--space-3);resize:vertical;transition:all .15s ease-out;transition:all var(--transition-quick);width:100%}.textarea:focus{border-color:#6366f1;border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.table-container{-webkit-overflow-scrolling:touch;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:14px;width:100%}.table thead{background:#f1f5f9;background:var(--bg-secondary)}.table th{color:#64748b;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:14px 16px}.table td{color:#0f172a;color:var(--text-primary);font-size:13px}.table tbody tr{transition:background .1s ease-out;transition:background var(--transition-micro)}.table tbody tr:hover{background:#6366f108}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(odd){background:#94a3b808}.table-striped tbody tr:nth-child(odd):hover{background:#6366f10d}.badge{align-items:center;border-radius:20px;border-radius:var(--radius-2xl);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.badge-success{background:#10b9811a;background:var(--success-bg);color:#34d399;color:var(--success-light)}.badge-warning{background:#f59e0b1a;background:var(--warning-bg);color:#fbbf24;color:var(--warning-light)}.badge-danger{background:#ef44441a;background:var(--danger-bg);color:#f87171;color:var(--danger-light)}.badge-info{background:#06b6d41a;background:var(--info-bg);color:#22d3ee;color:var(--info-light)}.badge-primary{background:#6366f126;color:#818cf8;color:var(--brand-primary-light)}.badge-neutral{background:#94a3b81a;color:#64748b;color:var(--text-secondary)}.chip{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-size:12px;font-weight:600;gap:4px;height:26px;letter-spacing:.2px;padding:5px 12px}.chip-dismissible{padding-right:8px}.chip-dismissible .chip-close{cursor:pointer;opacity:.6;transition:opacity .1s ease-out;transition:opacity var(--transition-micro)}.chip-dismissible .chip-close:hover{opacity:1}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out forwards;animation:fadeIn var(--transition-standard) forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;padding:var(--space-5);position:fixed;z-index:1000}.modal{-webkit-overflow-scrolling:touch;animation:fadeInScale .3s ease-out forwards;animation:fadeInScale var(--transition-smooth) forwards;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000002e;box-shadow:var(--shadow-xl);max-height:85vh;overflow-y:auto;padding:32px;padding:var(--space-8);position:relative;width:100%}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:680px}.modal-xl{max-width:960px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.modal-title{color:#0f172a;color:var(--text-primary);font:600 16px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h4)}.modal-close{align-items:center;background:#f1f5f9;background:var(--surface-hover);border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease-out;transition:all var(--transition-quick);width:36px}.modal-close:hover{background:#ef44441a;color:#ef4444;color:var(--danger)}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:12px;gap:var(--space-3);justify-content:flex-end;margin-top:24px;margin-top:var(--space-6);padding-top:20px;padding-top:var(--space-5)}.modal-body{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.confirm-dialog{padding:32px;padding:var(--space-8);text-align:center}.confirm-icon{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 20px;margin:0 auto var(--space-5);width:56px}.confirm-icon.danger{background:#ef44441a;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.toast-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);max-width:400px;position:fixed;right:20px;right:var(--space-5);top:20px;top:var(--space-5);z-index:2000}.toast{align-items:center;animation:slideInRight .3s ease-out forwards;animation:slideInRight var(--transition-smooth) forwards;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);color:#0f172a;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;gap:var(--space-3);overflow:hidden;padding:14px 16px;padding:14px var(--space-4);position:relative}.toast:before{bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.toast-success:before{background:#10b981;background:var(--success)}.toast-warning:before{background:#f59e0b;background:var(--warning)}.toast-error:before{background:#ef4444;background:var(--danger)}.toast-info:before{background:#06b6d4;background:var(--info)}.toast-close{background:none;border:none;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;font-size:16px;margin-left:auto;padding:2px}.avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-sm{font-size:12px;height:32px;width:32px}.avatar-md{font-size:14px;height:40px;width:40px}.avatar-lg{font-size:16px;height:48px;width:48px}.avatar-xl{font-size:22px;height:64px;width:64px}.avatar-2xl{font-size:32px;height:96px;width:96px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{gap:20px;gap:var(--space-5)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{gap:20px;gap:var(--space-5);grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-5,.grid-auto{gap:16px;gap:var(--space-4)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-auto-sm{gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-auto-lg{gap:20px;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-0{gap:0}.gap-xs{gap:4px;gap:var(--space-1)}.gap-sm{gap:8px;gap:var(--space-2)}.gap-md{gap:12px;gap:var(--space-3)}.gap-lg{gap:16px;gap:var(--space-4)}.gap-xl{gap:20px;gap:var(--space-5)}.gap-2xl{gap:24px;gap:var(--space-6)}.gap-3xl{gap:32px;gap:var(--space-8)}.p-0{padding:0}.p-xs{padding:4px;padding:var(--space-1)}.p-sm{padding:8px;padding:var(--space-2)}.p-md{padding:12px;padding:var(--space-3)}.p-lg{padding:16px;padding:var(--space-4)}.p-xl{padding:24px;padding:var(--space-6)}.p-2xl{padding:32px;padding:var(--space-8)}.px-sm{padding-left:8px;padding-left:var(--space-2);padding-right:8px;padding-right:var(--space-2)}.px-md{padding-left:12px;padding-left:var(--space-3);padding-right:12px;padding-right:var(--space-3)}.px-lg{padding-left:16px;padding-left:var(--space-4);padding-right:16px;padding-right:var(--space-4)}.px-xl{padding-left:24px;padding-left:var(--space-6);padding-right:24px;padding-right:var(--space-6)}.py-sm{padding-bottom:8px;padding-bottom:var(--space-2);padding-top:8px;padding-top:var(--space-2)}.py-md{padding-bottom:12px;padding-bottom:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.py-lg{padding-bottom:16px;padding-bottom:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.py-xl{padding-bottom:24px;padding-bottom:var(--space-6);padding-top:24px;padding-top:var(--space-6)}.m-0{margin:0}.mt-0{margin-top:0}.mt-xs{margin-top:4px;margin-top:var(--space-1)}.mt-sm{margin-top:8px;margin-top:var(--space-2)}.mt-md{margin-top:12px;margin-top:var(--space-3)}.mt-lg{margin-top:16px;margin-top:var(--space-4)}.mt-xl{margin-top:24px;margin-top:var(--space-6)}.mt-2xl{margin-top:32px;margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px;margin-bottom:var(--space-1)}.mb-sm{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-md{margin-bottom:12px;margin-bottom:var(--space-3)}.mb-lg{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-xl{margin-bottom:24px;margin-bottom:var(--space-6)}.mb-2xl{margin-bottom:32px;margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.text-h1{font:800 28px/1.2 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h1);letter-spacing:-.3px}.text-h1,.text-h2{color:#0f172a;color:var(--text-primary)}.text-h2{font:700 24px/1.25 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h2);letter-spacing:-.2px}.text-h3{font:700 20px/1.3 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h3);letter-spacing:-.1px}.text-h3,.text-h4{color:#0f172a;color:var(--text-primary)}.text-h4{font:600 16px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h4)}.text-body{color:#0f172a;color:var(--text-primary);font:500 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-body)}.text-small{color:#64748b;color:var(--text-secondary);font:500 13px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-small)}.text-caption{font:600 12px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-caption);letter-spacing:.5px}.text-caption,.text-overline{color:#64748b;color:var(--text-secondary);text-transform:uppercase}.text-overline{font:600 11px/1.3 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-overline);letter-spacing:.8px}.text-micro{color:#94a3b8;color:var(--text-tertiary);font:500 10px/1.3 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-micro)}.text-mono{color:#0f172a;color:var(--text-primary);font:500 13px/1.6 JetBrains Mono,Fira Code,Consolas,monospace;font:var(--text-mono)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:20px}.text-xl{font-size:24px}.text-2xl{font-size:28px}.text-3xl{font-size:36px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-brand{color:#6366f1;color:var(--text-brand)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-danger{color:#ef4444;color:var(--danger)}.text-info{color:#06b6d4;color:var(--info)}.text-white{color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.text-mono-number{font-feature-settings:"tnum";font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.divider{border:none;height:1px;margin:16px 0;margin:var(--space-4) 0}.divider,.divider-vertical{background:#e2e8f0;background:var(--border)}.divider-vertical{align-self:stretch;width:1px}.divider-dashed{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}.skeleton-text{height:14px;width:100%}.skeleton-heading{height:24px;width:60%}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.skeleton-card{height:120px;width:100%}.skeleton-circle{border-radius:50%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.tooltip{position:relative}.tooltip:after{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#0f172a;color:var(--text-primary);content:attr(data-tooltip);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .1s ease-out;transition:opacity var(--transition-micro);white-space:nowrap;z-index:100}.tooltip:hover:after{opacity:1}.page-enter{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1) forwards;animation:fadeInUp .35s var(--ease-out) forwards}:focus-visible{border-radius:4px;border-radius:var(--radius-sm);outline:2px solid #6366f1;outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background:#6366f140;color:#0f172a;color:var(--text-primary)}.cart-panel{background:#fff;background:var(--surface);border-left:1px solid #e2e8f0;border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;width:360px}.cart-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4)}.cart-items{flex:1 1;overflow-y:auto;padding:12px;padding:var(--space-3)}.cart-item{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-muted);display:flex;justify-content:space-between;padding:12px 0;padding:var(--space-3) 0}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{color:#0f172a;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:#64748b;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px}.cart-qty-control{align-items:center;background:#f1f5f9;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:2px;padding:2px}.cart-qty-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:all .1s ease-out;transition:all var(--transition-micro);width:28px}.cart-qty-btn:hover{background:#fff;background:var(--surface);color:#6366f1;color:var(--brand-primary)}.cart-qty-value{color:#0f172a;color:var(--text-primary);font-size:13px;font-weight:600;text-align:center;width:36px}.cart-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);padding:16px;padding:var(--space-4)}.cart-summary-row{display:flex;font-size:13px;justify-content:space-between}.cart-summary-row .label{color:#64748b;color:var(--text-secondary)}.cart-summary-row .value{color:#0f172a;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-weight:600}.cart-total-row{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#6366f1;color:var(--brand-primary);display:flex;font-size:18px;font-weight:800;justify-content:space-between;padding-top:8px;padding-top:var(--space-2)}.cart-checkout-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #6366f140;box-shadow:var(--shadow-button-primary);color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:15px;font-weight:700;padding:14px;transition:all .15s ease-out;transition:all var(--transition-quick);width:100%}.cart-checkout-btn:hover{box-shadow:0 6px 24px #6366f166;box-shadow:var(--shadow-button-primary-hover);transform:translateY(-1px)}.payment-methods{display:flex;gap:12px;gap:var(--space-3)}.payment-method{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;padding:16px;padding:var(--space-4);text-align:center;transition:all .15s ease-out;transition:all var(--transition-quick)}.payment-method.selected,.payment-method:hover{border-color:#6366f1;border-color:var(--brand-primary)}.payment-method.selected{background:#6366f10f;box-shadow:0 0 0 1px #6366f1;box-shadow:0 0 0 1px var(--brand-primary)}.payment-method-icon{font-size:28px;margin-bottom:8px;margin-bottom:var(--space-2)}.payment-method-label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600}.payment-method.selected .payment-method-label{color:#6366f1;color:var(--brand-primary)}.tabs{background:#f1f5f9;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:4px;gap:var(--space-1);padding:3px}.tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:8px 16px;transition:all .15s ease-out;transition:all var(--transition-quick);white-space:nowrap}.tab:hover{color:#0f172a;color:var(--text-primary)}.tab.active{background:#fff;background:var(--surface);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#6366f1;color:var(--brand-primary)}.progress-bar{background:#f1f5f9;background:var(--bg-secondary);height:6px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);height:100%;transition:width .3s ease-out;transition:width var(--transition-smooth)}.progress-fill.success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.progress-fill.warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning),var(--warning-hover))}.progress-fill.danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-danger)}.empty-state{flex-direction:column;gap:16px;gap:var(--space-4);padding:48px 24px;padding:var(--space-12) var(--space-6);text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:#f1f5f9;background:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-tertiary);font-size:36px;height:80px;width:80px}.empty-state-title{color:#0f172a;color:var(--text-primary);font:600 16px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-h4)}.empty-state-text{color:#64748b;color:var(--text-secondary);font:500 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:var(--text-body);max-width:320px}.auth-card{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000002e;box-shadow:var(--shadow-xl);max-width:90vw;padding:32px;padding:var(--space-8);width:440px}.auth-bg{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-auth);display:flex;justify-content:center;min-height:100vh;padding:20px;padding:var(--space-5)}@media (max-width:1200px){.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.cart-panel{width:320px}}@media (max-width:768px){:root{--page-padding:16px}.grid-2,.grid-3,.grid-4,.grid-5,.grid-auto{grid-template-columns:1fr}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal{margin:12px;margin:var(--space-3);padding:24px;padding:var(--space-6)}.modal-lg,.modal-md,.modal-sm{max-width:none}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.payment-methods{flex-direction:column}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{flex-shrink:0}.cart-panel{bottom:0;box-shadow:0 20px 60px #0000002e;box-shadow:var(--shadow-xl);position:fixed;right:0;top:0;z-index:500}}@media (max-width:480px){.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.auth-card{padding:24px;padding:var(--space-6)}}
/*# sourceMappingURL=main.aae7414b.css.map*/