.print-root{display:flex;justify-content:center;padding:24px 12px}.print-doc{width:210mm;min-height:297mm;background:#fff;padding:12mm;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000;border:1px solid #e2e8f0;box-shadow:0 2px 10px #00000014}.print-letterhead{width:100%;border-collapse:collapse;margin-bottom:14px}.print-logo{width:34mm;vertical-align:top}.print-logo img{max-width:30mm;max-height:16mm;object-fit:contain}.print-logo-placeholder{border:1px dashed #94a3b8;color:#94a3b8;font-size:9px;text-align:center;padding:6px 2px;width:30mm}.print-company{vertical-align:top}.print-company-name{font-size:17px;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.print-company-line{font-size:10px;color:#000}.print-meta{width:100%;border-collapse:collapse;margin-bottom:10px}.print-meta td{padding:1px 0;vertical-align:top;font-size:11px}.print-meta-left,.print-meta-right{width:50%}.print-meta-label{font-weight:700}.print-meta-value{font-weight:600}.print-greeting{margin:6px 0;font-size:11px}.print-items{width:100%;border-collapse:collapse;margin:10px 0 12px;page-break-inside:auto}.print-items th,.print-items td{border:1px solid #000;padding:3px 5px;vertical-align:top}.print-items-header th{background:#e8e8e8;font-size:9.5px;text-align:center;font-weight:700}.print-col-no{width:8mm;text-align:center}.print-col-model{width:38mm}.print-col-desc{text-align:left}.print-col-qty,.print-col-unit{width:12mm;text-align:center}.print-col-price{width:26mm;text-align:right}.print-col-total{width:30mm;text-align:right}.print-section td{background:#e8e8e8;font-weight:700;font-size:10.5px;text-align:left}.print-item td,.print-totals td{font-size:10px}.print-totals-label{text-align:left;font-weight:600}.print-totals-value{text-align:right;font-weight:600}.print-totals-final td{font-weight:700;background:#f2f2f2}.print-grand{page-break-inside:avoid}.print-grand-label{font-weight:700;font-size:11px;text-align:left}.print-grand-value{font-weight:700;font-size:11px;text-align:right}.print-bank-box{margin-top:6px;padding:6px 8px;border:1px solid #000;font-size:10.5px}.print-tnc-title{margin:12px 0 4px;font-size:11px;font-weight:700}.print-tnc{margin:0 0 10px;padding-left:20px;font-size:10.5px}.print-tnc li{margin-bottom:2px}.print-closing{margin:6px 0;font-size:11px}.print-contact{margin:4px 0 12px;font-size:10.5px}.print-sign{text-align:right;margin-top:26px;font-size:11px}.print-sign-company{font-weight:700;margin-top:4px}.print-sign-space{height:42px}.print-sign-name{font-size:10.5px}@page{size:A4;margin:0}@media print{body{background:#fff}body *{visibility:hidden}.print-root,.print-root *{visibility:visible}.print-root{position:absolute;left:0;top:0;padding:0;width:100%}.print-doc{width:210mm;min-height:297mm;border:none;box-shadow:none;padding:12mm;page-break-after:always}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f1f5f9;color:#1e293b;font-size:14px}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#64748b}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;background:#fff;color:#334155;padding:7px 14px;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none;transition:background .15s}.btn:hover{background:#f8fafc}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-danger{color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 10px;font-size:13px}.input,select.input,textarea.input{width:100%;padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background:#fff;color:#1e293b}.input:focus{outline:2px solid #93c5fd;border-color:#60a5fa}label.field-label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:4px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.page{padding:20px;max-width:1200px;margin:0 auto}.page-title{font-size:20px;font-weight:700;margin:0 0 16px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #e2e8f0;padding:8px 10px;text-align:left;font-size:13px}.table th{background:#f8fafc;font-weight:600}.alert{padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:14px}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .spacer{flex:1}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}