html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.5;color:#1f2937;background:#f8fafc;min-height:100vh}button{font-family:inherit;font-weight:500}.container{max-width:1000px;margin:0 auto;padding:24px}.header{text-align:center;margin-bottom:32px}.header h1{font-size:2rem;font-weight:700;color:#111827;margin-bottom:4px}.header p{color:#6b7280;font-size:1rem}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px;overflow:hidden}.transaction-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;width:100%}.transaction-row input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s;background:#fff;flex:1}.card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px;font-weight:600;font-size:1rem;color:#374151}.card-content{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s;background:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.withdrawal-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin-bottom:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.add-deposit-section,.add-withdrawal-section{text-align:center;margin-top:16px}.calculate-section{text-align:center;margin:32px 0}.calculate-btn{padding:12px 32px;font-size:1rem;background:#059669;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.calculate-btn:hover{background:#047857}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:#fff;border:1px solid #e5e7eb;padding:20px;border-radius:8px;text-align:center}.summary-card h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:8px;font-weight:500}.summary-card .value{font-size:1.5rem;font-weight:700;color:#111827}.table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:800px;background:#fff}th{background:#f9fafb;color:#374151;padding:12px;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.clickable-header{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.clickable-header:hover{background:#e5e7eb;color:#1f2937}.clickable-header:active{background:#d1d5db}td{padding:12px 6px;border-bottom:1px solid #f3f4f6;font-size:.875rem;text-align:center}tr:hover{background-color:#f9fafb}tr:nth-child(5n){background-color:#f9fafb}.totals-row{background-color:#f9fafb!important;border-top:2px solid #d1d5db}.totals-row:hover{background-color:#f3f4f6!important}.totals-row td{border-bottom:none;font-weight:500}.number{text-align:right;font-variant-numeric:tabular-nums}.positive{color:#059669}.negative{color:#dc2626}.hidden{display:none}.pwa-toast{position:fixed;right:16px;bottom:16px;padding:16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;text-align:left;transform:translateY(200%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;gap:12px;max-width:200px;align-items:center}.pwa-toast.show{transform:translateY(0)}.pwa-toast .message{font-size:.875rem;color:#374151}#pwa-refresh{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;background:#3b82f6;color:#fff}#pwa-refresh:hover{background:#2563eb}@media(max-width:768px){.container{padding:16px}.form-grid{grid-template-columns:1fr}.withdrawal-row{grid-template-columns:1fr;gap:12px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}.transaction-row{flex-direction:column;align-items:stretch}.pwa-toast{width:100%;left:50%;right:auto;transform:translate(-50%) translateY(200%)}.pwa-toast.show{transform:translate(-50%) translateY(0)}}.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}