:root{--bg: #0f0f1a;--bg2: #1a1a2e;--bg3: #16213e;--card: #1e1e35;--card2: #252545;--accent: #6C63FF;--accent2: #FF6584;--accent3: #43D8C9;--green: #4ade80;--yellow: #facc15;--orange: #fb923c;--text: #f0f0ff;--text2: #a0a0c0;--border: #2a2a4a;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(108,99,255,.15)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.page{height:calc(100vh - 70px);overflow-y:auto;padding:20px 16px 24px;padding-top:env(safe-area-inset-top,20px)}.card{background:var(--card);border-radius:var(--radius);padding:18px;margin-bottom:14px;border:1px solid var(--border)}.card-sm{background:var(--card2);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px;border:1px solid var(--border)}h1{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}h2{font-size:1.15rem;font-weight:700;margin-bottom:14px}h3{font-size:.95rem;font-weight:600}.subtext{color:var(--text2);font-size:.82rem}.label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#7c74ff}.btn-secondary{background:var(--card2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#ef444426;color:#f87171}.btn-success{background:#4ade8026;color:var(--green)}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:.82rem;border-radius:8px}.progress-bar{height:8px;background:var(--bg3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:700}.badge-purple{background:#6c63ff33;color:var(--accent)}.badge-green{background:#4ade8033;color:var(--green)}.badge-yellow{background:#facc1533;color:var(--yellow)}.badge-red{background:#f8717133;color:#f87171}.badge-teal{background:#43d8c933;color:var(--accent3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.stat-box{background:var(--card);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;border:1px solid var(--border)}.stat-box .stat-num{font-size:1.5rem;font-weight:800;line-height:1}.stat-box .stat-label{color:var(--text2);font-size:.72rem;margin-top:4px}input,select,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:.9rem;font-family:inherit;outline:none;width:100%;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}select option{background:var(--bg3)}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between}.divider{border:none;border-top:1px solid var(--border);margin:14px 0}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--card2);color:var(--text);padding:10px 20px;border-radius:99px;font-size:.85rem;font-weight:600;border:1px solid var(--border);box-shadow:var(--shadow);z-index:9999;animation:fadeInUp .25s ease;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.icon-lg{font-size:2rem;line-height:1}.icon-xl{font-size:2.8rem;line-height:1}.section-header{margin-bottom:12px}.section-header h2{margin-bottom:4px}.locked{opacity:.4;filter:grayscale(1)}.xp-glow{text-shadow:0 0 12px rgba(108,99,255,.8)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pop{animation:pop .3s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}