#app{min-height:100vh}:root{--primary:#06c;--primary-dark:#0052a3;--primary-light:#e6f0fa;--secondary:#00a878;--secondary-light:#e6f7f3;--accent:#ff6b35;--accent-hover:#e55a2b;--warning:#e63946;--success:#10b981;--bg-main:#f8fafc;--bg-card:#fff;--bg-secondary:#f1f5f9;--bg-dark:#1e293b;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease-out;--font-sans:"Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #ff8f65);color:#fff;box-shadow:0 4px 12px #ff6b354d}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent));transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-blue{background:var(--primary);color:#fff}.btn-blue:hover{background:var(--primary-dark)}.logo{align-items:center;gap:var(--space-sm);color:var(--text-primary);flex-shrink:0;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.logo-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.item-avatar{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.item-avatar.green{background:linear-gradient(135deg,#10b981,#059669)}.item-avatar.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.item-avatar.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.item-avatar.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.item-avatar.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.item-avatar.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.page-enter-active,.page-leave-active{transition:opacity var(--transition-slow), transform var(--transition-slow)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:40px}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{padding:var(--space-2xl) 0;background:linear-gradient(135deg, var(--primary-light) 0%, var(--bg-card) 50%, var(--secondary-light) 100%);border-bottom:1px solid var(--border)}.page-title{margin-bottom:var(--space-sm);font-size:2rem;font-weight:700}.page-title span{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1rem}.tag{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--border);font-size:.875rem}.data-table th{color:var(--text-primary);background:var(--bg-secondary);font-weight:600}.data-table td{color:var(--text-secondary)}.data-table tr:last-child td{border-bottom:none}