:root{--primary: #0f172a;--primary-soft: #334155;--accent: #0d9488;--accent-soft: #f0fdfa;--surface: #ffffff;--canvas: #f8fafc;--text-strong: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #059669;--danger: #dc2626;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--canvas);color:var(--text-strong)}body{line-height:1.4}button,input,select,textarea{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important}.mat-icon{font-family:Material Icons!important}.erp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;box-shadow:none}.erp-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}.erp-table-toolbar .group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.erp-input,.erp-select{height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-strong);padding:0 11px;font:inherit;font-size:.84rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.erp-input:focus,.erp-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d94881f}.erp-btn{height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);padding:0 12px;font-weight:600;font-size:.8rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .18s ease}.erp-btn:hover{background:#f8fafc;color:var(--text-strong);border-color:#cbd5e1}.erp-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.erp-btn.primary:hover{background:#0f766e;border-color:#0f766e;color:#fff}.erp-btn.success{background:var(--success);border-color:var(--success);color:#fff}.erp-btn.danger{background:#ffe9ec;border-color:#ffd3da;color:#c13855}.erp-table-wrap{border:1px solid var(--border);border-radius:14px;overflow:auto;background:var(--surface)}.erp-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.erp-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:var(--text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.35px;font-weight:700;padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}.erp-table tbody td{padding:13px 14px;border-bottom:1px solid #f1f5f9;font-size:.84rem;color:var(--text-strong);vertical-align:middle}.erp-table tbody tr:nth-child(2n){background:#fafbfc}.erp-table tbody tr:hover{background:#f8fafc}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700}.status-chip.paid,.status-chip.completed{background:#e9f9f1;color:#0d8a57}.status-chip.unpaid,.status-chip.pending{background:#fff7e6;color:#a6780d}.status-chip.returned{background:#ffeef0;color:#be2f4f}.status-chip.returnable{background:var(--accent-soft);color:var(--accent)}.table-empty{text-align:center;padding:34px 20px;color:var(--text-muted)}.table-empty .icon{font-size:1.3rem;display:block;margin-bottom:8px}.erp-pagination{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.erp-pagination .controls{display:flex;align-items:center;gap:8px}@media(max-width:768px){.erp-card{padding:14px}.erp-table{min-width:620px}}