@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#0891b2;--primary-hover:#06b6d4;--primary-light:#0891b214;--accent:#059669;--accent-light:#0596691a;--bg:#f0fdfa;--bg-mesh:linear-gradient(135deg, #f0fdfa 0%, #ecfeff 40%, #f0f9ff 70%, #f0fdfa 100%);--surface:#fff;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--border-light:#fff9;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0891b214;--shadow-lg:0 8px 32px #0891b21f;--shadow-glow:0 0 24px #0891b226;--danger:#ef4444;--radius:16px;--radius-sm:10px;--radius-xs:6px;--glass-bg:#ffffffa6;--glass-border:#ffffff80;--glass-blur:20px;--transition:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-mesh);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Figtree,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:transform var(--transition), box-shadow var(--transition)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);border:1px solid var(--border);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{background:linear-gradient(135deg, var(--primary) 0%, #0e7490 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary) 100%);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--primary-light);color:var(--primary-hover);transform:translateY(-1px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.badge{background:var(--primary-light);color:var(--primary);letter-spacing:.02em;border-radius:9999px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.nav-tab{color:var(--text-muted);transition:color var(--transition);cursor:pointer;align-items:center;gap:.3rem;padding:.5rem 0;font-weight:500;display:flex;position:relative}.nav-tab:after{content:"";background:var(--primary);height:2.5px;transition:transform var(--transition);border-radius:2px;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-tab:hover{color:var(--primary)}.nav-tab-active{color:var(--primary);font-weight:700}.nav-tab-active:after{transform:scaleX(1)}.input-field{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;transition:all var(--transition);color:var(--text-main);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0891b21f}.dropdown-item{all:unset;cursor:pointer;border-radius:var(--radius-xs);color:var(--text-secondary);transition:background var(--transition), color var(--transition);box-sizing:border-box;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;font-size:.9rem;display:flex}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-item-danger{color:var(--danger)}.dropdown-item-danger:hover{color:var(--danger);background:#ef444414}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.15}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeInUp}.animate-fade{animation:.3s forwards fadeIn}.animate-slide-down{animation:.2s forwards slideDown}.spin{animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #e2e8f066 50%, var(--border) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}