*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;background:#faf8f5;color:#3f343a}button,input,select,textarea{font:inherit}button{background:#854d66;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.4}input,select,textarea{border:1px solid #e1dadc;border-radius:7px;padding:11px;background:#fff;width:100%;color:inherit}label{font-size:13px;display:flex;flex-direction:column;gap:8px}textarea{min-height:72px}.app{display:flex;min-height:100vh}aside{width:245px;flex-shrink:0;padding:30px 20px;background:#f0e7e8;border-right:1px solid #e5d9dc;position:relative}.brand{display:flex;align-items:center;gap:8px;margin-bottom:45px}.brand img{width:66px}.brand h2{font-family:Georgia,serif;font-size:25px}.brand span{display:block;font-family:Arial;font-size:9px;letter-spacing:3px;margin-top:8px}nav button{display:block;width:100%;text-align:left;background:transparent;color:#6b5861;margin-bottom:10px}.active{background:#fff!important;color:#854d66!important;box-shadow:0 4px 12px #6b43500a}.aside-note{margin-top:110px;font:italic 18px/1.6 Georgia;color:#886e7b}.aside-note small{display:block;font:11px Arial;margin-top:25px}main{padding:30px 42px;width:100%;max-width:1400px}.topline{font-size:10px;letter-spacing:2px;border-bottom:1px solid #e7dfe0;padding-bottom:24px}.topline span{float:right;letter-spacing:0}.heading{display:flex;align-items:center;justify-content:space-between;margin:36px 0}.heading small{font-size:10px;letter-spacing:2px;color:#9d778a}h1{font:32px Georgia;margin:12px 0}h2{font-size:19px}h3{font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stats>div,section{background:white;border:1px solid #e8e0e1;border-radius:12px;padding:25px}.stats small{font-size:10px;letter-spacing:1.5px;color:#8a7680}.stats strong{display:block;font:30px Georgia;margin-top:16px}section{margin-bottom:22px}.section-head,.rental{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-head input{max-width:330px}.empty{text-align:center;padding:70px 20px}.empty p,.muted{color:#8c7f85;font-size:14px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.item{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 45px;gap:12px;align-items:end;margin-bottom:18px}.item b{padding-bottom:13px}.secondary{background:#f6f0f2;color:#854d66}.summary{background:#faf5f7;padding:20px;margin:22px 0}.actions{display:flex;gap:12px;margin-top:22px}.notice{background:#f4e8d4;padding:12px;margin-bottom:20px;border-radius:7px}.customer{border-top:1px solid #eee5e8;padding:15px 0}.rental{padding:12px 0}.rental small{display:block;margin-top:7px;color:#87757e}.print-controls{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.print-controls p{width:100%;font-size:12px}.preview{background:#e9e3e0;padding:25px;overflow:auto}.paper{background:#fff;width:148mm;min-height:210mm;padding:9mm;font-size:10px;color:#222;position:relative;margin:auto}.paper header{display:flex;align-items:center;gap:8px}.paper header img{width:23mm;height:28mm;object-fit:contain}.paper h2{font:24px Georgia;margin:0 0 5px;color:#85516b}.paper header p{font-size:9px}.paper h3{text-align:center;background:#f3dce6;padding:7px}.document-meta{display:flex;justify-content:space-between;font-size:9px}.paper p{line-height:1.7}.paper table{border-collapse:collapse;width:100%;font-size:10px}.paper td,.paper th{border:1px solid #bbb;padding:6px;height:8mm;text-align:right}.paper th{background:#f3dce6}.paper td:first-child,.paper th:first-child{text-align:left;width:52%}.totals{margin-top:10px}.totals>div{display:flex;justify-content:space-between;padding:3px}.signature{text-align:right;margin-top:12px}.paper footer{text-align:center;border-top:1px solid #ddd;padding-top:8px;font-size:9pt;margin-top:15px}.invoice{width:210mm;min-height:297mm;padding:15mm}.print-output{display:none}@media(max-width:850px){aside{width:160px;padding:20px 10px}main{padding:20px}.fields{grid-template-columns:1fr 1fr}.heading{display:block}.item{grid-template-columns:2fr 1fr 1fr}.stats{gap:8px}.stats>div{padding:15px}}@media(max-width:550px){.app{display:block}aside{width:100%;padding:10px}.brand,.aside-note{display:none}nav{display:flex}nav button{font-size:11px;padding:10px}.fields{grid-template-columns:1fr}h1{font-size:26px}.section-head{display:block}.stats strong{font-size:22px}section{padding:16px}}@media print{body{background:white}.app{display:none}.print-output{display:flex;width:297mm;height:210mm}.print-output .paper{margin:0;width:148.5mm;height:210mm;min-height:0;overflow:hidden}.print-output.double .paper:first-child{border-right:1px dashed #bbb}.print-output.single{width:148mm}.print-output.full{width:210mm;height:auto}.print-output.full .paper{width:210mm;height:auto;min-height:297mm;overflow:visible}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

@media screen{.print-output{display:flex;position:fixed;left:-20000px;top:0;width:297mm;visibility:hidden;pointer-events:none}.print-output .paper{width:148.5mm;height:210mm;min-height:0;margin:0;flex-shrink:0}.print-output.full .paper{width:210mm;height:auto;min-height:297mm}}