@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i);body{font-family:Open Sans,sans-serif;background-color:#f9fbfc;height:100%}p{font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:700}h1{font-size:40px}h2{font-size:24px}textarea{min-height:100px}.color-primary{color:#09c}.color-accent{color:#7fad33}.color-secondary{color:#e6ecef}.color-error{color:#f66}.color-success{color:#7fad33}.color-dark{color:#414141}.color-white{color:#fff}.bg-primary{background-color:#09c}.bg-accent{background-color:#7fad33}.bg-secondary{background-color:#e6ecef}.bg-error{background-color:#f66}.bg-success{background-color:#7fad33}.bg-dark{background-color:#414141;color:#fff}.list{padding:0;list-style-type:none}.list.list-tall li{padding-top:5px;padding-bottom:5px}.list.list-taller li{padding-top:10px;padding-bottom:10px}.list.list-tallest li{padding-top:15px;padding-bottom:15px}.shadow-1{-webkit-box-shadow:1px 4px 10px -5px #a0b5bf;box-shadow:1px 4px 10px -5px #a0b5bf}.shadow-2{-webkit-box-shadow:0 0 10px -2px #a0b5bf;box-shadow:0 0 10px -2px #a0b5bf}.shadow-3{-webkit-box-shadow:1px 4px 9px -2px #a0b5bf;box-shadow:1px 4px 9px -2px #a0b5bf}.shadow-4{-webkit-box-shadow:0 3px 25px 1px rgba(160,181,191,.46);box-shadow:0 3px 25px 1px rgba(160,181,191,.46)}.shadow-5{-webkit-box-shadow:0 0 40px 0 rgba(160,181,191,.66);box-shadow:0 0 40px 0 rgba(160,181,191,.66)}.font-weight-semi-bold{font-weight:600}.font-weight-semi-bold-italic{font-weight:600;font-style:italic}.font-weight-bold{font-weight:700}.font-weight-bold-italic{font-weight:700;font-style:italic}.font-weight-extra-bold{font-weight:800}.font-weight-extra-bold-italic{font-weight:800;font-style:italic}.navbar-nav li a{font-size:12px}.navbar.bg-primary{background-color:#09c!important}.navbar.bg-accent{background-color:#7fad33!important}.navbar.bg-secondary{background-color:#e6ecef!important}.navbar.bg-error{background-color:#f66!important}.navbar.bg-success{background-color:#7fad33!important}.navbar.bg-transparent{background-color:transparent!important}.navbar.bg-transparent-light{background-color:hsla(0,0%,100%,.8)!important}.navbar.bg-transparent-dark{background-color:rgba(0,0,0,.5)!important}.loading-container[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:60vh;padding:24px}.loading-card[data-v-9efcba54]{background:#fff;border-radius:20px;padding:40px 60px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center}.loading-message[data-v-9efcba54]{margin:16px 0 0 0;color:#374151;font-weight:600;font-size:16px}.po-summary-container[data-v-9efcba54]{padding:0 16px 24px 16px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.summary-form[data-v-9efcba54]{background:#fff;border-radius:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.print-logo-section[data-v-9efcba54]{padding:20px}.company-logo[data-v-9efcba54]{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;margin-bottom:20px}.company-info[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.company-name[data-v-9efcba54]{font-weight:700;color:#374151;margin-bottom:8px}.po-header[data-v-9efcba54]{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.po-header-content[data-v-9efcba54],.po-header[data-v-9efcba54]{gap:16px}.po-header-content[data-v-9efcba54],.po-header-icon[data-v-9efcba54],.po-header[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.po-header-icon[data-v-9efcba54]{width:56px;height:56px;background:hsla(0,0%,100%,.2);border-radius:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;color:#fff}.po-header-text[data-v-9efcba54]{color:#fff}.po-title[data-v-9efcba54]{font-size:24px;font-weight:700;margin:0;color:#fff}.po-number[data-v-9efcba54]{font-size:16px;opacity:.9}.status-badge[data-v-9efcba54]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:700;text-transform:capitalize}.status-pending[data-v-9efcba54]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-approved[data-v-9efcba54]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-deleted[data-v-9efcba54]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.printed-by-info[data-v-9efcba54]{padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;color:#6b7280;font-size:14px}.printed-by-info i[data-v-9efcba54]{color:#6366f1}.details-card[data-v-9efcba54]{margin:24px;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.details-header[data-v-9efcba54]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:14px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb}.details-header i[data-v-9efcba54]{color:#6366f1}.details-grid[data-v-9efcba54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:#e5e7eb}.detail-item[data-v-9efcba54]{background:#fff;padding:16px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.detail-label[data-v-9efcba54]{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-9efcba54]{font-size:15px;font-weight:600;color:#374151}.info-cards-row[data-v-9efcba54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0 24px 24px 24px}.info-card[data-v-9efcba54]{border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.info-card-header[data-v-9efcba54]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:14px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb}.info-card-header i[data-v-9efcba54]{color:#6366f1}.info-card-body[data-v-9efcba54]{padding:16px 20px}.info-row[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.info-row[data-v-9efcba54]:last-child{border-bottom:none}.info-label[data-v-9efcba54]{color:#6b7280;font-size:13px}.info-value[data-v-9efcba54]{color:#374151;font-weight:500;font-size:13px;text-align:right}.info-divider[data-v-9efcba54]{height:2px;background:linear-gradient(135deg,#667eea,#764ba2);margin:12px 0;border-radius:1px}.items-section[data-v-9efcba54]{margin:0 24px 24px 24px}.section-header[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-weight:700;color:#374151;font-size:16px;margin-bottom:16px}.section-header i[data-v-9efcba54]{color:#6366f1}.table-wrapper[data-v-9efcba54]{overflow-x:auto;border:2px solid #e5e7eb;border-radius:16px}.items-table[data-v-9efcba54]{width:100%;border-collapse:collapse;font-size:13px}.items-table thead tr[data-v-9efcba54]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.items-table th[data-v-9efcba54]{padding:14px 16px;text-align:left;font-weight:700;color:#374151;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.items-table td[data-v-9efcba54]{padding:14px 16px;color:#4b5563;border-bottom:1px solid #f3f4f6}.items-table tbody tr[data-v-9efcba54]:hover{background:#f9fafb}.item-code[data-v-9efcba54]{font-weight:700;color:#6366f1}.item-name[data-v-9efcba54]{font-weight:500;color:#374151}.text-right[data-v-9efcba54]{text-align:right!important}.total-cell[data-v-9efcba54]{font-weight:700;color:#374151}.mobile-items-cards[data-v-9efcba54]{display:none}@media (max-width:767px){.table-wrapper[data-v-9efcba54]{display:none}.mobile-items-cards[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}}.item-card[data-v-9efcba54]{border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.item-card-header[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.item-card-code[data-v-9efcba54]{font-weight:700;color:#6366f1}.item-card-total[data-v-9efcba54]{font-weight:700;color:#374151;font-size:16px}.item-card-name[data-v-9efcba54]{padding:12px 16px;font-weight:600;color:#374151;border-bottom:1px solid #f3f4f6}.item-card-details[data-v-9efcba54]{padding:12px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.item-detail[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;font-size:13px;color:#4b5563}.item-detail .label[data-v-9efcba54]{color:#9ca3af}.bottom-section[data-v-9efcba54]{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:0 24px 24px 24px}@media (max-width:767px){.bottom-section[data-v-9efcba54]{grid-template-columns:1fr}}.remarks-card[data-v-9efcba54]{border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.remarks-header[data-v-9efcba54]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:14px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb}.remarks-header i[data-v-9efcba54]{color:#6366f1}.remarks-content[data-v-9efcba54]{padding:20px;color:#4b5563;min-height:100px;line-height:1.6}.totals-card[data-v-9efcba54]{border:2px solid #e5e7eb;border-radius:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.total-row[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.total-row[data-v-9efcba54]:last-child{border-bottom:none}.total-label[data-v-9efcba54]{color:#6b7280;font-size:14px}.total-value[data-v-9efcba54]{font-weight:600;color:#374151;font-size:15px}.total-value.discount[data-v-9efcba54]{color:#dc2626}.grand-total[data-v-9efcba54]{background:linear-gradient(135deg,#667eea,#764ba2);margin:16px -20px -20px -20px;padding:16px 20px;border-radius:0 0 14px 14px}.grand-total .total-label[data-v-9efcba54],.grand-total .total-value[data-v-9efcba54]{color:#fff;font-size:16px;font-weight:700}.signature-section[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:60px;padding:40px 24px 24px 24px}.signature-box[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.signature-line[data-v-9efcba54]{width:180px;height:1px;border-top:2px dashed #9ca3af}.signature-box span[data-v-9efcba54]{color:#6b7280;font-size:13px}.action-buttons[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;padding:24px;background:#f9fafb;border-top:2px solid #e5e7eb}.btn-action[data-v-9efcba54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent}.btn-action i[data-v-9efcba54]{font-size:16px}.btn-secondary[data-v-9efcba54]{background:#fff;border-color:#e5e7eb;color:#374151}.btn-secondary[data-v-9efcba54]:hover{border-color:#6366f1;color:#6366f1}.btn-danger[data-v-9efcba54]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#fecaca}.btn-danger[data-v-9efcba54]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:transparent}.btn-edit[data-v-9efcba54]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fde68a}.btn-edit[data-v-9efcba54]:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent}.btn-print[data-v-9efcba54]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-color:#bfdbfe}.btn-print[data-v-9efcba54]:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.btn-pdf[data-v-9efcba54]{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d;border-color:#fbcfe8}.btn-pdf[data-v-9efcba54]:hover{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border-color:transparent}.btn-pdf[data-v-9efcba54]:disabled{opacity:.6;cursor:not-allowed}.btn-approve[data-v-9efcba54]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;-webkit-box-shadow:0 4px 15px rgba(102,126,234,.3);box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-approve[data-v-9efcba54]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(102,126,234,.4);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-approve[data-v-9efcba54]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:575px){.po-summary-container[data-v-9efcba54]{padding:0 12px 20px 12px}.po-header[data-v-9efcba54]{padding:20px;text-align:center}.po-header-content[data-v-9efcba54],.po-header[data-v-9efcba54]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.po-title[data-v-9efcba54]{font-size:20px}.bottom-section[data-v-9efcba54],.details-card[data-v-9efcba54],.items-section[data-v-9efcba54]{margin-left:16px;margin-right:16px}.info-cards-row[data-v-9efcba54]{padding:0 16px 16px 16px}.action-buttons[data-v-9efcba54]{padding:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.btn-action[data-v-9efcba54]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.signature-section[data-v-9efcba54]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}}@-webkit-keyframes fadeIn-data-v-9efcba54{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-data-v-9efcba54{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.bottom-section[data-v-9efcba54],.details-card[data-v-9efcba54],.info-card[data-v-9efcba54],.items-section[data-v-9efcba54]{-webkit-animation:fadeIn-data-v-9efcba54 .3s ease;animation:fadeIn-data-v-9efcba54 .3s ease}.main .container-fluid{padding:0!important}.dropdown-menu{width:100%;max-height:50vh!important;overflow-x:hidden!important;overflow-y:auto!important;border-radius:16px!important;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.15)!important;box-shadow:0 12px 40px rgba(0,0,0,.15)!important;border:none!important;padding:8px 0!important}