:root{--bg: #0a0a0b;--surface: #141416;--surface2: #1c1c20;--surface3: #242429;--border: #2a2a30;--text: #e8e8ec;--text2: #9898a4;--text3: #5c5c68;--accent: #ff6b35;--accent2: #ff8f65;--green: #34d399;--yellow: #fbbf24;--blue: #60a5fa;--red: #f87171;--purple: #a78bfa;--cyan: #22d3ee;--radius: 14px;--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Space Grotesk,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-section{animation:fadeIn .2s ease}.tab-data-actions{display:flex;gap:8px;margin-bottom:12px}.tda-btn{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:13px;font-family:Space Grotesk,sans-serif;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.tda-btn:hover{border-color:var(--accent);background:var(--surface2)}.tda-btn.export-btn{border-color:#22c55e4d}.tda-btn.import-btn{border-color:#60a5fa4d}