body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#121212;color:#fff}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}button{background-color:#333;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px}button:hover{background-color:#555}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #444444;padding:8px;text-align:left}th{background-color:#333;color:#fff}.app-container{display:flex}.left-menu{width:200px;background-color:#1e1e1e;padding:20px;height:100vh}.left-menu ul{list-style-type:none;padding:0;margin:0}.left-menu li{margin-bottom:10px}.left-menu a{text-decoration:none;color:#fff;display:flex;align-items:center}.left-menu a span{margin-left:10px}.main-content{width:100%}.header{background-color:#1e1e1e;padding:20px;border-bottom:1px solid #444444}.header h1{margin:0}.content{padding:20px}@media (max-width: 768px){.app-container{flex-direction:column-reverse}.left-menu{width:100%;height:auto;position:fixed;bottom:0;left:0;background-color:#1e1e1e;padding:10px 0;z-index:1000;display:flex;justify-content:center}.left-menu ul{display:flex;flex-direction:row;justify-content:space-around;width:100%}.left-menu li{margin-bottom:0}.left-menu a span{display:none}.main-content{padding-bottom:70px}}.stock-container{display:flex;flex-direction:column;gap:1rem}.top-section{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#stock-select{width:100%;max-width:500px;box-sizing:border-box;background-color:#333;color:#fff;border:1px solid #444444}.bottom-section{display:flex;flex-direction:column;gap:1rem}.panel{border:1px solid #444444;padding:1rem;border-radius:5px;background-color:#1e1e1e}.resumo-panel{width:100%}.resumo-content{display:flex;flex-direction:column;gap:1rem}.resumo-column{flex:1;display:flex;flex-direction:column;gap:.5rem}.transactions-panel,.provents-panel{flex:1}@media (min-width: 768px){.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.resumo-content{flex-direction:row}#stock-select{width:auto}}.resumo-column>div{display:grid;grid-template-columns:250px 1fr;gap:1rem}.resumo-column label{font-weight:700}