:root{--bg-main:#07090e;--bg-card:#121826b3;--bg-card-hover:#1a2336d9;--border-subtle:#ffffff14;--border-active:#6366f180;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--accent-primary:#6366f1;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--tier-black:#64748b;--tier-blue:#3b82f6;--tier-purple:#a855f7;--tier-red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 100%,#a855f714 0,#0000 50%);min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0f1acc}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff29}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-field{border:1px solid var(--border-subtle);color:var(--text-main);background:#0f172ab3;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-black{color:#94a3b8;background:#64748b33;border:1px solid #64748b4d}.badge-blue{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f666}.badge-purple{color:#c084fc;background:#a855f72e;border:1px solid #a855f766}.badge-red{color:#f87171;background:#ef444433;border:1px solid #ef444480;box-shadow:0 0 12px #ef444440}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}