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:default;background:0 0;border:none;font-size:16px;text-decoration:none}.card{background:#fff;border-radius:12px;padding:15px;transition:all .2s;box-shadow:0 2px 10px #00000014}.status-badge{color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:12px}.btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 10px}.btn-disable{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 10px}.btn-approve:hover,.btn-disable:hover{opacity:.85}.container{padding:20px}.admin-controls{gap:10px;margin-bottom:20px;display:flex}.admin-controls input,.admin-controls select{border:1px solid #ddd;border-radius:8px;padding:10px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;display:grid}.card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 10px #00000014}.card-header{justify-content:space-between;align-items:center;display:flex}.badge{color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:12px}.badge.active{background:#16a34a}.badge.pending{background:#f59e0b}.badge.disabled{background:#ef4444}.actions{gap:8px;margin-top:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:6px 10px}.btn.approve{color:#fff;background:#16a34a}.btn.disable{color:#fff;background:#ef4444}.receipt-report{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:16px}.page{overflow-x:hidden}.line{box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.line span{word-break:break-word;min-width:0}.line span:last-child{text-align:right;white-space:nowrap;flex-shrink:0}.receipt-table{table-layout:fixed;border-collapse:collapse;width:100%}.receipt-table th,.receipt-table td{word-wrap:break-word;font-size:12px}@media (width<=600px){.receipt-report{padding:12px}.line{font-size:13px}.line span:first-child{max-width:60%}.receipt-table{font-size:12px}}.export-mode .receipt-report{box-sizing:border-box;width:100%;max-width:420px;margin:0 auto;padding:12px}.export-mode{overflow-x:hidden}.export-mode .page{justify-content:center;display:flex}.download-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.download-buttons button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.download-buttons button:first-child{color:#fff;background:#16a34a}.download-buttons button:first-child:hover{background:#12833c;transform:translateY(-1px)}.download-buttons button:last-child{color:#fff;background:#2563eb}.download-buttons button:last-child:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=600px){.download-buttons{justify-content:center}.download-buttons button{width:100%}}.page select{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:220px;margin:10px 0 20px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.page select:hover{border-color:#9ca3af}.page select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}@media (width<=600px){.page select{width:100%}}.alert{border-radius:8px;margin-bottom:15px;padding:12px 14px;font-size:14px;font-weight:500}.alert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.alert.info{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.currency-input{width:100%;position:relative}.currency-input span{color:#888;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700;position:absolute;top:6px;left:14px}.currency-input input{text-align:right;border:1px solid #ddd;border-radius:8px;width:100%;padding:22px 14px 10px;font-size:20px;font-weight:600}.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}}