:root{--bg: #050810;--bg-alt: #0b101b;--bg-soft: #151b28;--border: #262b3a;--text: #e5e7eb;--muted: #9ca3af;--accent: #00ff99;--accent-soft: #22c55e;--danger: #f97373;--warning: #facc15;--card-radius: 14px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:linear-gradient(90deg,#020617,#020617,#020617);border-bottom:1px solid var(--border)}.app-header-right{display:flex;align-items:center;gap:.6rem}.app-logo{display:flex;align-items:center;gap:.5rem}.app-logo-mark{width:36px;height:36px;border-radius:6px;object-fit:contain;display:block}.app-logo-text-main{font-weight:600;letter-spacing:.06em;font-size:.9rem;text-transform:uppercase}.app-logo-text-sub{font-size:.7rem;color:var(--muted)}.app-nav{display:flex;gap:.5rem;font-size:.85rem}.app-nav a{padding:.35rem .7rem;border-radius:999px;border:1px solid transparent}.app-nav a.active,.app-nav a:hover{border-color:var(--accent-soft);background:#22c55e14}.app-main{flex:1;display:flex;flex-direction:column;padding:.75rem}.app-footer{padding:.9rem 1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;display:flex;justify-content:center}.app-footer a{border:1px solid transparent;padding:.25rem .6rem;border-radius:999px}.app-footer a:hover{border-color:var(--accent-soft);background:#22c55e14;color:var(--text)}@media(min-width:768px){.app-main{padding:1rem 1.5rem}}.card{background:radial-gradient(circle at top left,#111827,#020617);border-radius:var(--card-radius);border:1px solid var(--border);padding:.75rem}.card-narrow{width:100%;max-width:80%;margin:0 auto}@media(max-width:768px){.card-narrow{max-width:100%}}@media(min-width:768px){.card{padding:1rem}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-title{font-size:.95rem;font-weight:600}.card-subtitle{font-size:.8rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border);font-size:.7rem;color:var(--muted)}.btn{border-radius:999px;border:1px solid var(--border);background:#020617;color:var(--text);padding:.35rem .9rem;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{border-color:var(--accent-soft);background:#22c55e1f}.btn:disabled{opacity:.5;cursor:default}.wallet-controls{position:relative;display:flex;align-items:center;gap:.5rem}.wallet-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:320px;max-width:calc(100vw - 2rem);background:radial-gradient(circle at top left,#111827,#020617);border:1px solid var(--border);border-radius:14px;padding:.75rem;box-shadow:0 12px 35px #00000073}.wallet-topup-input{width:120px;background:#020617;border-radius:999px;border:1px solid var(--border);padding:.25rem .65rem;color:var(--text);font-size:.78rem}.select{background:#020617;border-radius:999px;border:1px solid var(--border);color:var(--text);padding:.25rem .75rem;font-size:.8rem}.table{width:100%;border-collapse:collapse;font-size:.8rem}.table thead{background:#020617}.table th,.table td{padding:.4rem .5rem;border-bottom:1px solid #111827;text-align:left}.table tbody tr:hover{background:#0f172ae6;cursor:pointer}.chip{padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border);font-size:.7rem}.chip-pos{color:var(--accent);border-color:var(--accent-soft)}.chip-neg{color:var(--danger);border-color:var(--danger)}.chip-muted{color:var(--muted)}.layout-two-column{display:flex;flex-direction:column;gap:.75rem}@media(min-width:960px){.layout-two-column{flex-direction:row;align-items:flex-start}}.layout-main{flex:3}.layout-side{flex:2}.timeline{display:flex;flex-direction:column;gap:.4rem;max-height:480px;overflow-y:auto;padding-right:.25rem}.timeline-entry{padding:.45rem .5rem;border-radius:8px;border:1px solid #111827;background:#0f172ad9}.timeline-entry.current{border-color:var(--accent-soft);box-shadow:0 0 0 1px #22c55e66}.timeline-entry-header{display:flex;justify-content:space-between;font-size:.76rem;margin-bottom:.25rem;color:var(--muted)}.timeline-positions{display:flex;flex-wrap:wrap;gap:.25rem}.position-pill{font-size:.72rem;padding:.15rem .45rem;border-radius:999px;background:#020617;border:1px solid #1f2937}.position-pill-long{border-color:var(--accent-soft)}.position-pill-short{border-color:var(--danger)}.position-pill-cash{border-color:var(--muted)}