*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;background:#f1f5f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.rago-container{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;max-width:1200px;margin:0 auto;width:100%}.rago-form,.rago-preview{background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 25px rgb(0 0 0 / .08);max-width:100%;overflow-x:hidden}.row{display:grid;grid-template-columns:170px 1fr;gap:12px;margin-bottom:12px;align-items:center}.row label{font-size:13px;font-weight:600;color:#1f2937}.row input,.row textarea,.row select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13.5px}.inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}#items{width:100%;border-collapse:collapse;table-layout:fixed}#items th,#items td{border:1px solid #e5e7eb;padding:8px;font-size:13px}#items td input{width:100%;display:block}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}button{background:#2563eb;color:#fff;border:none;padding:7px 14px;border-radius:6px;cursor:pointer;font-size:13.5px}.paper{background:#fff;border:1px solid #e5e7eb;padding:22px;border-radius:8px;width:100%}.paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e5e7eb;padding-bottom:8px;margin-bottom:12px}.paper-head h2{font-size:18px;margin:0;letter-spacing:1px}#logo{max-width:90px;max-height:50px}.preview{width:100%;border-collapse:collapse;table-layout:auto}.preview th{background:#f3f4f6}.preview th,.preview td{border:1px solid #e5e7eb;padding:8px;font-size:13px;white-space:nowrap}.total{text-align:right;font-size:16px;margin-top:14px;border-top:2px solid #e5e7eb;padding-top:10px}.note{text-align:center;font-size:11px;color:#6b7280;margin-top:12px;font-style:italic}@media (max-width:768px){.rago-container{grid-template-columns:1fr;padding:0 12px;max-width:100%}.row{grid-template-columns:1fr}.inline{grid-template-columns:1fr}#items thead{display:none}#items,#items tbody,#items tr{display:block;width:100%}#items tr{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:16px}#items td{display:grid;grid-template-columns:110px 1fr;gap:10px;border:none;padding:6px 0;align-items:center}#items td::before{content:attr(data-label);font-weight:600;font-size:13px;color:#374151}#items td:last-child{font-weight:700;color:#2563eb}.rago-preview{padding:14px}.paper{padding:14px;overflow-x:auto;transform:scale(.96);transform-origin:top center}.preview{display:table;width:100%}.preview th,.preview td{font-size:12px;white-space:nowrap}}@media print{@page{margin:0}html,body{margin:0!important;padding:0!important}body *{visibility:hidden!important}#invoicePaper,#invoicePaper *{visibility:visible!important}#invoicePaper{position:absolute;top:0;left:0;width:100%;padding:12px 20px 0 20px;margin:0!important}.paper{box-shadow:none!important;border-radius:0!important;border:none!important;padding:0!important;margin:0!important}.actions,.rago-form{display:none!important}.paper-head{margin-bottom:8px}.paper h2{font-size:18px!important}.preview th,.preview td{font-size:12px!important}.total{font-size:14px;margin-top:10px}.note{font-size:11px;margin-top:6px}}@media (max-width:768px){.paper{padding:12px;overflow-x:auto}.preview{width:100%;border-collapse:collapse;table-layout:auto;white-space:nowrap}.preview th,.preview td{font-size:12px;padding:6px;white-space:nowrap}.paper::-webkit-scrollbar{height:6px}.paper::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}}