:root{--primary: #1a472a;--primary-light: #2d6a4f;--primary-lighter: #52b788;--primary-bg: #f0fdf4;--accent: #d4a017;--accent-light: #fef9c3;--danger: #dc2626;--danger-light: #fee2e2;--warning: #d97706;--warning-light: #fef3c7;--success: #16a34a;--success-light: #dcfce7;--info: #0284c7;--info-light: #e0f2fe;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--topbar-height: 60px;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--bg: #f8fafc;--card-bg: #ffffff;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body,.page-content,.table-wrap,.drawer{scroll-behavior:smooth}*{scrollbar-width:thin;scrollbar-color:#9ac9ab #edf4ef}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#edf4ef;border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8ab89a,#6d9e7e);border-radius:10px;border:2px solid #edf4ef}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6d9e7e,#547f64)}body{font-family:Segoe UI,Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Arial,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh}[lang=ur],.urdu,.text-urdu{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Arial Unicode MS,sans-serif;direction:rtl;text-align:right}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{font-family:Consolas,Courier New,monospace;background:#f1f5f9;padding:1px 5px;border-radius:3px;font-size:.85em;color:#475569}.page-container{padding:24px;max-width:1400px;direction:inherit}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{color:var(--primary);font-size:1.4rem}.page-header h1 span{font-size:.8rem;color:var(--text-muted);margin-right:8px;font-weight:400}.page-header p{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow);direction:inherit}.stat-card .stat-label{font-size:.78rem;color:var(--text-muted);display:block;margin-bottom:4px}.stat-card .stat-value{font-size:1.6rem;font-weight:700;color:var(--primary);display:block}.stat-card.green .stat-value{color:var(--success)}.stat-card.yellow .stat-value{color:var(--warning)}.stat-card.red .stat-value{color:var(--danger)}.stat-card.blue .stat-value{color:var(--info)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,box-shadow .15s;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:#fff;color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c}.receipt-area{display:none}@media print{.receipt-area{display:block}body>*:not(.receipt-area){display:none}.receipt{font-family:Courier New,monospace;font-size:11px;width:72mm;margin:0 auto}.receipt.wide{width:100mm}.r-header{text-align:center;font-size:13px;font-weight:700}.r-urdu{text-align:center;font-size:12px;direction:rtl}.r-addr,.r-phone{text-align:center;font-size:10px}.r-divider{border-bottom:1px dashed #000;margin:4px 0}.r-total{font-weight:700;font-size:13px}.r-udhar{color:red;font-weight:700}.r-footer{text-align:center;direction:rtl}.r-item-detail{margin-left:12px;font-size:10px}}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{background:none;border:none;cursor:pointer;padding:5px 7px;border-radius:5px;font-size:14px;transition:background .1s}.btn-icon:hover{background:#f1f5f9}.form-group{margin-bottom:16px;direction:inherit}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:5px;text-align:start}body[dir=ltr] label,body[dir=ltr] .form-label{direction:ltr;text-align:left}body[dir=rtl] label,body[dir=rtl] .form-label{direction:rtl;text-align:right}input:not([dir]),textarea:not([dir]),select:not([dir]){direction:inherit;text-align:start}.form-control{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-primary);background:#fff;transition:border-color .15s,box-shadow .15s;direction:inherit}.form-control:focus{outline:none;border-color:var(--primary-lighter);box-shadow:0 0 0 3px #52b78826}.form-control.is-invalid{border-color:var(--danger)}.invalid-feedback{font-size:12px;color:var(--danger);margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.table-wrapper{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;direction:inherit}thead th{background:#f8fafc;padding:10px 14px;text-align:start;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid var(--border)}tbody td{padding:11px 14px;border-bottom:1px solid #f1f5f9;font-size:13px;color:var(--text-primary);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafafa}.table-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:14px}.badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-primary{background:var(--primary-bg);color:var(--primary)}.badge-neutral{background:#f1f5f9;color:#64748b}.filters-bar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap;direction:inherit}.search-input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;min-width:200px;direction:inherit}.search-input:focus{outline:none;border-color:var(--primary-lighter);box-shadow:0 0 0 2px #52b78826}.filter-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;background:#fff;direction:inherit;cursor:pointer}.pagination{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:20px;direction:ltr}.page-btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;cursor:pointer;font-size:13px;transition:all .1s}.page-btn:hover{background:var(--bg)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:13px;direction:inherit;display:flex;align-items:flex-start;gap:8px}.alert-success{background:var(--success-light);color:#166534;border:1px solid #bbf7d0}.alert-danger{background:var(--danger-light);color:#991b1b;border:1px solid #fecaca}.alert-warning{background:var(--warning-light);color:#92400e;border:1px solid #fde68a}.alert-info{background:var(--info-light);color:#075985;border:1px solid #bae6fd}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);font-size:14px;gap:10px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary-bar{display:flex;gap:20px;padding:12px 20px;background:var(--primary-bg);border-radius:var(--radius);margin-bottom:16px;flex-wrap:wrap;direction:inherit;border:1px solid #bbf7d0}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-item .label{font-size:11px;color:var(--text-muted)}.summary-item .value{font-size:16px;font-weight:700;color:var(--primary)}.summary-item .value.warn{color:var(--warning)}.summary-item .value.danger{color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#fff;border-radius:var(--radius-lg);padding:24px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);direction:inherit}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);padding:4px}.modal-close:hover{color:var(--text-primary)}@media print{.no-print{display:none!important}body{background:#fff}.receipt-area{font-family:Courier New,monospace;font-size:12px;width:80mm;margin:0 auto}.receipt-area .receipt-header{text-align:center;font-weight:700;margin-bottom:8px}.receipt-area table{width:100%;font-size:11px}.receipt-area .receipt-total{border-top:1px dashed #000;margin-top:6px;padding-top:6px}}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.rtl{direction:rtl}.ltr{direction:ltr}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.fw-bold{font-weight:700}.fw-medium{font-weight:500}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.hidden{display:none}.amount{font-variant-numeric:tabular-nums;font-weight:600;font-family:Consolas,monospace;direction:ltr;display:inline-block}.amount.positive{color:var(--success)}.amount.negative{color:var(--danger)}.amount.neutral{color:var(--text-primary)}@media (max-width: 768px){.page-container{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.page-header{flex-direction:column}.summary-bar{gap:12px}.form-page{padding:0}.grid-two,.grid-three{grid-template-columns:1fr!important}.drawer{width:100%!important;max-width:100%!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.modal{padding:16px}h1{font-size:1.2rem}}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}