:root{--color-white: #ffffff;--color-black: #000000;--color-white-95: rgba(255, 255, 255, .95);--color-white-90: rgba(255, 255, 255, .9);--color-white-80: rgba(255, 255, 255, .8);--color-white-70: rgba(255, 255, 255, .7);--color-white-60: rgba(255, 255, 255, .6);--color-white-10: rgba(255, 255, 255, .1);--color-white-05: rgba(255, 255, 255, .05);--font-mono: "Courier New", monospace}html,body{margin:0;padding:0;height:100vh;width:100vw;background:#000;color:#fff;font-family:var(--font-mono);overflow-x:hidden}*{max-width:100%;box-sizing:border-box}.stock-container,.portfolio-container,.main-layout>div:not(.positions):not(.settings):not(.account){scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.stock-container::-webkit-scrollbar,.portfolio-container::-webkit-scrollbar,.main-layout>div:not(.positions):not(.settings):not(.account)::-webkit-scrollbar{display:none}.settings,.account{overflow:visible;min-height:fit-content}.positions table{scrollbar-width:auto;-ms-overflow-style:auto}.positions table::-webkit-scrollbar{display:block}.main-layout{display:grid;grid-template-columns:1fr 30%;grid-template-rows:minmax(150px,1fr) minmax(150px,1fr) minmax(200px,1.5fr);gap:.75rem;padding:.75rem;height:100vh;box-sizing:border-box;overflow-x:hidden;max-width:100vw}.stock-container{grid-column:1;grid-row:1 / 3;background:var(--color-white-05);border-radius:8px;display:flex;justify-content:center;align-items:center;height:100%}.settings{grid-column:2;grid-row:1;background:var(--color-white-05);border-radius:8px;padding:.75rem;height:100%;min-height:120px;display:flex;flex-direction:column}.account{grid-column:2;grid-row:2;background:var(--color-white-05);border-radius:8px;padding:.75rem;height:100%;min-height:120px;display:flex;flex-direction:column}.portfolio-container{grid-column:1;grid-row:3;background:var(--color-white-05);border-radius:8px;display:flex;justify-content:center;align-items:center;height:100%;min-height:200px}.positions{grid-column:2;grid-row:3;background:var(--color-white-05);border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:200px;overflow:hidden}#stockChart,#portfolioChart{width:100%;height:100%;max-width:100%}.positions table{flex:1;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;table-layout:fixed;max-width:100%}.positions h3{padding:.5rem;margin:0;background:#1a1a1a;position:sticky;top:0;z-index:1;font-size:16px}.positions table{width:100%;border-collapse:collapse;background:#1a1a1a;flex:1}th,td{padding:6px 8px;text-align:left;border-bottom:1px solid #333;font-size:13px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:0}th{background:#2c2c2c;font-weight:600;text-transform:uppercase;position:sticky;top:0;z-index:1}td:nth-child(5){color:#ff4d4d}td:nth-child(5).positive{color:#0c0}@media (max-width: 768px){html,body{height:auto;overflow-x:hidden;overflow-y:visible}.main-layout{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;min-height:100vh}.stock-container{height:auto;min-height:350px}.settings,.account{height:auto;min-height:fit-content;padding:.75rem;overflow:visible}.portfolio-container{height:auto;min-height:280px}.positions{height:auto;min-height:150px;overflow:visible}.positions table{overflow-y:auto;overflow-x:hidden}th,td{padding:4px 6px;font-size:11px}.positions h3{padding:.5rem}}@media (max-width: 480px){html,body{height:auto;overflow-x:hidden;overflow-y:visible}.main-layout{gap:.5rem;padding:.5rem}.stock-container{min-height:300px}.settings,.account{min-height:fit-content;padding:.5rem;overflow:visible}.portfolio-container{min-height:250px}.positions{min-height:120px}th,td{padding:3px 4px;font-size:10px}.positions h3{padding:.5rem;font-size:14px}}