*{box-sizing:border-box;margin:0;padding:0}body{background:#eef3f8}.auth-boot{color:#5a6d82;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;font-size:14px;display:flex}.auth-boot-spinner{border:3px solid #d4dfea;border-top-color:#1d4e6e;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}body{color:#1e293b;background:#edf2f7;margin:0;font-family:Segoe UI,Arial,sans-serif}.app{max-width:1600px;margin:0 auto;padding:16px}.header{color:#fff;background:#0f4c81;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:30px;padding:18px 24px;display:flex}.company-info h1{margin:0;font-size:34px;font-weight:700}.company-info p{margin:4px 0;font-size:14px}.header-right{gap:14px;display:flex}.field-group label{font-size:13px;font-weight:600}.field-group input,.field-group select{border:none;border-radius:6px;min-width:150px;padding:10px}.customer-section{background:#fff;border:1px solid #dbe4ee;border-radius:10px;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:14px;padding:16px;display:grid}.customer-section input{border:1px solid #cbd5e1;border-radius:6px;padding:12px}.medicine-entry{background:#fff;border:1px solid #dbe4ee;border-radius:10px;grid-template-columns:4fr 1fr 1fr 1fr 150px;gap:10px;margin-top:14px;padding:14px;display:grid}.medicine-entry input{border:1px solid #cbd5e1;border-radius:6px;padding:12px}.add-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;font-weight:600}.content-layout{grid-template-columns:1fr 320px;gap:14px;margin-top:14px;display:grid}.billing-area{flex-direction:column;display:flex}.table-wrapper{background:#fff;border:1px solid #dbe4ee;border-radius:10px;overflow:hidden}table{border-collapse:collapse;width:100%}thead{color:#fff;background:#0f4c81}th{text-align:left;padding:12px;font-size:14px}td{border-bottom:1px solid #e5e7eb;padding:12px}tbody tr:hover{background:#f8fafc}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;padding:6px 10px}.shortcut-bar{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.shortcut-bar button{color:#fff;cursor:pointer;background:#0f4c81;border:none;border-radius:6px;padding:10px 18px;font-weight:600}.summary-panel{background:#fff;border:1px solid #dbe4ee;border-radius:10px;height:fit-content;padding:18px}.summary-panel h3{color:#0f4c81;margin-top:0;margin-bottom:18px}.summary-row{justify-content:space-between;margin-bottom:14px;font-size:15px;display:flex}.grand-total{border-top:2px solid #e2e8f0;justify-content:space-between;margin-top:18px;padding-top:14px;font-size:22px;font-weight:700;display:flex}.print-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;width:100%;margin-top:18px;padding:14px;font-size:16px;font-weight:700}.secondary-btn{color:#fff;cursor:pointer;background:#0f4c81;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px}@media (width<=1200px){.content-layout,.customer-section,.medicine-entry{grid-template-columns:1fr}.header{flex-direction:column}.header-right{flex-wrap:wrap}}@media print{body{background:#fff}.app{max-width:100%;padding:0}.shortcut-bar,.print-btn,.secondary-btn,.add-btn,.medicine-entry{display:none!important}.header{border:2px solid #000;border-radius:0;color:#000!important;background:#fff!important}.table-wrapper,.summary-panel,.customer-section{box-shadow:none;border:1px solid #000}thead{color:#000!important;background:#e5e5e5!important}th,td{border:1px solid #000}.content-layout{display:block}.summary-panel{margin-top:20px}@page{size:A4;margin:10mm}}.top-nav{background:#2c3e50;border-bottom:2px solid #34495e;gap:10px;padding:10px;display:flex}.nav-btn{color:#fff;background:#34495e;border-radius:4px;padding:8px 15px;font-size:14px;text-decoration:none}.nav-btn:hover{background:#3d566e}.app-layout{flex-direction:column;height:100vh;display:flex}.page-content{background:#f4f6f9;flex:1;min-height:calc(100vh - 120px);padding:15px;overflow:auto}@media print{.app-layout{height:auto!important;display:block!important}.page-content{height:auto!important;min-height:auto!important;overflow:visible!important}.invoice-print-container{visibility:visible!important;width:100%!important;margin:0!important;padding:20px!important;display:block!important}.top-nav,.header,.shortcut-bar,.invoice-actions{display:none!important}.invoice-print-container{max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important}.header-bar,.top-nav{display:none!important}.page-content{background:#fff!important;padding:0!important}.invoice-actions{display:none!important}.invoice-print-container{border:none!important;max-width:100%!important;margin:0!important;padding:20px!important}.no-print-layout>.header-bar,.no-print-layout>.top-nav{display:none!important}}.login-screen{background:linear-gradient(135deg,#0f2a43 0%,#1d4e6e 55%,#2a6f8f 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:32px 30px 24px;box-shadow:0 18px 50px #00000059}.login-brand{text-align:center;margin-bottom:24px}.login-logo{color:#fff;letter-spacing:1px;background:#1d4e6e;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 10px;font-size:22px;font-weight:700;display:flex}.login-brand h1{color:#0f2a43;letter-spacing:1.5px;font-size:20px}.login-brand p{color:#7a8ba0;margin-top:4px;font-size:12px}.login-field{margin-bottom:14px}.login-field label{color:#3c4d61;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.login-field input{background:#f8fafc;border:1px solid #c6d2de;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{background:#fff;border-color:#1d4e6e;box-shadow:0 0 0 3px #1d4e6e26}.login-field input:disabled{opacity:.6}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:42px}.login-eye{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-eye:hover{background:#eef3f8}.login-error{color:#b23434;background:#fdecec;border:1px solid #f5b5b5;border-radius:8px;margin-bottom:14px;padding:8px 10px;font-size:12.5px}.login-btn{color:#fff;cursor:pointer;background:#1d4e6e;border:none;border-radius:8px;width:100%;padding:11px;font-size:14px;font-weight:600;transition:background .15s}.login-btn:hover:not(:disabled){background:#163d57}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-footer{color:#93a3b5;text-align:center;margin-top:18px;font-size:11px;line-height:1.5}*{box-sizing:border-box}body{background:#f5f5f5;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;font-size:13px}.erp-container{background:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden}.header-bar{color:#ecf0f1;background:#2c3e50;border-bottom:1px solid #34495e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:8px 12px;font-size:12px;display:flex}.header-company{font-weight:700}.header-time{align-items:center;gap:16px;margin-left:auto;display:flex}.header-user{border-left:1px solid #46607a;align-items:center;gap:8px;padding-left:14px;display:flex}.header-user-email{text-overflow:ellipsis;white-space:nowrap;color:#b8c9da;max-width:180px;font-size:11px;overflow:hidden}.header-logout{color:#ecf0f1;cursor:pointer;background:#34495e;border:1px solid #46607a;border-radius:5px;padding:3px 10px;font-size:11px}.header-logout:hover{background:#3d566e}.header-info{flex-wrap:wrap;gap:20px;font-size:11px;display:flex}.header-info div{gap:5px;display:flex}.header-info label{color:#bdc3c7}.erp-main{border-top:1px solid #bdc3c7;flex:1;display:flex;overflow:hidden}.left-panel{background:#ecf0f1;border-right:1px solid #bdc3c7;width:220px;padding:8px;overflow-y:auto}.left-panel h3{color:#2c3e50;border-bottom:1px solid #bdc3c7;margin:0 0 8px;padding-bottom:4px;font-size:12px;font-weight:700}.left-panel .form-group{margin-bottom:6px}.left-panel label{color:#555;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.left-panel input,.left-panel select{background:#fff;border:1px solid #bdc3c7;border-radius:0;width:100%;padding:4px 6px;font-size:12px}.left-panel input:focus,.left-panel select:focus{background:#e8f4f8;border-color:#3498db;outline:none}.center-grid{flex-direction:column;flex:1;padding:8px;display:flex;overflow:hidden}.grid-header{color:#2c3e50;margin-bottom:4px;font-size:11px;font-weight:700}.grid-table{background:#fff;border:1px solid #bdc3c7;flex:1;overflow-y:auto}.grid-table table{border-collapse:collapse;width:100%;font-size:12px}.grid-table th{color:#ecf0f1;text-align:left;background:#34495e;border:1px solid #2c3e50;height:22px;padding:4px 6px;font-weight:600}.grid-table td{border:1px solid #ecf0f1;height:22px;padding:4px 6px}.grid-table tr{background:#fff}.grid-table tr:hover{background:#f0f0f0}.grid-table tr.active{background:#e8f4f8;border-left:3px solid #3498db}.grid-table input{background:0 0;border:none;width:100%;padding:2px 4px;font-size:12px}.grid-table input:focus{background:#fffacd;outline:none}.grid-product-search{margin-bottom:8px;padding:8px}.grid-product-search input{border:1px solid #bdc3c7;border-radius:0;width:100%;padding:6px 8px;font-size:12px}.grid-product-list{z-index:100;background:#fff;border:1px solid #bdc3c7;width:200px;max-height:150px;position:absolute;overflow-y:auto;box-shadow:0 2px 4px #0000001a}.grid-product-list div{cursor:pointer;border-bottom:1px solid #ecf0f1;padding:6px 8px;font-size:12px}.grid-product-list div:hover{background:#e8f4f8}.right-panel{background:#ecf0f1;border-left:1px solid #bdc3c7;width:200px;padding:8px;overflow-y:auto}.right-panel h3{color:#2c3e50;border-bottom:1px solid #bdc3c7;margin:0 0 8px;padding-bottom:4px;font-size:12px;font-weight:700}.right-panel .form-group{margin-bottom:6px}.right-panel label{color:#555;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.right-panel input,.right-panel select{background:#fff;border:1px solid #bdc3c7;border-radius:0;width:100%;padding:4px 6px;font-size:12px}.right-panel input:focus,.right-panel select:focus{background:#e8f4f8;border-color:#3498db;outline:none}.status-bar{color:#ecf0f1;background:#34495e;border-top:1px solid #2c3e50;justify-content:space-between;align-items:center;gap:20px;padding:6px 12px;font-size:12px;display:flex}.status-item{gap:5px;display:flex}.status-label{color:#bdc3c7}.status-value{text-align:right;min-width:100px;font-weight:700}.erp-footer{background:#2c3e50;border-top:1px solid #34495e;flex-wrap:wrap;gap:8px;padding:6px 12px;display:flex}.row-remove-btn{color:#c0392b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;width:22px;height:22px;padding:0;font-size:12px;line-height:1}.row-remove-btn:hover{color:#a53125;background:#fdecea;border-color:#e74c3c}.print-preview-container{display:none}.shortcut-btn:active{background:#1f618d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ecf0f1}::-webkit-scrollbar-thumb{background:#95a5a6;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7f8c8d}@media print{.header-bar,.left-panel,.right-panel,.status-bar,.erp-footer{display:none!important}.erp-main{border:none}.erp-container:has(.print-preview-container) .print-template{background:#fff;display:flex!important}}@media (width<=1024px){.erp-main{flex-direction:column}.left-panel,.right-panel{border:none;border-bottom:1px solid #bdc3c7;width:100%;max-height:150px}.center-grid{flex:1}.header-info{gap:10px}}@media print{.erp-container:has(.print-template)>:not(:has(.print-template)){display:none!important}.erp-container:has(.print-template) .page-content>:not(:has(.print-template)){display:none!important}.erp-container:has(.print-preview-container) .print-template{display:flex!important}.print-preview-container{display:block!important}}.typeahead{width:100%;position:relative}.typeahead input{width:100%}.typeahead-menu{z-index:1000;background:#fff;border:1px solid #3498db;max-height:260px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.typeahead-item{cursor:pointer;color:#2c3e50;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.typeahead-item.active,.typeahead-item:hover{background:#eaf4fd}.typeahead-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.typeahead-detail{color:#7f8c8d;white-space:nowrap;font-size:11px}.print-template{color:#111;background:#fff;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto;padding:6mm 5mm;font-family:Segoe UI,Arial,sans-serif;font-size:10.5px;line-height:1.3;display:flex}.print-template *{box-sizing:border-box}.pt-band{color:#fff;text-align:center;letter-spacing:4px;background:#0e7490;border-radius:3px;padding:6px 0;font-size:15px;font-weight:700}.pt-body{border:1.5px solid #0e7490;border-top:none;border-radius:0 0 3px 3px;flex-direction:column;flex:1;padding:5px 7px 6px;display:flex}.pt-top{border-bottom:1.5px solid #0e7490;gap:10px;padding:6px 0 5px;display:flex}.pt-company{flex:1}.pt-company h1{color:#0e7490;letter-spacing:.5px;margin:0;font-size:21px;font-weight:800}.pt-addr{color:#333;margin:1px 0 0;font-size:9.5px}.pt-sep{color:#0e7490;padding:0 3px}.pt-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pt-chip{color:#0b5c73;white-space:nowrap;background:#e0f2f1;border:1px solid #0e7490;border-radius:3px;padding:1.5px 7px;font-size:8.5px;font-weight:700}.pt-invbox{text-align:center;background:#f0fbfa;border:1.5px solid #0e7490;border-radius:4px;flex-direction:column;justify-content:center;gap:2px;width:190px;padding:7px 8px 6px;display:flex}.pt-invbox-label{color:#0b5c73;letter-spacing:1px;font-size:9px;font-weight:700}.pt-invbox-no{color:#0e7490;font-size:15px;font-weight:800}.pt-invbox-date{color:#333;border-top:1px dashed #7fc4d1;padding-top:2px;font-size:9.5px;font-weight:600}.pt-parties{border-bottom:1.5px solid #0e7490;grid-template-columns:1fr 1fr;gap:10px;padding:4px 0;display:grid}.pt-heading{letter-spacing:.5px;color:#0b5c73;border-bottom:1px solid #b5e0e7;margin:0 0 3px;padding-bottom:2px;font-size:9.5px;font-weight:700}.pt-buyer-name{color:#111;font-size:13px;font-weight:800}.pt-buyer-addr{color:#333;margin:1px 0 2px;font-size:9.5px}.pt-kv{align-items:baseline;gap:3px;font-size:9.5px;line-height:1.55;display:flex}.pt-kv-label{color:#333;white-space:nowrap}.pt-kv-dots{border-bottom:1px dotted #9bb;flex:0 auto;min-width:8px;transform:translateY(-2px)}.pt-kv-value{color:#111;white-space:nowrap;font-weight:600}.pt-items{border-collapse:collapse;table-layout:fixed;width:100%;margin:4px 0}.pt-items th{color:#fff;letter-spacing:.3px;white-space:nowrap;background:#0e7490;border:1px solid #0b5c73;padding:4px 3px;font-size:8.5px;font-weight:700}.pt-items td{text-align:center;overflow-wrap:anywhere;border:1px solid #9fc9d1;padding:3px;font-size:9.5px}.pt-items .pt-col-sl{width:4.5%}.pt-items .pt-col-product{width:17.5%}.pt-items .pt-product{text-align:left;font-weight:700}.pt-items .pt-amount{text-align:right;font-weight:600}.pt-items tbody tr{height:20px}.pt-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.pt-bottom-left,.pt-bottom-right{flex-direction:column;gap:8px;display:flex}.pt-box{border:1px solid #0e7490;border-radius:4px;overflow:hidden}.pt-box-title{color:#0b5c73;letter-spacing:.4px;background:#e0f2f1;border-bottom:1px solid #0e7490;padding:3px 8px;font-size:9px;font-weight:800}.pt-gst{border-collapse:collapse;width:100%;font-size:9px}.pt-gst th{color:#0b5c73;text-align:right;white-space:nowrap;background:#f4fbfb;border-bottom:1px solid #b5e0e7;padding:3px 6px;font-weight:700}.pt-gst th:first-child{text-align:left}.pt-gst td{text-align:right;border-bottom:1px solid #e3f1f3;padding:3px 6px}.pt-gst td:first-child{text-align:left}.pt-gst-total td{background:#f4fbfb;border-top:1px solid #0e7490;border-bottom:none;font-weight:800}.pt-bank{padding:4px 8px}.pt-bank>div{font-size:9.5px;line-height:1.6;display:flex}.pt-bank span{color:#333;flex-shrink:0;width:118px}.pt-bank strong{color:#111}.pt-summary{padding:4px 8px 6px}.pt-sum-row{justify-content:space-between;gap:6px;font-size:9.5px;line-height:1.7;display:flex}.pt-sum-row span{color:#333}.pt-sum-row strong{color:#111;white-space:nowrap}.pt-grand{color:#fff;letter-spacing:.4px;background:#0e7490;border-radius:4px;justify-content:space-between;align-items:center;margin-top:4px;padding:6px 8px;font-size:11px;font-weight:800;display:flex}.pt-grand strong{color:#fff;font-size:13px}.pt-words{color:#333;border-top:1px dashed #b5e0e7;margin-top:6px;padding-top:4px;font-size:9.5px}.pt-words em{font-style:italic}.pt-footer{grid-template-columns:1fr 220px;gap:10px;margin-top:10px;padding-top:8px;display:grid}.pt-terms ol{color:#333;margin:3px 0 0;padding-left:16px;font-size:8.5px;line-height:1.5}.pt-sign{flex-direction:column;justify-content:flex-end;align-items:center;gap:26px;padding-bottom:4px;display:flex}.pt-sign>strong{color:#111;font-size:10.5px}.pt-sign-line{color:#0b5c73;text-align:center;border-top:1px dashed #7fc4d1;width:100%;padding-top:3px;font-size:9.5px;font-weight:700}@media print{@page{size:A4 portrait;margin:4mm}.print-template{page-break-inside:avoid;border:none;min-height:289mm;padding:2mm 2mm 0;width:202mm!important;margin:0!important}}.top-nav{background:#34495e;gap:8px;padding:8px;display:flex}.nav-btn{color:#fff;padding:6px 12px;text-decoration:none}.nav-btn.active{background:#3498db}.purchase-page{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.purchase-columns{flex:1;gap:12px;min-height:0;padding:12px 16px;display:flex}.supplier-panel{background:#fff;border:1px solid #bdc3c7;flex-shrink:0;width:280px;padding:12px;overflow-y:auto}.supplier-panel h3{letter-spacing:.5px;color:#2c3e50;border-bottom:2px solid #2c3e50;margin:0 0 12px;padding-bottom:6px;font-size:13px}.supplier-panel .form-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.supplier-panel label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.supplier-panel input,.supplier-panel textarea{box-sizing:border-box;border:1px solid #bdc3c7;border-radius:2px;width:100%;padding:7px 8px;font-family:inherit;font-size:13px}.supplier-panel input:focus,.supplier-panel textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.supplier-panel textarea{resize:vertical;height:64px}.purchase-grid-panel{background:#fff;border:1px solid #bdc3c7;flex-direction:column;flex:1;min-width:0;display:flex}.grid-header{color:#ecf0f1;letter-spacing:.5px;background:#2c3e50;padding:8px 12px;font-size:12px;font-weight:600}.purchase-table-wrap{flex:1;min-height:0;overflow:auto}.purchase-table{border-collapse:collapse;width:100%;font-size:13px}.purchase-table th{color:#2c3e50;text-transform:uppercase;letter-spacing:.4px;z-index:2;background:#ecf0f1;border-bottom:2px solid #bdc3c7;padding:8px 6px;font-size:11px;position:sticky;top:0}.purchase-table td{border-bottom:1px solid #ecf0f1;padding:2px 4px}.purchase-table input{box-sizing:border-box;background:0 0;border:1px solid #0000;width:100%;padding:6px 4px;font-family:inherit;font-size:13px}.purchase-table input:hover{border-color:#d0d7de}.purchase-table input:focus{background:#fff;border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.amount-cell{text-align:right;font-variant-numeric:tabular-nums;padding-right:10px!important}.row-delete-btn{color:#e74c3c;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;line-height:1}.row-delete-btn:hover{color:#c0392b}.purchase-footer{background:#ecf0f1;border-top:1px solid #bdc3c7;gap:8px;padding:10px 12px;display:flex}.purchase-footer .btn-primary{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:2px;padding:8px 16px;font-size:13px;font-weight:600}.purchase-footer .btn-primary:hover{background:#2980b9}.purchase-footer .btn-primary:disabled{cursor:not-allowed;background:#95a5a6}.purchase-footer .save-btn{background:#27ae60}.purchase-footer .save-btn:hover{background:#219a52}.purchase-footer .btn-secondary{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #bdc3c7;border-radius:2px;padding:8px 16px;font-size:13px}.purchase-footer .btn-secondary:hover{background:#f7f9f9}.purchase-statusbar{color:#ecf0f1;background:#2c3e50;border-top:2px solid #34495e;align-items:center;gap:24px;padding:8px 16px;font-size:12px;display:flex}.purchase-statusbar .statusbar-total{color:#f39c12;margin-left:auto;font-weight:700}.purchase-history-page{background:#f5f5f5;flex-direction:column;height:100vh;padding:0 0 8px;display:flex;overflow:hidden}.ph-header{color:#ecf0f1;background:#2c3e50;border-bottom:2px solid #34495e;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ph-header h1{margin:0;font-size:20px}.ph-header p{color:#bdc3c7;margin:2px 0 0;font-size:12px}.ph-toolbar{background:#ecf0f1;border-bottom:1px solid #bdc3c7;align-items:center;gap:10px;padding:10px 20px;display:flex}.ph-search{background:#fff;border:1px solid #bdc3c7;border-radius:2px;flex:1;padding:8px 12px;font-size:13px}.ph-search:focus,.ph-date:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.ph-date{background:#fff;border:1px solid #bdc3c7;border-radius:2px;padding:8px 10px;font-size:13px}.ph-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:2px;padding:8px 14px;font-size:13px}.ph-btn:disabled{opacity:.55;cursor:not-allowed}.ph-btn-export{color:#fff;background:#0f4c81}.ph-btn-export:hover:not(:disabled){background:#0c3d69}.ph-btn-clear{color:#fff;background:#95a5a6}.ph-stats{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 20px 0;display:grid}.ph-stat{background:#fff;border:1px solid #d5dbe0;border-radius:4px;padding:10px 14px}.ph-stat h3{text-transform:uppercase;letter-spacing:.5px;color:#7f8c8d;margin:0 0 4px;font-size:11px}.ph-stat p{color:#2c3e50;margin:0;font-size:20px;font-weight:700}.ph-table-container{background:#fff;border:1px solid #bdc3c7;flex:1;margin:12px 20px 0;overflow-y:auto}.ph-table{border-collapse:collapse;width:100%;font-size:13px}.ph-table th{color:#ecf0f1;text-align:left;z-index:10;white-space:nowrap;background:#34495e;border-bottom:1px solid #2c3e50;padding:8px 12px;font-weight:600;position:sticky;top:0}.ph-table td{border-bottom:1px solid #ecf0f1;padding:8px 12px}.ph-table tbody tr:hover{background:#f0f6fb}.ph-subtext{color:#7f8c8d;margin-top:2px;font-size:11px}.ph-amount{color:#0f4c81;white-space:nowrap;font-weight:700}.ph-actions{gap:6px;display:flex}.ph-view-btn,.ph-delete-btn{cursor:pointer;color:#fff;border:none;border-radius:3px;padding:5px 12px;font-size:12px}.ph-view-btn{background:#0f4c81}.ph-view-btn:hover{background:#0c3d69}.ph-delete-btn{background:#c0392b}.ph-delete-btn:hover:not(:disabled){background:#a53125}.ph-delete-btn:disabled{opacity:.6;cursor:wait}.ph-row-expanded td{background:#eef4f9}.ph-items-row td{background:#f7fafc;padding:0!important}.ph-items-wrap{padding:10px 14px}.ph-items-table{border-collapse:collapse;background:#fff;border:1px solid #d5dbe0;width:100%;font-size:12px}.ph-items-table th{color:#2c3e50;text-align:left;background:#ecf0f1;border-bottom:1px solid #bdc3c7;padding:6px 10px}.ph-items-table td{border-bottom:1px solid #f0f3f5;padding:6px 10px}.ph-loading,.ph-empty{text-align:center;color:#999;padding:40px;font-size:14px}.ph-modal-overlay{z-index:1000;background:#0f1e2d8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ph-modal{background:#fff;border-radius:10px;width:100%;max-width:420px;padding:20px 22px;box-shadow:0 18px 50px #00000059}.ph-modal h3{color:#2c3e50;margin:0 0 6px;font-size:17px}.ph-modal-summary{color:#5a6d82;margin:0 0 16px;font-size:12.5px}.ph-modal-btn{color:#fff;cursor:pointer;border:none;border-radius:7px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:600}.ph-modal-btn:disabled{opacity:.6;cursor:wait}.ph-modal-stock{background:#c0392b}.ph-modal-stock:hover:not(:disabled){background:#a53125}.ph-modal-record{background:#0f4c81}.ph-modal-record:hover:not(:disabled){background:#0c3d69}.ph-modal-cancel{background:#95a5a6;margin-top:10px}.ph-modal-cancel:hover:not(:disabled){background:#7f8c8d}.ph-modal-hint{color:#7f8c8d;margin:6px 0 14px;font-size:11px;line-height:1.45}@media (width<=900px){.ph-stats{grid-template-columns:repeat(2,1fr)}}.invoice-history-container{padding:0}.filters-section,.stats-section,.table-wrapper{margin-bottom:15px}.invoices-table{border-collapse:collapse;width:100%}.invoices-table th{color:#fff;background:#0f4c81;padding:10px}.invoices-table td{border-bottom:1px solid #ddd;padding:10px}.search-input,.date-input{border:1px solid #ccc;padding:10px}.view-btn,.btn-export,.btn-clear{color:#fff;cursor:pointer;background:#0f4c81;border:none;padding:8px 14px}.btn-danger,.delete-btn{color:#fff;cursor:pointer;background:#b91c1c;border:none;padding:8px 14px}.btn-danger:hover:not(:disabled),.delete-btn:hover:not(:disabled){background:#991515}.btn-danger:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;width:min(440px,92vw);padding:24px;box-shadow:0 10px 40px #0000004d}.modal h3{margin:0 0 8px;font-size:18px}.modal-summary{color:#374151;margin:0 0 16px;font-size:14px}.modal-btn{color:#fff;cursor:pointer;border:none;width:100%;padding:10px 14px;font-size:14px;font-weight:600;display:block}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-stock{background:#b45309}.modal-stock:hover:not(:disabled){background:#92400e}.modal-record{background:#0f4c81;margin-top:8px}.modal-record:hover:not(:disabled){background:#0c3d69}.modal-cancel{background:#6b7280;margin-top:8px}.modal-hint{color:#6b7280;margin:6px 0 12px;font-size:12px;line-height:1.4}.btn-secondary,.btn-primary,.btn-print{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-secondary{color:#333;background-color:#e0e0e0;margin-right:10px}.btn-secondary:hover{background-color:#d0d0d0;transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-right:10px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-print{color:#fff;background-color:#28a745}.btn-print:hover{background-color:#218838;transform:translateY(-2px)}@media (width<=768px){.page-header{margin-bottom:20px;padding:20px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.btn-secondary,.btn-primary,.btn-print{margin-bottom:8px;padding:8px 15px;font-size:12px}}@media print{.page-header,.shortcut-bar{display:none}}.invoice-print-container{background:#fff;border:1px solid #ddd;width:900px;margin:20px auto;padding:40px}.invoice-header{border-bottom:2px solid #000;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;display:flex}.invoice-header h1{color:#0f2a52;margin:0;font-size:42px}.invoice-header p{margin:4px 0}.invoice-info{text-align:right}.invoice-info h2{color:#0f2a52;margin:0 0 10px}.customer-details{margin-bottom:25px}.customer-details h3{margin-bottom:5px}.invoice-table{border-collapse:collapse;width:100%;margin-top:15px}.invoice-table th,.invoice-table td{border:1px solid #444;padding:10px}.invoice-table th{text-align:left;background:#f3f4f6}.invoice-totals{text-align:right;margin-top:25px}.invoice-totals h2{color:#0f2a52;margin-top:10px}.invoice-actions{gap:10px;margin-top:30px;display:flex}.invoice-actions button{cursor:pointer;padding:10px 18px}@media print{.top-nav,.page-footer,.invoice-actions,nav{display:none!important}body{background:#fff}.invoice-print-container{border:none;width:100%;margin:0;padding:0}}.data-table th{color:#ecf0f1;text-align:left;z-index:10;white-space:nowrap;background:#34495e;border-bottom:1px solid #2c3e50;padding:8px 12px;font-weight:600;position:sticky;top:0}.data-table tr.row-low-stock{background:#fff3cd}.data-table tr.row-expired{background:#f8d7da}.status-ok{color:#27ae60;font-weight:700}.status-low{color:#f39c12;font-weight:700}.status-expired+.status-low{margin-left:8px}.status-expired{color:#e74c3c;font-weight:700}@media (width<=768px){.form-grid{grid-template-columns:1fr}.page-toolbar{flex-direction:column;align-items:stretch}.btn-primary{width:100%}.form-container{width:95%}}.erp-page{background:#f5f5f5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.page-header{color:#ecf0f1;background:#2c3e50;border-bottom:2px solid #34495e;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header-stats{color:#bdc3c7;font-size:12px}.page-toolbar{background:#ecf0f1;border-bottom:1px solid #bdc3c7;align-items:center;gap:10px;padding:12px 20px;display:flex}.search-input{background:#fff;border:1px solid #bdc3c7;border-radius:2px;flex:1;padding:8px 12px;font-size:13px}.search-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#3498db;border:none;border-radius:2px;padding:8px 16px;font-size:13px;font-weight:600}.btn-primary:hover{background:#2980b9}.table-container{background:#fff;border:1px solid #bdc3c7;flex:1;margin:12px 20px;overflow-y:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{color:#ecf0f1;text-align:left;z-index:10;background:#34495e;border-bottom:1px solid #2c3e50;padding:8px 12px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid #ecf0f1;padding:8px 12px}.data-table tbody tr:hover{background:#f0f0f0}.data-table tbody tr:nth-child(odd){background:#f9f9f9}.no-data{text-align:center;color:#999;padding:40px 20px;font-style:italic}.action-buttons{gap:6px;display:flex}.btn-edit,.btn-delete,.btn-success,.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:2px;padding:4px 10px;font-size:12px;font-weight:600}.btn-edit{color:#fff;background:#3498db}.btn-edit:hover{background:#2980b9}.btn-delete{color:#fff;background:#e74c3c}.btn-delete:hover{background:#c0392b}.btn-success{color:#fff;background:#27ae60}.btn-success:hover{background:#229954}.btn-secondary{color:#fff;background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.form-container{background:#fff;border:1px solid #bdc3c7;border-radius:2px;width:90%;max-width:600px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 4px 12px #0003}.form-container h2{color:#2c3e50;border-bottom:2px solid #3498db;margin:0 0 20px;padding-bottom:10px;font-size:18px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#2c3e50;margin-bottom:4px;font-size:12px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #bdc3c7;border-radius:2px;padding:8px 10px;font-family:Segoe UI,Arial,sans-serif;font-size:12px}.form-group input:focus,.form-group textarea:focus{background:#e8f4f8;border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.form-actions button{padding:8px 20px}.page-footer{background:#2c3e50;border-top:1px solid #34495e;flex-wrap:wrap;gap:8px;padding:8px 20px;display:flex}.shortcut-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:2px;padding:6px 12px;font-size:12px;font-weight:600}.shortcut-btn:hover{background:#2980b9}@media (width<=768px){.form-grid{grid-template-columns:1fr}.page-toolbar{flex-direction:column;align-items:stretch}.btn-primary{width:100%}.form-container{width:95%;max-height:95vh}}.report-container{margin-top:15px}.customer-section{margin-bottom:15px}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{font-weight:600}.field-group input,.field-group select{border:1px solid #cbd5e1;border-radius:6px;padding:10px}.btn-print{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:10px 18px;font-weight:600}.report-container table{background:#fff;width:100%}.row-total{background:#f8fafc;font-weight:700}.page-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:30px;padding:30px 40px;box-shadow:0 4px 12px #0000001a}.page-header h1{margin:0 0 10px;font-size:32px;font-weight:700}.page-header p{opacity:.9;margin:0;font-size:16px}.settings-container{grid-template-columns:2fr 1fr;gap:30px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.settings-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 12px #00000014}.form-section h2{color:#333;border-bottom:2px solid #667eea;margin:0 0 25px;padding-bottom:10px;font-size:20px;font-weight:600}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group textarea{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:12px 15px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-actions{gap:10px;margin-top:30px;display:flex}.btn-save{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:12px 30px;font-size:14px;font-weight:600;transition:all .3s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-save:disabled{opacity:.7;cursor:not-allowed}.message{text-align:center;border-radius:6px;margin-top:20px;padding:15px;font-weight:500}.message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.settings-info{background:#fff;border-radius:8px;height:fit-content;padding:30px;box-shadow:0 4px 12px #00000014}.settings-info h2{color:#333;border-bottom:2px solid #667eea;margin:0 0 20px;padding-bottom:10px;font-size:18px;font-weight:600}.info-box{background:#f9f9f9;border-left:4px solid #667eea;border-radius:6px;padding:20px}.info-box p{color:#555;margin:12px 0;font-size:14px;line-height:1.6}.info-box strong{color:#333;min-width:100px;display:inline-block}.loading-text{text-align:center;color:#999;padding:40px;font-size:16px}@media (width<=1024px){.settings-container{grid-template-columns:1fr}.settings-info{height:auto}}@media (width<=768px){.page-header{margin-bottom:20px;padding:20px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.settings-container{gap:20px;padding:0 20px}.settings-card,.settings-info{padding:20px}.form-section h2{font-size:16px}.form-group label{font-size:12px}.btn-save{padding:10px 20px;font-size:13px}}.report-table,.history-table,.customer-table,.item-table{border-collapse:collapse;background:#fff;width:100%}.report-table th,.history-table th,.customer-table th,.item-table th{color:#fff;background:#34495e;padding:8px}.report-table td,.history-table td,.customer-table td,.item-table td{border:1px solid #ddd;padding:8px}