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)}.receipt-report{background:#fff;max-width:420px;margin:auto;padding:20px;font-family:monospace}.line{justify-content:space-between;padding:6px 0;display:flex}.total{border-top:1px dashed #ccc;margin-top:4px;font-weight:700}.red{color:#d22}.green{color:#1a7f37}.cash-highlight{text-align:center;background:#e9fff1;border:2px solid #1a7f37;margin:15px 0;padding:15px;font-weight:700}.cash-amount{margin-top:5px;font-size:28px}.receipt-table{width:100%;margin-top:10px;font-size:12px}.receipt-table th{text-align:left;padding:4px}.receipt-table td{border-top:1px solid #eee;padding:4px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:20px;display:grid}.report-box{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #0000000f}.report-box h4{color:#666;margin:0 0 6px;font-size:14px}.report-box p{margin:0;font-size:18px;font-weight:600}.highlight-green{border-left:5px solid #28a745}.highlight-total{background:#f8fbff;border-left:5px solid #007bff}.report-title{text-align:center;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.notes-title{text-align:center;letter-spacing:.5px;margin-bottom:25px;font-weight:600}.note-input{background:#fff;border-radius:10px;margin-bottom:25px;padding:18px;box-shadow:0 2px 10px #0000000d}.note-input textarea{resize:none;border:1px solid #ddd;border-radius:6px;width:100%;min-height:80px;margin-bottom:10px;padding:10px;font-family:inherit}.note-input select,.note-input input{background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:8px}.note-input button{color:#fff;cursor:pointer;background:#1f7aec;border:none;border-radius:6px;width:100%;padding:10px;font-weight:500;transition:background .2s}.note-input button:hover{background:#1664c4}.note-item{background:#fff;border-left:4px solid #ddd;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 6px #0000000d}.note-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:600;display:flex}.note-type{font-size:14px}.note-item p{color:#333;margin:4px 0 8px;line-height:1.4}.due-date{color:#777;margin-bottom:6px;font-size:12px}.priority{border-radius:4px;padding:3px 7px;font-size:12px}.priority.normal{color:#555;background:#f1f1f1}.priority.important{color:#b37400;background:#fff3d6}.priority.urgent{color:#c62828;background:#ffe1e1;font-weight:600}.done{opacity:.65;border-left:4px solid #bbb}hr{border:none;border-top:1px solid #eee;margin:25px 0}.note-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.note-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:500;transition:background .2s,color .2s}.note-actions button.edit-btn{color:#fff;background:#28a745}.note-actions button.edit-btn:hover{background:#218838}.note-actions button.delete-btn{color:#fff;background:#dc3545}.note-actions button.delete-btn:hover{background:#c82333}.note-actions button.done-btn{color:#212529;background:#ffc107}.note-actions button.done-btn:hover{background:#e0a800}.charts-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;display:grid}.chart-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #00000012}.chart-card h3{margin-bottom:10px}@media (width<=900px){.charts-grid{grid-template-columns:1fr}}.report-table-container{width:100%;overflow-x:auto}.report-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.report-table th{text-align:left;background:#f3f4f6;border-bottom:2px solid #ddd;padding:10px}.report-table td{vertical-align:top;word-break:break-word;border-bottom:1px solid #eee;padding:10px}.amount-col{text-align:right;font-family:monospace;font-weight:600}.sale-row .amount-col{color:#166534}.expense-row .amount-col{color:#b91c1c}.report-table tbody tr:hover{background:#fafafa}@media (width<=600px){.report-table{font-size:12px}.report-table th,.report-table td{padding:6px}.report-table th:first-child{width:60px}.report-table th:nth-child(3){width:90px}}@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{font-size:14px;display:table}.transactions-table th,.transactions-table td{padding:8px}.table-container{overflow-x:auto}.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}}