.transactions-page{color:#1f2937;background:#f4f6f8;min-height:100vh;padding:32px}.transactions-header{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto 24px;display:flex}.transactions-header h1{margin:0 0 6px;font-size:30px}.transactions-header p{color:#6b7280;margin:0}.transactions-card{background:#fff;border-radius:12px;max-width:1100px;margin:0 auto 24px;padding:24px;box-shadow:0 4px 16px #00000014}.transactions-card h2{margin-top:0}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading h2{margin-bottom:4px}.section-heading p{color:#6b7280;margin:0}.table-container{width:100%;overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table th,.transactions-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.transactions-table th{background:#f9fafb;font-weight:600}.transactions-table tbody tr:hover{background:#f9fafb}.sort-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.sort-button span{color:#6b7280}.table-message{color:#6b7280;text-align:center!important;padding:32px!important}.status-badge{border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.status-approved{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.transaction-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-weight:600}.form-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;width:100%;padding:11px 12px;font-size:15px}.form-group input:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.form-actions{grid-column:1/-1;justify-content:flex-end;display:flex}button{font:inherit}.logout-button,.refresh-button,.save-button,.cancel-button,.pagination button{cursor:pointer;border:none;border-radius:7px;padding:9px 15px;font-weight:600}.logout-button{color:#fff;background:#374151}.refresh-button{color:#1f2937;background:#e5e7eb}.save-button{color:#fff;background:#2563eb;min-width:180px}.cancel-button{color:#fff;background:#dc2626}.cancel-button:disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb}button:disabled{opacity:.7;cursor:not-allowed}.alert{border-radius:7px;margin-bottom:18px;padding:12px 14px}.alert-success{color:#166534;background:#dcfce7}.alert-error{color:#991b1b;background:#fee2e2}.pagination-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:22px;display:grid;position:relative}.page-size-selector{color:#4b5563;justify-content:flex-start;align-items:center;gap:8px;font-size:14px;display:flex}.page-size-selector label{font-weight:500}.page-size-selector select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 28px 7px 10px}.page-size-selector select:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.pagination{justify-content:center;align-items:center;gap:10px;display:flex}.pagination button{color:#1f2937;cursor:pointer;background:#e5e7eb;border:none;border-radius:7px;min-width:40px;padding:8px 12px;font-weight:600}.pagination button:hover:not(:disabled){background:#d1d5db}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{text-align:center;color:#4b5563;min-width:120px;font-size:14px}.pagination-summary{color:#6b7280;justify-self:end;font-size:14px}@media (width<=700px){.pagination-container{grid-template-columns:1fr}.page-size-selector,.pagination,.pagination-summary{justify-self:center}.pagination{flex-wrap:wrap}}:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.page-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card,.transactions-card{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:32px;box-shadow:0 4px 12px #00000014}.login-card{max-width:420px}.transactions-card{max-width:960px}h1,h2,p{margin-top:0}.page-description{color:#6b7280;line-height:1.5}.form-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-field label{font-weight:600}.form-field input{border:1px solid #9ca3af;border-radius:6px;outline:none;width:100%;padding:10px 12px}.form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}button{color:#fff;background:#2563eb;border:0;border-radius:6px;padding:10px 16px;font-weight:600}form button{width:100%}.secondary-button{background:#4b5563}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:18px;padding:10px 12px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.placeholder{text-align:center;color:#6b7280;border:1px dashed #9ca3af;border-radius:8px;margin-top:32px;padding:32px}@media (width<=600px){.page-header{flex-direction:column}.secondary-button{width:100%}}