:root{--green:#8cbc43;--green-dark:#719d2f;--ink:#202426;--ink-2:#2b2f31;--paper:#f4f1ea;--white:#fff;--muted:#6f756d;--line:#2024261f;--shadow:0 12px 32px #2024261a;--radius:16px;--display:"Rajdhani", "Arial Narrow", Arial, sans-serif;--body:"Roboto", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}a{color:inherit}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d4d1c6;border-radius:8px}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#fff;flex-direction:column;padding:22px 16px;display:flex}.brand{border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px;padding:0 6px 20px;display:flex}.brand-mark{background:var(--green);width:34px;height:34px;font-family:var(--display);color:var(--ink);border-radius:9px;place-items:center;font-weight:800;display:grid}.brand-lockup{display:inline-block}.brand-logo{max-width:160px;height:auto;max-height:50px;display:block}.brand-name{width:100%;font-family:var(--display);color:#dfe4df;justify-content:space-between;margin-top:3px;font-size:.72rem;font-weight:700;line-height:1;display:flex}.brand-sub{letter-spacing:.14em;color:#9aa39a;margin-top:3px;font-size:.62rem}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav a{color:#c7cdc7;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{background:var(--green);color:var(--ink)}.nav-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.footer-user{color:#9aa39a;border-top:1px solid #ffffff1a;margin-top:14px;padding-top:14px;font-size:.78rem}.footer-user .who{color:#dfe4df;word-break:break-word;margin-bottom:4px;font-weight:600}.link-btn{color:#9aa39a;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.link-btn:hover{color:#fff}.main{padding:28px 34px;overflow-x:auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.eyebrow{color:var(--green-dark);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800}.btn{font-family:var(--display);background:var(--green);color:var(--ink);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:#9bca52}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.outline{border-color:var(--line);color:var(--ink);background:0 0}.btn.outline:hover{background:#fff}.btn.ghost{color:var(--muted);background:0 0;border:0;padding:8px 10px}.btn.danger{color:#b3261e;background:#fdecea}.btn.small{padding:6px 10px;font-size:.78rem}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card .label{color:var(--muted);font-size:.78rem}.card .value{font-family:var(--display);margin-top:6px;font-size:1.7rem;font-weight:800}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head h2{font-size:1.15rem}.panel-head p{color:var(--muted);margin:2px 0 0;font-size:.82rem}table{border-collapse:collapse;width:100%;font-size:.86rem}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:8px 10px;font-size:.72rem;font-weight:700}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px}tr:last-child td{border-bottom:0}tr.clickable:hover{cursor:pointer;background:#faf9f5}.empty{text-align:center;color:var(--muted);padding:32px}.table-wrap{overflow-x:auto}.badge{white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge.draft{color:#555;background:#eee}.badge.sent{color:#1d5ba8;background:#e6f0fb}.badge.followup{color:#8a5a00;background:#fff2d9}.badge.accepted{color:var(--green-dark);background:#e5f3d9}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:#555b55;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.field input,.field select,.field textarea{color:var(--ink);background:#fafaf7;border:1px solid #d8d9d4;border-radius:9px;width:100%;padding:9px 11px}.field textarea{resize:vertical;min-height:70px}.field .hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:400}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1200px){.grid4{grid-template-columns:1fr 1fr}}.charge-table th,.charge-table td{padding:8px 6px}.charge-table input,.charge-table select{background:#fafaf7;border:1px solid #d8d9d4;border-radius:8px;width:100%;padding:7px 8px;font-size:.82rem}.charge-table input[readonly]{color:var(--muted);cursor:not-allowed;background:#eef0ea}.charge-table .num{width:92px}.charge-table .num input{text-align:right}.charge-table th,.charge-table td{white-space:nowrap}.charge-table td:nth-child(2){white-space:normal;min-width:200px}.charge-table .c-code{width:84px}.charge-table .c-cur{width:74px}.charge-table .c-unit{width:120px}.packing-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.82rem}.packing-table th,.packing-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 5px}.packing-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.66rem;font-weight:700}.packing-table .num{width:auto}.packing-table input[type=number]{appearance:textfield}.packing-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.packing-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.packing-table col.pk-x{width:34px}.packing-table th:last-child,.packing-table td:last-child{padding-right:0}.packing-table th:nth-child(-n+4),.packing-table td:nth-child(-n+4),.packing-table td:nth-child(-n+4) input{text-align:left}.packing-table input{text-align:right;background:#fafaf7;border:1px solid #d8d9d4;border-radius:8px;width:100%;padding:7px 8px;font-size:.82rem}.packing-table input[readonly]{color:var(--muted);cursor:not-allowed;background:#eef0ea}.packing-table tfoot td{border-bottom:0;padding-top:10px}.charge-group{margin-bottom:24px}.charge-group-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:6px 0 8px;display:flex}.charge-group-head h3{letter-spacing:.03em;color:var(--ink);font-size:.92rem}.charge-group-subtotal{text-align:right;color:var(--muted);padding-top:8px;font-size:.8rem}.charge-group-subtotal strong{color:var(--ink)}.fx-row{border:1px solid var(--line);background:#faf9f5;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;padding:12px 14px;display:flex}.fx-row>div{gap:4px;display:grid}.fx-row label{text-transform:uppercase;letter-spacing:.05em;color:#555b55;font-size:.7rem;font-weight:700}.fx-row input{text-align:right;background:#fff;border:1px solid #d8d9d4;border-radius:8px;width:100px;padding:7px 9px}.fx-row .hint{flex:1;align-self:center;min-width:200px}.totals{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:26px;margin-top:10px;padding-top:14px;display:flex}.totals .t{text-align:right}.totals .t .label{color:var(--muted);font-size:.75rem}.totals .t .val{font-family:var(--display);font-size:1.15rem;font-weight:800}.modal-backdrop{z-index:100;background:#20242680;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:560px;max-height:88vh;padding:26px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:1.1rem}.x{color:var(--muted);background:0 0;border:0;font-size:1.3rem;line-height:1}.steps{gap:0;margin:10px 0;display:flex}.step{text-align:center;background:0 0;border:0;flex:1;padding-bottom:8px;position:relative}.step .dot{color:#8a8f89;background:#e2e2dc;border-radius:50%;place-items:center;width:22px;height:22px;margin:0 auto 6px;font-size:.7rem;font-weight:800;display:grid}.step.done .dot{background:var(--green);color:var(--ink)}.step.current .dot{background:var(--ink);color:#fff}.step .line{z-index:-1;background:#e2e2dc;width:100%;height:2px;position:absolute;top:11px;left:-50%}.step:first-child .line{display:none}.step.done .line{background:var(--green)}.step small{color:var(--muted);font-size:.68rem}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:10px;padding:12px 18px;font-size:.85rem;animation:.2s toast-in}.toast.error{background:#b3261e}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.auth-wrap{background:var(--ink);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--white);box-shadow:var(--shadow);border-radius:18px;width:100%;max-width:380px;padding:32px}.auth-card .brand{border:0;margin-bottom:20px;padding:0}.auth-card h1{margin-bottom:4px;font-size:1.4rem}.auth-card .sub{color:var(--muted);margin-bottom:20px;font-size:.85rem}.auth-error{color:#b3261e;background:#fdecea;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:.82rem}.auth-toggle{color:var(--muted);text-align:center;margin-top:16px;font-size:.82rem}.center-note{min-height:100vh;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.stack-sm>*+*{margin-top:6px}.muted{color:var(--muted)}.nowrap{white-space:nowrap}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;padding:12px;overflow-x:auto}.brand{border:0;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;margin:0;padding:0 10px 0 0}.brand-logo{max-height:26px}.brand-name{font-size:.7rem}.nav{flex-direction:row}.nav a{white-space:nowrap}.footer-user{display:none}.cards{grid-template-columns:1fr 1fr}.grid2,.grid3,.grid4{grid-template-columns:1fr}.main{padding:18px}}.qs-wrap{background:#e9e7e0;min-height:100vh;padding:24px 16px 60px}.qs-toolbar{justify-content:space-between;align-items:center;gap:10px;max-width:210mm;margin:0 auto 14px;display:flex}.qs-note{color:#6b5e2e;background:#fff8e6;border:1px solid #f0e2b8;border-radius:6px;max-width:210mm;margin:0 auto 14px;padding:8px 12px;font-size:.8rem}.qs-sheet{width:210mm;color:var(--ink);background:#fff;margin:0 auto;padding:14mm 12mm;font-size:11px;line-height:1.4;box-shadow:0 10px 40px #0000002e}.qs-sheet h1{font-family:var(--display);margin:0 0 8px;font-size:30px;font-weight:800}.qs-companyhead{text-align:center;border-bottom:2px solid var(--ink);margin-bottom:12px;padding-bottom:10px}.qs-companyhead .name{font-family:var(--display);letter-spacing:.03em;font-size:20px;font-weight:800}.qs-companyhead .lines{color:var(--muted);margin-top:3px;font-size:9.5px}.qs-sheet .rule{border:0;border-top:2px solid var(--ink);margin:10px 0}.qs-green{color:var(--green-dark)}.qs-head{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.qs-head+.qs-head{margin-top:4px}.qs-metacol,.qs-client{min-width:0}.qs-fromblock{max-width:calc(50% - 9px);margin-top:8px}.qs-meta{grid-template-columns:auto auto;gap:2px 18px;font-size:10.5px;display:grid}.qs-meta b{color:var(--muted);font-weight:400}.qs-logo{min-width:0;font-family:var(--display);color:var(--green);letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:flex-start;font-size:34px;font-weight:800;line-height:1;display:flex}.qs-logo .dark{color:var(--ink)}.qs-logo small{letter-spacing:.35em;color:var(--ink);margin-top:2px;font-size:9px;font-weight:700;display:block}.qs-logo img{object-fit:contain;width:100%;max-width:230px;height:auto;max-height:58px;display:block}.qs-routebox{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.qs-routelbl{letter-spacing:.12em;color:var(--muted);padding-left:2px;font-size:10px;font-weight:800}.qs-port{font-family:var(--display);letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1}.qs-routebox .arrow{color:var(--green);padding-bottom:3px;font-size:34px;line-height:1}.qs-terms{grid-template-columns:auto 1fr;gap:2px 14px;min-width:300px;font-size:10px;display:grid}.qs-terms b{color:var(--muted);font-weight:400}.qs-parties{grid-template-columns:1fr 1fr;gap:18px;margin-top:6px;display:grid}.qs-fromto{letter-spacing:.12em;color:var(--muted);margin-bottom:3px;font-size:10px;font-weight:800}.qs-cbar{background:var(--green);color:var(--ink);font-size:14px;font-weight:800;font-family:var(--display);text-transform:uppercase;padding:5px 10px}.qs-pgrid{grid-template-columns:112px 1fr;gap:1px 8px;margin-top:8px;font-size:10px;display:grid}.qs-pgrid b{color:var(--muted);font-weight:400}.qs-bar{background:var(--green);color:var(--ink);font-size:13px;font-weight:800;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;margin:8px 0;padding:5px 10px}.qs-info{grid-template-columns:1fr 1fr auto auto;gap:8px 18px;font-size:10px;display:grid}.qs-info .k{color:var(--muted)}.qs-info .v{font-weight:700}.qs-pkcaption{color:var(--muted);margin-bottom:4px;font-size:9px}.qs-pk{border-collapse:collapse;table-layout:fixed;width:100%;font-size:9.5px}.qs-pk th,.qs-pk td{text-align:left;border-bottom:1px solid #ececec;padding:4px 3px}.qs-pk td{white-space:nowrap}.qs-pk th{text-transform:uppercase;color:#444;border-bottom:1.5px solid var(--ink);white-space:normal;word-break:break-word;font-size:8.5px;font-weight:700}.qs-pk th:first-child,.qs-pk td:first-child{padding-left:0}.qs-pk th:last-child,.qs-pk td:last-child{text-align:right;padding-right:0}.qs-pk tfoot td{border-bottom:0;border-top:1.5px solid var(--ink);font-weight:800}.qs-pksum{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:6px;font-size:10px;display:flex}.qs-pksum .k{color:var(--muted)}.qs-pksum b{font-family:var(--display);font-size:12px}.qs-pksum .hl{color:var(--green-dark)}.qs-charges{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}.qs-charges td{overflow-wrap:anywhere}.qs-charges th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#444;border-bottom:1.5px solid var(--ink);padding:2px 6px 6px;font-size:9px;font-weight:700}.qs-charges td{border-bottom:1px solid #ececec;padding:5px 6px}.qs-charges td.n,.qs-charges th.n{text-align:right;white-space:nowrap}.qs-charges tr.group td{font-weight:800;font-family:var(--display);background:#eef4e3;border-bottom:1px solid #cdddb4;font-size:12px}.qs-charges tr.sub td{color:var(--muted);border-bottom:1px solid #cdddb4;font-size:9.5px}.qs-charges tr.sub td.n{color:var(--ink);font-weight:700}.qs-foot{grid-template-columns:185px 1fr 195px;gap:24px;margin-top:16px;display:grid}.qs-foot>div{min-width:0}.qs-foot h4{color:#b02b2b;letter-spacing:.02em;margin:0 0 7px;font-size:11px;line-height:1.35}.qs-foot>div>p{overflow-wrap:break-word;line-height:1.4}.qs-foot .bank div{font-size:9.5px}.qs-totals .row{justify-content:space-between;padding:2px 0;font-size:11px;display:flex}.qs-totals .row b{color:var(--muted);font-weight:400}.qs-totals .grand{margin-top:18px;font-size:12px;font-weight:800}.qs-totals .grand span:first-child{color:var(--ink)}@media print{.qs-wrap{background:#fff;padding:0}.qs-toolbar,.qs-note{display:none!important}.qs-sheet{box-shadow:none;width:auto;margin:0;padding:0}@page{size:A4;margin:12mm}}