body{color:#333;background:#f4f4f4;margin:0;padding:0;font-family:Arial,sans-serif}.page{max-width:1000px;margin:0 auto;padding:15px}.navbar{color:#fff;z-index:10;background:#0872eb;justify-content:space-between;align-items:center;padding:10px 15px;display:flex;position:sticky;top:0}.nav-brand{font-size:18px;font-weight:700}.nav-links{gap:20px;display:flex}.nav-links li{list-style:none}.nav-links li a,.nav-links li button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;text-decoration:none}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;display:none}@media (width<=600px){.hamburger{display:block}.nav-links{z-index:100;background:#0a7dca;flex-direction:column;padding:10px;display:none;position:absolute;top:60px;left:0;right:0}.nav-links.open{display:flex}.nav-links li{margin:10px 0;list-style:none}.nav-links li a,.nav-links li button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;text-decoration:none}}.form-container{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 2px 6px #0000001a}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-weight:700;display:block}.form-group input,.form-group select{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;width:100%;padding:8px 10px}button.btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:5px;padding:10px 15px}button.btn:hover{background:#4338ca}button.btn-delete{background:#e11d48}button.btn-delete:hover{background:#be123c}.cards{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:25px;display:flex}.card{text-align:center;background:#fff;border-radius:12px;flex:1;min-width:220px;padding:20px;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.card h3{margin-bottom:10px;font-size:16px;font-weight:600}.card .amount{color:#1f2937;font-size:26px;font-weight:700}.card-sales{background:#eef2ff}.card-expenses{background:#fee2e2}.card-profit{background:#dcfce7}.card:hover{transform:translateY(-3px)}.table-container{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 6px #0000001a}.transactions-table{border-collapse:collapse;width:100%;margin:0 auto}.transactions-table th,.transactions-table td{text-align:left;border-bottom:1px solid #ddd;padding:10px}.transactions-table th{color:#fff;background:#098ac5}.transactions-cards{display:none}.transaction-card{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;padding:12px}.transaction-card p{margin:4px 0}.summary{background:#eef2ff;border-radius:8px;margin-top:20px;padding:15px}.summary p{margin:5px 0;font-weight:700}.monofont{font-family:monospace}.faded-red{color:#b91c1c}.faded-green{color:#166534}.report-card{background:#fff;border-radius:10px;margin-top:20px;padding:20px;box-shadow:0 3px 10px #0000001a}.report-card table{border-collapse:collapse;width:100%;margin-top:15px}.report-card table th,.report-card table td{text-align:left;border:1px solid #ddd;padding:8px}.report-card table th{background-color:#f3f4f6}.accounts-container{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.account-card{text-align:center;cursor:pointer;background:#fff;border-radius:12px;min-width:180px;max-width:220px;padding:20px;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.account-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.account-card h3{margin-bottom:8px;font-size:16px}.create-account{color:#4f46e5;border:2px dashed #4f46e5;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.create-account:hover{background:#eef2ff;transform:translateY(-3px)}@media (width<=1000px){.page{padding:10px}}@media (width<=600px){.hamburger{display:block}.nav-links{background:#4f46e5;flex-direction:column;padding:10px;display:none;position:absolute;top:60px;left:0;right:0}.nav-links.open{display:flex}.nav-links li{margin:10px 0}.transactions-table{display:none}.transactions-cards{display:block}.form-group label,.form-group input,.form-group select{font-size:14px}button.btn{width:100%;padding:10px;font-size:14px}.summary p{font-size:14px}.cards{flex-direction:column}}