*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#172033}.app{display:flex;min-height:100vh}aside{width:250px;background:#0b1f45;color:#fff;padding:22px 16px;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:10px;align-items:center;border-bottom:1px solid #28406b;padding-bottom:18px}.brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:8px}.brand b{display:block;font-size:18px}.brand span{font-size:11px;color:#b7c7e4}nav{margin-top:20px;display:grid;grid-gap:7px;gap:7px}nav button{background:transparent;border:0;color:#cbd7ec;text-align:left;padding:12px 13px;border-radius:8px;font-size:14px;cursor:pointer}nav button.active,nav button:hover{background:#173a78;color:#fff}.side-note{position:absolute;bottom:24px;left:16px;right:16px;padding:12px;border:1px solid #28406b;border-radius:8px;font-size:12px;color:#bcd0ef}.side-note small{color:#91a8cc}main{margin-left:250px;width:calc(100% - 250px);padding:0 30px 40px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7f0;margin-bottom:25px}header h1{margin:0 0 6px;font-size:26px}header p{margin:0;color:#68758a;font-size:12px}.user{padding:10px 14px;background:#fff;border:1px solid #e1e6ef;border-radius:20px;color:#33507e}.cards{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.card{background:#fff;border:1px solid #e3e8f1;border-radius:12px;padding:18px;min-height:110px}.card span{font-size:12px;color:#738099}.card strong{display:block;font-size:26px;margin-top:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.panel{background:#fff;border:1px solid #e3e8f1;border-radius:12px;padding:20px}.paneltitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.paneltitle button{border:1px solid #d8dfeb;background:#fff;border-radius:7px;padding:8px 10px;cursor:pointer}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.pipeline span{background:#f5f7fb;border-radius:9px;padding:14px;font-size:12px;color:#64728a}.pipeline strong{display:block;font-size:24px;color:#172033;margin-top:8px}.clean{margin:0;padding-left:18px;line-height:2}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:15px}.toolbar input{width:300px;padding:11px 12px;border:1px solid #d8dfeb;border-radius:8px;background:#fff}.grow{flex:1 1}.primary{background:#0b1f45!important;color:#fff!important;border:0!important;border-radius:8px;padding:11px 16px;cursor:pointer}.tablewrap{background:#fff;border:1px solid #e3e8f1;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}td,th{padding:13px 14px;border-bottom:1px solid #edf0f5;text-align:left;font-size:13px}th{background:#f8f9fc;color:#5e6b80;font-size:11px;text-transform:uppercase}td{color:#28354a}.empty{text-align:center;color:#8a95a7;padding:35px}.overlay{position:fixed;inset:0;background:rgba(8,18,38,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{width:min(850px,95vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:22px}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modalhead h2{margin:0}.modalhead button{border:0;background:#eef1f6;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:18px}.formgrid label{font-size:12px;color:#5e6b80}.formgrid input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d8dfeb;border-radius:7px;font-size:13px}.total{padding:13px;background:#f5f7fb;border-radius:8px;margin-bottom:15px}.hint{font-size:12px;color:#6c7890;margin:10px 0 15px}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){aside{width:190px}main{margin-left:190px;width:calc(100% - 190px);padding:0 15px}.formgrid,.grid2{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr}}.sectionlabel{grid-column:1/-1;font-weight:700;margin:14px 0 4px;padding-top:8px;border-top:1px solid #dfe6f0;color:#17335f}.formgrid textarea{width:100%;resize:vertical}.formgrid select{width:100%}.client-snapshot{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px 18px;gap:6px 18px;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:9px;padding:12px;margin:0 0 18px;font-size:12px;color:#526078}.client-snapshot b{grid-column:1/-1;color:#17335f;font-size:14px}.quote-item{border:1px solid #e1e7f0;border-radius:10px;padding:12px;margin-bottom:12px;background:#fbfcfe}.item-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#17335f}.formgrid textarea{display:block;margin-top:6px;padding:10px;border:1px solid #d8dfeb;border-radius:7px;font-size:13px;font-family:inherit}.line-total{align-self:end;background:#eef3fa;padding:10px;border-radius:7px;font-size:12px;color:#64728a}.line-total b{display:block;font-size:15px;color:#172033;margin-top:4px}.dangerbtn,.secondarybtn,.tablebtn{border:1px solid #d4dce8;background:#fff;color:#17335f;border-radius:7px;padding:9px 12px;cursor:pointer}.tablebtn{font-size:12px;padding:7px 9px}.dangerbtn{color:#9a2f2f;border-color:#e4caca;font-size:11px}.secondarybtn:hover,.tablebtn:hover{background:#f4f7fb}.quote-totals{margin:15px 0;padding:14px;background:#f5f7fb;border-radius:9px;text-align:right}.quote-totals>div{display:flex;justify-content:flex-end;gap:35px;margin:5px 0;font-size:13px}.quote-totals .grand{font-size:17px;padding-top:8px;border-top:1px solid #dce3ed;color:#0b1f45}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.quote-doc-head{display:grid;grid-template-columns:150px 1fr 150px;grid-gap:14px;gap:14px;align-items:center;border-bottom:2px solid #17335f;padding-bottom:12px;margin-bottom:14px;width:100%;box-sizing:border-box}.quote-doc-head img{width:150px;height:86px;object-fit:contain;object-position:left center;display:block}.quote-doc-head>div:nth-child(2){text-align:center}.quote-doc-head h1{margin:0 0 5px;font-size:27px;color:#17335f;letter-spacing:.3px}.quote-doc-head p{margin:3px 0;font-size:10px;color:#536078}.quote-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 18px;gap:6px 18px;margin-bottom:16px;font-size:11px}.quote-meta div:nth-child(9){grid-column:1/-1}.quote-table{min-width:0;width:100%;border-collapse:collapse;font-size:9px}.quote-table td,.quote-table th{padding:6px 5px;border:1px solid #d9e0ea}.quote-table th{background:#f2f5f9;text-transform:none;font-size:9px}.quote-summary{margin:14px 0 18px auto;width:280px;font-size:11px}.quote-summary>div{display:flex;justify-content:space-between;padding:3px 0}.quote-summary .grand{border-top:1px solid #cfd7e3;padding-top:7px;font-size:14px;color:#0b1f45}.terms{border-top:1px solid #dfe5ee;padding-top:10px;font-size:10px}.terms h3{font-size:12px;margin:0 0 7px}.terms p{margin:3px 0}.quote-footer{text-align:center;border-top:1px solid #dfe5ee;margin-top:18px;padding-top:8px;font-size:9px;color:#68758a;clear:both;page-break-inside:avoid}.quote-footer,.quote-footer .footer-cert,.quote-footer .footer-contact{width:100%;box-sizing:border-box}.letterhead-footer{width:100%!important;max-width:none!important;margin:8px 0 0!important;max-height:none!important;object-fit:fill}.footer-contact{margin:3px 0;line-height:1.35}.footer-cert{margin:6px 0;color:#17335f;font-size:10px}.letterhead-footer{display:block;width:100%;height:auto;max-height:46px;object-fit:contain;margin-top:7px}.print-document{background:#fff;padding:8px}.no-print{display:flex}@media print{body *{visibility:hidden!important}.print-document,.print-document *{visibility:visible!important}.print-document{position:absolute;left:0;top:0;width:100%;padding:15mm 15mm 32mm;box-sizing:border-box}.no-print{display:none!important}.overlay{position:static;background:#fff;padding:0}.modal{max-width:none;width:100%;max-height:none;overflow:visible;padding:0}.modalhead{display:none}.quote-table,.quote-table td,.quote-table th{font-size:8px}.quote-footer{position:fixed!important;left:15mm!important;right:15mm!important;bottom:5mm!important;width:calc(100% - 30mm)!important;margin:0!important;padding:6px 0 0!important;background:#fff!important;border-top:1px solid #dfe5ee!important;z-index:9999!important;page-break-inside:avoid!important}.quote-footer .footer-cert,.quote-footer .footer-contact{width:100%!important;margin:2px 0!important}.quote-footer .letterhead-footer{display:block!important;width:100%!important;height:auto!important;max-height:44px!important;object-fit:contain!important;margin:5px 0 0!important}.terms{page-break-inside:auto}.quote-summary,.quote-table tr{page-break-inside:avoid;break-inside:avoid}}.report-controls{display:flex;gap:14px;align-items:end;background:#fff;border:1px solid #e3e8f1;border-radius:12px;padding:15px;margin-bottom:18px}.report-controls label{font-size:12px;color:#5e6b80;min-width:220px}.report-controls select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d8dfeb;border-radius:7px;background:#fff;font-size:13px}.report-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:18px}.report-lines p{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:9px 0;margin:0;font-size:13px}.report-tablewrap{overflow:auto}.report-tablewrap table{min-width:620px}@media(max-width:900px){.report-grid{grid-template-columns:1fr}.report-controls{flex-direction:column;align-items:stretch}.report-controls label{min-width:0}}.checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:8px 0 16px}.checkgrid label{display:flex;align-items:center;gap:8px;border:1px solid #d5dce7;border-radius:8px;padding:10px;background:#fff}.checkgrid input{accent-color:#214c96}.row-actions{display:flex;gap:6px}.smallbtn{padding:5px 8px;font-size:11px}.cards.compact{grid-template-columns:repeat(3,1fr);margin:12px 0}.rfq-item-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 10px}.rfq-item-toolbar>div{white-space:nowrap}.smallbtn{padding:7px 10px!important}.rfq-items{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;padding-right:4px}.rfq-item-row{display:grid;grid-template-columns:32px 1.15fr 1.2fr 90px 95px 105px 1fr 30px;grid-gap:8px;gap:8px;align-items:end;padding:8px;border:1px solid #d9e2ee;border-radius:8px;background:#fafcff}.rfq-item-index{font-size:12px;font-weight:700;color:#284c75;text-align:center;padding-bottom:10px}.rfq-item-row label{font-size:11px;color:#41566f}.rfq-item-row input,.rfq-item-row textarea{width:100%;margin-top:3px}.rfq-item-row textarea{min-height:42px;resize:vertical}.remove-item{height:30px;width:30px;border:1px solid #d5dee9;background:#fff;border-radius:6px;cursor:pointer;font-size:18px;line-height:1}.remove-item:hover{background:#f7e9e9}.hint{line-height:1.35}@media(max-width:1000px){.rfq-item-row{grid-template-columns:28px 1fr 1fr 80px 90px 100px 1fr 30px}}@media(max-width:760px){.rfq-item-row{grid-template-columns:28px 1fr 1fr 1fr 30px}.rfq-item-row label:nth-of-type(n+4){grid-column:span 1}.rfq-item-toolbar{align-items:flex-start;flex-direction:column}}.procurement-doc .quote-meta{margin-bottom:14px}.procurement-doc .quote-table td,.procurement-doc .quote-table th{vertical-align:top}.procurement-doc .terms{margin-top:14px}.swai-credit{margin:4px 0 0!important;font-size:9px!important;color:#17335f!important;text-align:center!important}.party-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:14px 0}.party-box{border:1px solid #d7deea;border-radius:8px;padding:12px;background:#fafbfc}.party-box h3{margin:0 0 8px;font-size:12px;color:#15356b;letter-spacing:.4px}.party-box p{margin:3px 0;font-size:11px;line-height:1.35}.amount-words{border-top:1px solid #d7deea;border-bottom:1px solid #d7deea;padding:8px 0;margin:10px 0;font-size:11px}@media print{.amount-words,.party-grid{page-break-inside:avoid;break-inside:avoid}}.welcome-note{background:#fff;border:1px solid #dbe4f1;border-radius:12px;padding:16px 20px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.welcome-note b{font-size:18px;color:#173a78}.welcome-note span{font-size:12px;color:#68758a}.erp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.erp-card{background:#f7f9fd;border:1px solid #dce4ef;padding:18px}.erp-card:hover{border-color:#8aa5d3;background:#fff}.erp-card b{display:block;font-size:15px;margin-bottom:8px;color:#173a78}.erp-card span{color:#68758a}@media(max-width:900px){.erp-grid{grid-template-columns:1fr 1fr}.welcome-note{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.erp-grid{grid-template-columns:1fr}}.erp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.erp-tabs button{padding:9px 13px;border:1px solid #d8dee8;background:#f7f9fc;border-radius:8px;cursor:pointer}.erp-tabs button.active{background:#183f7a;color:#fff;border-color:#183f7a}.erp-card{display:flex;flex-direction:column;text-align:left;gap:6px;padding:16px;border:1px solid #dbe2ee;border-radius:10px;background:#fff;cursor:pointer}.erp-card span{font-size:12px;color:#64748b}.employee-card-print{width:86mm;min-height:54mm;max-width:100%;margin:0 auto;padding:5mm!important;border:1px solid #17335f;border-radius:3mm;box-sizing:border-box;color:#172033;font-family:Arial,sans-serif}.employee-card-brand{display:flex;align-items:center;gap:4mm;border-bottom:1px solid #d8e0ec;padding-bottom:2mm;margin-bottom:3mm}.employee-card-brand img{width:18mm;height:12mm;object-fit:contain}.employee-card-brand h2{font-size:12pt;margin:0 0 1mm;color:#17335f}.employee-card-brand b{font-size:6.5pt}.employee-card-body{display:flex;gap:4mm;align-items:flex-start}.employee-card-photo{width:22mm;height:27mm;object-fit:cover;border:1px solid #d8e0ec;border-radius:1mm;flex-shrink:0}.employee-photo-placeholder{display:flex;align-items:center;justify-content:center;background:#f3f6fa;color:#69778c;font-size:8pt}.employee-card-details h2{font-size:11pt;margin:0 0 2mm;color:#17335f;overflow-wrap:anywhere}.employee-card-details p{font-size:7pt;line-height:1.35;margin:1mm 0;overflow-wrap:anywhere}.employee-card-footer{font-size:6.5pt;text-align:center;border-top:1px solid #d8e0ec;margin-top:3mm;padding-top:2mm;color:#536078}@media print{.employee-card-print{position:absolute;left:0;top:0;width:86mm;min-height:54mm;margin:0;border-radius:0;padding:4mm!important;box-shadow:none}.employee-card-print *{visibility:visible!important}}