.qb{scroll-margin-top:90px}.qb-form{background:var(--surface);border:1px solid var(--line);max-width:1100px;box-shadow:var(--shadow-lg);border-radius:30px;gap:1.4rem;margin-inline:auto;padding:clamp(18px,3vw,36px);display:grid}.qb-step-head{align-items:flex-start;gap:.9rem;display:flex}.qb-step-head>span{background:var(--grad);color:#fff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.qb-step-head h3{font-size:1.25rem}.qb-step-head p{color:var(--muted);margin-top:.15rem;font-size:.92rem}.qb-errors{color:var(--text);background:#f43f5e14;border:1px solid #f43f5e4d;border-radius:18px;gap:.8rem;padding:1rem 1.2rem;display:flex}.qb-errors .icon{color:#f43f5e;flex:none}.qb-errors ul{color:var(--muted);margin:.3rem 0 0 1rem;font-size:.9rem}.qb-systems{flex-wrap:wrap;gap:.5rem;display:flex}.qb-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:transform .3s var(--ease), border-color .3s, background .3s;border-radius:99px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.qb-chip .icon{width:1.05rem;height:1.05rem;color:var(--accent)}.qb-chip:hover{border-color:var(--accent);transform:translateY(-2px)}.qb-chip[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, var(--surface))}.qb-chip[aria-pressed=true]:after{content:"✓";color:var(--accent);font-size:.8rem}.qb-sections{gap:1rem;display:grid}.qb-sec{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--bg-soft);min-width:0;animation:qb-in .45s var(--ease) both;border-radius:22px;margin:0;padding:1rem 1rem .9rem;position:relative}.qb-sec.is-leaving{animation:qb-out .3s var(--ease) forwards}@keyframes qb-in{0%{opacity:0;transform:translateY(12px)}}@keyframes qb-out{to{opacity:0;transform:scale(.97)}}.qb-sec__head{align-items:center;gap:.7rem;margin-bottom:.7rem;display:flex}.qb-sec__icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:38px;height:38px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.qb-sec__icon .icon{width:20px;height:20px}.qb-sec__head h3{font-size:1.05rem}.qb-sec__count{background:var(--surface);color:var(--muted);border-radius:99px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.qb-sec__remove{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.qb-sec__remove:hover{color:#f43f5e;background:#f43f5e1a}.qb-sec__remove .icon{width:16px;height:16px}.qb-cols,.qb-row{grid-template-columns:minmax(0,2.4fr) 132px minmax(0,.9fr) minmax(0,1.4fr) 38px;align-items:center;gap:.5rem;display:grid}.qb-cols{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 .2rem .35rem;font-size:.72rem;font-weight:700}.qb-rows{gap:.5rem;display:grid}.qb-row{animation:qb-in .35s var(--ease) both}.qb-row.is-leaving{animation:qb-out .25s var(--ease) forwards}.qb-field{min-width:0;position:relative}.qb-input{border:1.5px solid var(--line);background:var(--surface);width:100%;height:46px;color:var(--text);font:inherit;border-radius:14px;padding:0 .9rem;font-size:.92rem;transition:border-color .25s,box-shadow .25s}.qb-input::placeholder{color:var(--muted);opacity:.75}.qb-input:focus{border-color:var(--accent,var(--cyan));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,var(--cyan)) 18%, transparent);outline:none}.qb-field--qty{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:34px 1fr 34px;align-items:center;height:46px;display:grid;overflow:hidden}.qb-field--qty:focus-within{border-color:var(--accent,var(--cyan))}.qb-field--qty .qb-input{text-align:center;height:100%;box-shadow:none;-moz-appearance:textfield;border:0;border-radius:0;padding:0;font-weight:700}.qb-field--qty .qb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qb-field--qty .qb-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qb-step{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.qb-step:hover{background:var(--bg-soft);color:var(--accent,var(--cyan))}.qb-step .icon{width:14px;height:14px}.qb-field--unit .qb-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23089ed7' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:.95rem;padding-right:2rem}.qb-remove{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.qb-remove:hover{color:#f43f5e;background:#f43f5e1a}.qb-remove .icon{width:17px;height:17px}.qb-add{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:.4rem;margin-top:.7rem;padding:.5rem .9rem;font-size:.85rem;font-weight:700;transition:background .3s;display:inline-flex}.qb-add:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.qb-add .icon{width:.95rem;height:.95rem}.qb-empty{border:1.5px dashed var(--line);color:var(--muted);border-radius:22px;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.qb-empty[hidden]{display:none}.qb-suggest{z-index:30;background:var(--surface);border:1px solid var(--line);min-width:260px;max-height:320px;animation:qb-drop .2s var(--ease);border-radius:16px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 50px -18px #00000073}.qb-field--unit .qb-suggest{min-width:170px}@keyframes qb-drop{0%{opacity:0;transform:translateY(-6px)}}.qb-suggest__group{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.55rem .7rem .25rem;font-size:.68rem;font-weight:800}.qb-suggest__opt{cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.9rem;display:flex}.qb-suggest__opt small{color:var(--muted);flex:none;font-size:.75rem}.qb-suggest__opt mark{color:var(--accent,var(--cyan));background:0 0;font-weight:800}.qb-suggest__opt[aria-selected=true],.qb-suggest__opt:hover{background:color-mix(in srgb, var(--accent,var(--cyan)) 12%, transparent)}.qb-suggest__free{color:var(--muted);font-size:.82rem}.qb-bar{z-index:5;background:var(--ink,#141518);color:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;padding:.75rem 1.1rem;font-size:.9rem;display:flex;position:sticky;bottom:12px;box-shadow:0 18px 40px -18px #0009}.qb-bar b{font-size:1.05rem}.qb-bar__saved{color:#86efac;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.qb-bar__saved .icon{width:.9rem;height:.9rem}.qb-bar__clear{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin-left:auto;font-size:.82rem;font-weight:600;display:inline-flex}.qb-bar__clear:hover{color:#fda4af}.qb-bar__clear .icon{width:.9rem;height:.9rem}.qb-details{grid-template-columns:1fr 1fr;gap:14px;display:grid}.qb-details .full{grid-column:1/-1}.qb-pills{flex-wrap:wrap;gap:.45rem;display:flex}.qb-pills label{cursor:pointer}.qb-pills input{opacity:0;position:absolute}.qb-pills span{border:1.5px solid var(--line-strong);border-radius:99px;align-items:center;gap:.35rem;padding:.6rem 1rem;font-size:.88rem;font-weight:600;transition:border-color .3s,background .3s;display:inline-flex}.qb-pills span .icon{width:1rem;height:1rem;color:var(--cyan)}.qb-pills input:checked+span{border-color:var(--cyan);background:#089ed71f}.qb-pills input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.qb-label{color:var(--text-2);margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.qb-label small{color:var(--muted);font-weight:400}.qb-drop{border:1.5px dashed var(--line-strong);background:var(--bg-soft);color:var(--muted);cursor:pointer;border-radius:20px;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;transition:border-color .3s,background .3s;display:flex;position:relative}.qb-drop:hover,.qb-drop.is-over{border-color:var(--cyan);background:#089ed712}.qb-drop b{color:var(--text)}.qb-drop .icon{width:1.4rem;height:1.4rem;color:var(--cyan);flex:none}.qb-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.qb-files{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding:0;list-style:none;display:flex}.qb-files li{background:var(--bg-soft);border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.qb-files li.is-bad{color:#f43f5e}.qb-submit{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.qb-submit .btn.is-busy{opacity:.7;pointer-events:none}.qb-done{background:var(--surface);max-width:720px;box-shadow:var(--shadow-lg);text-align:center;animation:qb-in .5s var(--ease) both;border:1px solid #22c55e59;border-radius:30px;justify-items:center;gap:.8rem;margin-inline:auto;padding:clamp(28px,4vw,48px);display:grid}.qb-done__icon{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 0 10px #22c55e26}.qb-done__icon .icon{width:30px;height:30px}.qb-done p{color:var(--muted);line-height:1.7}@media (width<=860px){.qb-cols{display:none}.qb-row{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr 38px;padding:.7rem}.qb-field--item,.qb-field--notes{grid-column:1/-1}.qb-field--qty{grid-column:1}.qb-field--unit{grid-column:2}.qb-remove{grid-area:2/3}.qb-details{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.qb-sec,.qb-row,.qb-suggest,.qb-done{animation:none}}