:root{--bg:#0d1f33;--card:#112440;--border:#1e3d5c;--fg:#fff;--muted:#d8e4f2;--accent:#ffd966;--on-accent:#0d1f33;--accent2:#34d399;--amber:#f59e0b;--danger:#f87171}:root[data-theme=light]{--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--fg:#0f172a;--muted:#33495e;--accent:#0d1f33;--on-accent:#fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:Cairo,system-ui,sans-serif}button,input,select,textarea{font-family:inherit}a{color:var(--accent);text-decoration:none}.tp-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);box-sizing:border-box;border-radius:10px;padding:.6rem .75rem;font-size:.92rem}.tp-label{color:var(--muted);margin-bottom:5px;font-size:.78rem;font-weight:700;display:block}.tp-btn{cursor:pointer;background:var(--accent);color:var(--on-accent);border:none;border-radius:10px;padding:.6rem 1.3rem;font-size:.9rem;font-weight:800}.tp-btn:disabled{opacity:.6;cursor:wait}.tp-card{background:var(--card);border:1px solid var(--border);border-radius:16px}table{border-collapse:collapse;width:100%}.tp-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.tp-scroll::-webkit-scrollbar{width:8px;height:8px}.tp-scroll::-webkit-scrollbar-track{background:0 0}.tp-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.tp-scroll:hover::-webkit-scrollbar-thumb{background:var(--accent)}.tp-tip-box{visibility:hidden;opacity:0;background:var(--card);border:1px solid var(--border);color:var(--fg);white-space:normal;text-align:center;z-index:60;pointer-events:none;border-radius:9px;width:max-content;max-width:230px;padding:8px 11px;font-size:.74rem;font-weight:600;line-height:1.6;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);right:50%;transform:translate(50%);box-shadow:0 8px 24px #00000059}.tp-tip:hover .tp-tip-box{visibility:visible;opacity:1}.logo-on-light{display:none}.logo-on-dark{display:inline-block}:root[data-theme=light] .logo-on-dark{display:none}:root[data-theme=light] .logo-on-light{display:inline-block}