body{background-color:#d8d8d8;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}h1,h2,h3,h4{margin-top:0;text-align:center}a{color:inherit;text-decoration:none}nav{background:#2c3e50;box-shadow:0 2px 5px #0000001a;display:flex;gap:20px;justify-content:center;padding:15px}nav a{color:#ecf0f1;font-weight:500;transition:color .2s ease}nav a:hover{color:#f39c12}.page-container{margin:30px auto;max-width:1000px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}button{background:#2980b9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px 18px;transition:background .2s ease}button:hover{background:#3498db}input,select,textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;margin:5px 0 15px;padding:10px;width:100%}input:focus,textarea:focus{border-color:#2980b9;outline:none}.login-container{margin:100px auto;max-width:400px;text-align:center}.login-box{background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:30px}.spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:40px;margin:50px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.transaction-list{margin:0 auto;max-width:800px}.transaction-card{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 5px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px;transition:transform .2s,box-shadow .2s}.transaction-card:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.transaction-info{display:flex;flex-direction:column}.transaction-title{font-size:16px;font-weight:700;margin-bottom:4px}.transaction-desc{color:#555;font-size:14px}.transaction-amounts{text-align:right}.transaction-cost{color:#888;font-size:14px}.transaction-sell{color:#000;font-size:16px;font-weight:700}.transaction-dates{color:#999;font-size:12px;margin-top:4px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8458c62d.css.map*/