.qi-page{--qi-accent:#3080e6;--qi-ink:#17213c;--qi-muted:#65728c;--qi-line:#dce5ef;--qi-soft:#f5f9fc;--qi-card:#fff}.qi-intro__chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.qi-intro__chips span{padding:.42rem .72rem;border-radius:999px;background:#fff;border:1px solid rgba(16,32,96,.12);font-size:.88rem;font-weight:700;color:#23345c}.qi-app{margin:1.4rem 0 2.4rem}.qi-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem;border:1px solid var(--qi-line);background:#fff;border-radius:18px 18px 0 0;position:relative}.qi-toolbar__group{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.qi-button,.qi-inline-action{appearance:none;border:1px solid #cad6e4;background:#fff;color:#1a2a4b;border-radius:10px;padding:.68rem .9rem;font:inherit;font-weight:700;cursor:pointer;min-height:44px}.qi-button:hover,.qi-inline-action:hover{background:#f3f7fb}.qi-button:focus-visible,.qi-inline-action:focus-visible,.qi-link-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(48,128,230,.28);outline-offset:2px}.qi-button--primary{background:#102060;border-color:#102060;color:#fff}.qi-button--primary:hover{background:#172b76}.qi-button--accent{background:var(--qi-accent);border-color:var(--qi-accent);color:#fff}.qi-button--small{padding:.45rem .7rem;min-height:38px;font-size:.9rem}.qi-button[disabled]{cursor:not-allowed;opacity:.48}.qi-button--file{display:inline-flex;align-items:center;justify-content:center}.qi-button--file input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.qi-export-menu{position:absolute;right:.75rem;top:calc(100% - .25rem);z-index:30;min-width:180px;background:#fff;border:1px solid var(--qi-line);border-radius:12px;padding:.45rem;box-shadow:0 14px 35px rgba(16,32,96,.14)}.qi-export-menu button{display:block;width:100%;padding:.6rem .7rem;border:0;background:transparent;text-align:left;border-radius:8px;font:inherit;cursor:pointer}.qi-export-menu button:hover{background:#f2f7fb}.qi-export-menu button:disabled{opacity:.45;cursor:not-allowed}.qi-export-menu hr{border:0;border-top:1px solid var(--qi-line);margin:.35rem 0}.qi-status{min-height:0;padding:0 .8rem;background:#fff}.qi-status:not(:empty){padding:.65rem .8rem;border-left:1px solid var(--qi-line);border-right:1px solid var(--qi-line);color:#24385f;font-weight:650}.qi-status[data-kind="error"]{color:#a12636;background:#fff5f6}.qi-status[data-kind="success"]{color:#176c4b;background:#f1fbf6}.qi-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:1rem;align-items:start;padding:1rem;border:1px solid var(--qi-line);border-top:0;background:#f7fafc;border-radius:0 0 18px 18px}.qi-controls{min-width:0;display:grid;gap:1rem}.qi-panel{background:#fff;border:1px solid var(--qi-line);border-radius:16px;padding:1rem}.qi-panel__heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem}.qi-panel__heading h2,.qi-preview-heading h2{margin:0;font-size:1.08rem;color:#102060}.qi-panel__heading .eyebrow,.qi-preview-heading .eyebrow{margin:0 0 .12rem}.qi-panel__heading--items{align-items:flex-end}.qi-field-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.qi-field-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.qi-field-grid label,.qi-panel>label{display:grid;gap:.32rem;color:#293958;font-size:.9rem;font-weight:700}.qi-field-grid input,.qi-field-grid textarea,.qi-field-grid select,.qi-panel>label textarea,.qi-panel>label input{width:100%;border:1px solid #cbd7e4;border-radius:9px;background:#fff;padding:.72rem .75rem;color:#15223e;font:inherit;font-size:16px}.qi-field-grid textarea,.qi-panel textarea{resize:vertical;min-height:72px}.qi-span-2{grid-column:1/-1}.qi-choice{display:flex!important;align-items:center;gap:.65rem;padding:.72rem;border:1px solid #ccd8e5;border-radius:12px;background:#fff;cursor:pointer}.qi-choice:has(input:checked){border-color:var(--qi-accent);box-shadow:0 0 0 2px rgba(48,128,230,.08);background:#f7fbff}.qi-choice input{width:auto!important;accent-color:var(--qi-accent)}.qi-choice span{display:grid;gap:.1rem}.qi-choice small{font-weight:500;color:var(--qi-muted)}.qi-inline-action{margin-top:.8rem;width:100%;border-style:dashed;color:#20477d}.qi-logo-row{display:grid;grid-template-columns:100px 1fr;gap:.8rem;align-items:center;margin-bottom:1rem}.qi-logo-preview{width:100px;height:74px;border:1px dashed #b9c9da;border-radius:10px;background:#f7fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#7a879d;font-weight:700}.qi-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.qi-logo-row>div:last-child{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.qi-logo-row small{width:100%;color:var(--qi-muted)}.qi-link-button{appearance:none;background:transparent;border:0;padding:.2rem;color:#245fa7;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.qi-profile-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.7rem}.qi-items{display:grid;gap:.6rem}.qi-item{display:grid;grid-template-columns:minmax(170px,2.4fr) minmax(70px,.6fr) minmax(90px,.75fr) minmax(105px,.9fr) 44px;gap:.5rem;align-items:end;padding:.7rem;border:1px solid #dde5ee;border-radius:12px;background:#fbfdff}.qi-item label{display:grid;gap:.25rem;font-size:.78rem;font-weight:700;color:#53617a}.qi-item input{width:100%;padding:.62rem .62rem;border:1px solid #cbd7e4;border-radius:8px;font:inherit;font-size:16px}.qi-item__remove{height:44px;width:44px;border-radius:9px;border:1px solid #e0c9ce;background:#fff7f8;color:#a22a3d;font-size:1.15rem;cursor:pointer}.qi-item__total{grid-column:1/-1;text-align:right;color:#42516d;font-size:.85rem}.qi-checks{display:grid;gap:.45rem;margin:.85rem 0}.qi-checks label{display:flex;gap:.5rem;align-items:flex-start;color:#30415f}.qi-checks input{margin-top:.15rem;accent-color:var(--qi-accent)}.qi-branding-row{margin-top:.8rem}.qi-branding-row input[type=color]{min-height:44px;padding:.3rem}.qi-export-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.qi-export-note{margin:.8rem 0 0;color:var(--qi-muted);font-size:.88rem}.qi-preview-column{min-width:0}.qi-preview-sticky{position:sticky;top:1rem}.qi-preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem;padding:0 .2rem}.qi-document{--doc-accent:#3080e6;background:#fff;border:1px solid #cdd9e6;border-radius:5px;box-shadow:0 7px 26px rgba(17,38,77,.10);width:100%;min-height:700px;padding:5.5%;color:#17213c;overflow-wrap:anywhere}.qi-doc-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(210px,.9fr);gap:1.2rem;align-items:start}.qi-doc-logo{max-width:180px;max-height:72px;object-fit:contain;margin-bottom:.65rem}.qi-doc-business-name{font-size:1.15rem;font-weight:800;color:#102060}.qi-doc-muted{color:#68758b;font-size:.84rem;white-space:pre-line}.qi-doc-title{text-align:right;font-size:2rem;line-height:1;color:var(--doc-accent);font-weight:800;letter-spacing:.025em;margin-bottom:.65rem}.qi-doc-meta{display:grid;gap:.18rem;text-align:right;font-size:.82rem}.qi-doc-addresses{display:grid;grid-template-columns:1fr 1fr;margin:1.15rem 0;border:1px solid #dae3ed}.qi-doc-address{padding:.8rem;min-height:110px}.qi-doc-address+.qi-doc-address{border-left:1px solid #dae3ed}.qi-doc-address strong{display:block;color:#102060;margin-bottom:.3rem}.qi-doc-address div{white-space:pre-line;font-size:.86rem}.qi-doc-job{margin-top:.6rem;padding:.5rem .6rem;border-left:3px solid var(--doc-accent);background:#f6f9fc}.qi-doc-table-wrap{overflow-x:auto}.qi-doc-items{width:100%;border-collapse:collapse;font-size:.82rem}.qi-doc-items th{padding:.55rem .45rem;background:var(--doc-accent);color:#fff;text-align:left;white-space:nowrap}.qi-doc-items th:nth-child(n+2),.qi-doc-items td:nth-child(n+2){text-align:right}.qi-doc-items td{padding:.58rem .45rem;border-bottom:1px solid #e0e7ef;vertical-align:top}.qi-doc-items td:nth-child(3){text-align:left}.qi-doc-totals{width:min(330px,70%);margin:.75rem 0 0 auto;border-collapse:collapse;font-size:.88rem}.qi-doc-totals td{padding:.27rem .35rem}.qi-doc-totals td:last-child{text-align:right;white-space:nowrap}.qi-doc-totals .grand td{border-top:2px solid var(--doc-accent);font-size:1.05rem;font-weight:800;padding-top:.5rem}.qi-doc-totals .balance td{font-weight:800;color:#102060}.qi-doc-note{margin-top:1rem;padding:.7rem .8rem;border:1px solid var(--doc-accent);background:#f7fbff;font-weight:800;color:#17345d}.qi-doc-section{margin-top:1rem;padding-top:.65rem;border-top:1px solid #dde5ee}.qi-doc-section strong{display:block;color:#102060;margin-bottom:.25rem}.qi-doc-section div{white-space:pre-line;font-size:.84rem}.qi-doc-footer{text-align:center;color:#8993a5;font-size:.68rem;margin-top:1.6rem}.qi-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.qi-info-grid article{padding:1rem 1.05rem;border:1px solid #dbe4ed;border-radius:14px;background:#fff}.qi-info-grid h2{font-size:1.05rem;color:#102060;margin:.05rem 0 .45rem}.qi-info-grid p{margin:0;color:#485772}.qi-faq{margin:2rem 0}.qi-faq details{border-top:1px solid #dce5ee;padding:.75rem 0}.qi-faq summary{cursor:pointer;font-weight:750;color:#23365b}.qi-faq p{color:#4f5f79}.qi-hidden{display:none!important}
@media (max-width:1080px){.qi-layout{grid-template-columns:1fr}.qi-preview-sticky{position:static}.qi-document{max-width:760px;margin:0 auto}.qi-preview-column{order:-1}}
@media (max-width:720px){.qi-toolbar{align-items:stretch}.qi-toolbar__group{width:100%}.qi-toolbar__group .qi-button{flex:1 1 auto}.qi-layout{padding:.65rem}.qi-panel{padding:.8rem}.qi-field-grid--2{grid-template-columns:1fr}.qi-span-2{grid-column:auto}.qi-item{grid-template-columns:minmax(0,1fr) 80px}.qi-item label:first-child{grid-column:1/-1}.qi-item label:nth-child(3),.qi-item label:nth-child(4){grid-column:auto}.qi-item__remove{grid-column:2;grid-row:3}.qi-item__total{grid-column:1/-1}.qi-doc-top,.qi-doc-addresses{grid-template-columns:1fr}.qi-doc-title,.qi-doc-meta{text-align:left}.qi-doc-address+.qi-doc-address{border-left:0;border-top:1px solid #dae3ed}.qi-document{padding:5%;min-height:560px}.qi-doc-items{font-size:.75rem}.qi-doc-items th,.qi-doc-items td{padding:.45rem .3rem}.qi-doc-totals{width:100%}.qi-info-grid{grid-template-columns:1fr}}
@media (max-width:430px){.qi-toolbar__group{display:grid;grid-template-columns:1fr 1fr}.qi-export-menu{left:.75rem;right:.75rem}.qi-logo-row{grid-template-columns:78px 1fr}.qi-logo-preview{width:78px;height:64px}.qi-document{padding:4%;border-radius:0}.qi-doc-items th:nth-child(3),.qi-doc-items td:nth-child(3){display:none}}

/* Fullscreen workspace — v1.0.5
   Firefox applies user-agent !important rules to the element in the fullscreen
   top layer, so do not rely on making the fullscreen root a flex/grid scroller.
   Instead, JS measures the toolbar and the child workspace is absolutely
   positioned into the remaining viewport. The child owns Y-axis scrolling. */
.qi-workspace-scroll{display:block}
body.qi-fullscreen-lock{overflow:hidden!important}
.qi-app.qi-app--fullscreen-active,.qi-app.qi-app--fullscreen-fallback{
  --qi-toolbar-height:72px;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  min-height:0!important;
  background:#f7fafc!important;
  color:var(--qi-ink);
  box-sizing:border-box;
}
.qi-app:fullscreen::backdrop{background:#f7fafc}
.qi-app.qi-app--fullscreen-fallback{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important}
.qi-app.qi-app--fullscreen-active .qi-toolbar,.qi-app.qi-app--fullscreen-fallback .qi-toolbar{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  z-index:100!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  box-shadow:0 3px 14px rgba(16,32,96,.10);
}
.qi-app.qi-app--fullscreen-active .qi-workspace-scroll,.qi-app.qi-app--fullscreen-fallback .qi-workspace-scroll{
  position:absolute!important;
  top:var(--qi-toolbar-height,72px)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:auto;
  scrollbar-gutter:stable;
}
.qi-app.qi-app--fullscreen-active .qi-status,.qi-app.qi-app--fullscreen-fallback .qi-status{position:relative;z-index:70}
.qi-app.qi-app--fullscreen-active .qi-layout,.qi-app.qi-app--fullscreen-fallback .qi-layout{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  border-left:0;
  border-right:0;
  border-bottom:0;
  border-radius:0;
  padding:1rem 1.15rem 2rem;
}
.qi-app.qi-app--fullscreen-active .qi-preview-sticky,.qi-app.qi-app--fullscreen-fallback .qi-preview-sticky{position:sticky!important;top:1rem!important}
.qi-app.qi-app--fullscreen-active .qi-document,.qi-app.qi-app--fullscreen-fallback .qi-document{box-shadow:0 8px 32px rgba(17,38,77,.14)}
@media (max-width:1080px){
  .qi-app.qi-app--fullscreen-active .qi-preview-sticky,.qi-app.qi-app--fullscreen-fallback .qi-preview-sticky{position:static!important;top:auto!important}
}
@media (max-width:720px){.qi-app.qi-app--fullscreen-active .qi-layout,.qi-app.qi-app--fullscreen-fallback .qi-layout{padding:.65rem .65rem 1.5rem}}

@media print{body *{visibility:hidden!important}.qi-document,.qi-document *{visibility:visible!important}.qi-document{position:absolute!important;left:0;top:0;width:100%!important;min-height:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.site-header,.site-footer,.breadcrumbs,.qi-toolbar,.qi-intro,.qi-preview-heading,.qi-controls,.qi-info-grid,.qi-faq{display:none!important}}