html{scroll-behavior:smooth}.page-wrapper{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-family:Inter,sans-serif;font-size:14px}body{font-family:Inter,sans-serif;font-size:14px;background-color:#f3f4f6;color:#111827}.section-title{font-size:1.5rem;margin-bottom:15px;font-weight:600;color:#6495ed}.actions-header{display:flex;justify-content:space-between;margin-bottom:15px}.actions-header .search-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}.actions-header .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}.actions-header .btn-add{background:#1e3a8a;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.actions-header .btn-add:hover{background:#1e40af}.table-container{overflow-x:auto}.table-container table{width:100%;border-collapse:collapse}.table-container table th,.table-container table td{padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px}.table-container table th{background:#f9fafb;text-align:left;font-weight:600;color:#374151}.status-label{padding:4px 8px;border-radius:4px;font-weight:500;font-size:12px}.status-label.active{background:#d1fae5;color:#065f46}.status-label.inactive{background:#facc15;color:#000}.status-label.pending{background:#fee2e2;color:#991b1b}.status-label.resolved{background:lightgreen;color:#000}.status-label.expired,.status-label.suspend,.status-label.failed{background:#fee2e2;color:#991b1b}.priority-label{padding:4px 8px;border-radius:4px;font-weight:500;font-size:12px}.priority-label.low{background:#d1fae5;color:#065f46}.priority-label.high{background:#fee2e2;color:#991b1b}.priority-label.medium{background:#facc15;color:#000}.priority-label.resolved{background:lightgreen;color:#000}.btn-edit{background:#facc15;border:none;padding:5px 10px;margin-right:5px;cursor:pointer;border-radius:4px;font-size:13px}.btn-edit:hover{background:#eab308}.btn-activate{background:lightgreen;border:none;padding:5px 10px;margin-right:5px;cursor:pointer;border-radius:4px;font-size:13px}.btn-activate:hover{background:lightgreen}.btn-delete{background:#ef4444;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px;font-size:13px}.btn-delete:hover{background:#dc2626}.pagination-wrapper{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:10px}.pagination-wrapper .pagination-btn{background:#1e3a8a;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.pagination-wrapper .pagination-btn:disabled{background:#ccc;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:white;padding:20px;border-radius:8px;width:420px;max-width:95%;font-family:Inter,sans-serif}.modal h3{margin-bottom:15px;font-weight:600;font-size:18px;color:#111827}.modal form{display:flex;flex-direction:column}.modal form label{font-weight:500;margin-top:12px;margin-bottom:4px;color:#374151;font-size:14px}.modal form input,.modal form select{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}.modal form input:focus,.modal form select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}.modal form .modal-actions{display:flex;justify-content:flex-end;margin-top:18px}.modal form .modal-actions .btn-save{background:#1e3a8a;color:#fff;border:none;padding:7px 14px;border-radius:6px;font-weight:500;cursor:pointer;margin-right:10px}.modal form .modal-actions .btn-save:hover{background:#1e40af}.modal form .modal-actions .btn-cancel{background:#e5e7eb;border:none;padding:7px 14px;border-radius:6px;cursor:pointer}.modal form .modal-actions .btn-cancel:hover{background:#d1d5db}.modalforImage{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:10px;border-radius:10px;max-width:90%;max-height:90%;overflow:auto}.receipt-img{max-width:100%;max-height:80vh;display:block;margin:auto;border-radius:8px}.close-btn{position:absolute;top:12px;right:16px;font-size:32px;font-weight:700;color:#fff;background:#e74c3c;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease-in-out}.close-btn:hover{background:#c0392b;transform:scale(1.1)}.btn-view{background:#91ef44;color:#000;border:none;padding:5px 10px;cursor:pointer;border-radius:4px;font-size:13px}.btn-view:hover{background:#91ef44}