body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.input-panel{display:flex;flex-direction:column;height:100%;background:#fff}.panel-header{padding:12px 16px;border-bottom:1px solid #eee}.panel-header h2{margin:0;font-size:16px;font-weight:600;color:#333}.panel-body{flex:1;overflow-y:auto;padding:12px}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.section{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.section:last-child{border-bottom:none}.section-label{display:block;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:8px}.field{width:100%;padding:9px 10px;font-size:13px;border:1px solid #ddd;border-radius:4px;margin-bottom:8px;box-sizing:border-box;background:#fff}.field:focus{outline:none;border-color:#2196f3}.field::placeholder{color:#bbb}.field-disabled{background:#f5f5f5;color:#888;cursor:not-allowed}.textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.small-label{display:block;font-size:10px;color:#888;margin-bottom:3px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.item-card{background:#f9f9f9;border:1px solid #eee;border-radius:6px;padding:10px;margin-bottom:8px}.item-card .field{margin-bottom:0}.item-card .row-2,.item-card .row-3{margin-top:8px}.item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-num{width:20px;height:20px;font-size:11px;font-weight:600;color:#fff;background:#2196f3;border-radius:50%;display:flex;align-items:center;justify-content:center}.item-total-display{padding:9px 10px;font-size:13px;font-weight:600;color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;text-align:center}.item-remove{width:22px;height:22px;padding:0;font-size:14px;color:#f44336;background:#ffebee;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.item-remove:hover{background:#f44336;color:#fff}.add-btn{width:100%;padding:9px;font-size:12px;font-weight:500;color:#2196f3;background:#fff;border:1px dashed #2196f3;border-radius:4px;cursor:pointer}.add-btn:hover{background:#e3f2fd}.tax-row{display:flex;align-items:center;gap:10px}.tax-input{width:70px!important;text-align:center;margin-bottom:0!important}.tax-badges{display:flex;gap:4px}.tax-badge{padding:5px 10px;font-size:11px;font-weight:600;color:#666;background:#f0f0f0;border:1px solid #ddd;border-radius:12px;cursor:pointer}.tax-badge:hover{background:#e3f2fd;color:#1565c0}.tax-badge.active{background:#2196f3;border-color:#2196f3;color:#fff}.panel-footer{display:flex;gap:8px;padding:12px;border-top:1px solid #eee}.btn-reset,.btn-download{flex:1;padding:10px;font-size:13px;font-weight:500;border:none;border-radius:4px;cursor:pointer}.btn-reset{color:#666;background:#e0e0e0}.btn-reset:hover{background:#d0d0d0}.btn-download{color:#fff;background:#2196f3}.btn-download:hover{background:#1976d2}@media(max-width:600px){.row-2,.row-3{grid-template-columns:1fr}}.preview-wrapper{display:flex;flex-direction:column;height:100%;background:#b0b0b0}.preview-header{padding:10px 16px;background:#fff;border-bottom:1px solid #ccc;font-size:14px;font-weight:500;color:#333;flex-shrink:0}.preview-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center}.quote-page{width:210mm;height:297mm;background:#fff;box-shadow:0 3px 15px #0003;position:relative;overflow:hidden;margin-bottom:20px;page-break-after:always;flex-shrink:0}.template-bg{position:absolute;inset:0;background-size:100% 100%;background-position:top left;background-repeat:no-repeat;z-index:1;pointer-events:none}.content-wrapper{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.template-header-space{height:100px;flex-shrink:0}.page-content-area{flex:1;padding:75px 50px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.default-header{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-bottom:2px solid #222;flex-shrink:0}.default-header h1{font-size:26px;font-weight:700;color:#222;margin:0 0 5px;text-transform:uppercase;letter-spacing:1px}.default-header p{font-size:13px;color:#666;margin:0;font-style:italic}.page-footer{padding:0 45px 20px;flex-shrink:0;margin-top:auto}.page-number{text-align:center;margin-bottom:70px;font-size:11px;color:#666}.continued-header{margin-bottom:20px}.continued-header h3{font-size:14px;font-weight:600;color:#333;margin:0}.continued-text{margin-top:auto;text-align:right;font-size:11px;color:#666;font-style:italic;padding-top:20px}.divider{height:1px;background:#ddd;margin:18px 0;flex-shrink:0}.quote-section{margin-bottom:0;flex-shrink:0}.quote-title{font-size:22px;font-weight:700;color:#111;margin:0 0 15px;text-align:center}.quote-details{display:flex;flex-direction:column;gap:6px}.quote-details p{margin:0;font-size:12px;color:#333}.quote-details span{font-weight:600;min-width:140px;display:inline-block}.parties-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;flex-shrink:0}.party{min-height:90px}.party h3{font-size:12px;font-weight:700;color:#111;margin:0 0 12px;text-transform:uppercase}.party p{margin:0 0 4px;font-size:11px;color:#333;line-height:1.5}.party .name{font-weight:600;font-size:12px;color:#111}.party .gst{font-weight:600;font-size:11px;color:#1565c0;margin-top:6px;padding:3px 0;letter-spacing:.5px}.items-table{width:100%;border-collapse:collapse;margin-bottom:15px;background:#fff;table-layout:fixed;flex-shrink:0}.items-table th{background:#f0f0f0;border:1px solid #bbbbbb;padding:10px 8px;font-size:11px;font-weight:700;color:#333;text-align:left;text-transform:uppercase;word-wrap:break-word;overflow-wrap:break-word}.items-table td{border:1px solid #bbbbbb;padding:10px 8px;font-size:11px;color:#333;vertical-align:top;background:#fff;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:hidden;max-width:0}.items-table th:nth-child(1),.items-table td:nth-child(1){width:20%}.items-table th:nth-child(2),.items-table td:nth-child(2){width:45%}.items-table th:nth-child(3),.items-table td:nth-child(3){width:12%;text-align:center}.items-table th:nth-child(4),.items-table td:nth-child(4){width:23%;text-align:right}.items-table td.center{text-align:center}.items-table td.right{text-align:right}.totals-wrapper{display:flex;justify-content:flex-end;margin-bottom:25px;flex-shrink:0}.totals-box{width:210px;background:#fff}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #bbbbbb;border-bottom:none;background:#f5f5f5;font-size:11px}.total-row:last-child{border-bottom:1px solid #bbbbbb}.total-row span:first-child{font-weight:600;color:#333}.total-row span:last-child{font-weight:600;color:#111}.total-row.grand{background:#222}.total-row.grand span{color:#fff;font-weight:700}.instructions-section{margin-bottom:20px;flex-shrink:0}.instructions-section h3{font-size:12px;font-weight:700;color:#111;margin:0 0 10px;text-transform:uppercase}.instructions-section p{font-size:11px;color:#333;margin:0 0 8px;line-height:1.8;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.instructions-section .italic{font-style:italic;color:#555}@media print{.preview-wrapper{background:none;height:auto}.preview-header{display:none}.preview-scroll{padding:0;overflow:visible}.quote-page{box-shadow:none;width:100%;margin-bottom:0;break-after:page}@page{size:A4;margin:0}}@media(max-width:900px){.preview-scroll{padding:10px}.quote-page{width:100%;height:auto;min-height:100vh}.page-content-area{padding:20px 25px}.parties-section{grid-template-columns:1fr;gap:20px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f0f0}.app{display:flex;height:100vh}.app-sidebar{width:380px;min-width:320px;height:100vh;background:#fff;border-right:1px solid #ddd;flex-shrink:0}.app-main{flex:1;height:100vh;background:#e0e0e0}@media(max-width:800px){.app{flex-direction:column}.app-sidebar{width:100%;height:50vh;border-right:none;border-bottom:1px solid #ddd}.app-main{height:50vh}}.download-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.download-modal{background:#fff;border-radius:12px;padding:40px 50px;text-align:center;box-shadow:0 10px 40px #0000004d}.download-modal p{margin:16px 0 0;font-size:16px;font-weight:500;color:#333}.download-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid #2196f3;border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}