:root{--qs-blue:#1554d1;--qs-navy:#092650;--qs-line:#dce5f2;--qs-bg:#f3f6fb;--qs-green:#0ca678;--qs-red:#e03131}.op-qs{display:none;position:fixed;z-index:8200;left:var(--qs-left,300px);top:var(--qs-top,70px);right:0;bottom:0;background:var(--qs-bg);color:#0c1f3c;font-family:inherit;overflow:auto}.op-qs.open{display:block}.op-qs-main{min-height:100%;position:relative;padding:22px}.op-qs-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;color:#fff;border-radius:22px;background:linear-gradient(120deg,#0b2d63,#1760dc 70%,#4542df);box-shadow:0 18px 45px #174eac30}.op-qs-head span{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#bcd6ff}.op-qs-head h1{margin:4px 0;font-size:30px;line-height:1}.op-qs-head p{margin:0;color:#dce9ff}.op-qs-head-actions{display:flex;gap:10px;align-items:center}.op-qs-head-actions>span{padding:9px 13px;border-radius:999px;letter-spacing:0}.op-qs-head-actions>span.online{background:#d8f8ec;color:#087c5b}.op-qs-head-actions>span.offline{background:#fff0d8;color:#a65c00}.op-qs-head button,.op-qs-tools button,.op-qs-pay button{border:1px solid #ffffff50;border-radius:11px;background:#ffffff17;color:inherit;padding:10px 14px;font-weight:700;cursor:pointer}.op-qs-head [data-close]{font-size:25px;padding:6px 13px}.op-qs-tools{display:grid;grid-template-columns:190px 240px minmax(330px,1fr);gap:14px;margin:18px 0;padding:16px;background:#fff;border:1px solid var(--qs-line);border-radius:18px;box-shadow:0 8px 26px #17396a12}.op-qs label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#526783}.op-qs select,.op-qs input{min-height:46px;border:1px solid #d5deeb;border-radius:12px;background:#fff;padding:0 13px;color:#102445;font:inherit;outline:none}.op-qs select:focus,.op-qs input:focus{border-color:#2d6cdf;box-shadow:0 0 0 3px #2d6cdf1c}.op-qs-search{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px}.op-qs-search>button{background:var(--qs-blue);color:#fff;border:0}.op-qs-search [data-results]{display:none;position:absolute;z-index:5;left:0;right:0;top:54px;max-height:400px;overflow:auto;background:#fff;border:1px solid var(--qs-line);border-radius:14px;box-shadow:0 18px 50px #0c244738}.op-qs-search [data-results].open{display:block}.op-qs-search [data-results]>button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf1f7;background:#fff;padding:13px 16px;cursor:pointer}.op-qs-search [data-results]>button:hover{background:#f2f7ff}.op-qs-search small,.op-qs-search em{display:block;font-style:normal;color:#71829b}.op-qs-work{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.op-qs-products,.op-qs-checkout,.op-qs-recent{background:#fff;border:1px solid var(--qs-line);border-radius:18px;box-shadow:0 8px 28px #17396a10}.op-qs-products{min-height:420px;padding:16px}.op-qs-empty{display:flex;min-height:370px;align-items:center;justify-content:center;flex-direction:column;color:#73859f}.op-qs-empty b{color:#233b60;font-size:20px}.op-qs-empty span{margin-top:8px}.op-qs-products article{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px 34px;gap:12px;align-items:center;border-bottom:1px solid #edf1f7;padding:15px 6px}.op-qs-products article>div{display:flex;flex-direction:column}.op-qs-products article small{margin-top:4px;color:#71829b}.op-qs-products article input{margin-top:8px;min-height:36px}.op-qs-products article>span{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--qs-line);border-radius:11px;padding:3px}.op-qs-products article>span button,.op-qs-products .remove{border:0;background:#edf4ff;color:#1755c5;width:30px;height:30px;border-radius:8px;font-weight:900;cursor:pointer}.op-qs-products .remove{background:#fff0f0;color:#d82727}.op-qs-products article>strong{text-align:right}.op-qs-checkout{padding:18px;position:sticky;top:18px}.op-qs-checkout>label{margin:15px 0}.op-qs-customer{position:relative}.op-qs-customer small{font-weight:500}.op-qs-customer [data-customer-results]{position:absolute;z-index:4;top:70px;left:0;right:0;background:#fff;border:1px solid var(--qs-line);border-radius:12px;box-shadow:0 14px 35px #17396a24}.op-qs-customer [data-customer-results] button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #edf1f7;background:#fff;padding:10px;cursor:pointer}.op-qs-customer-selected span{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;background:#eaf7f2;color:#08785a}.op-qs-customer-selected button{border:0;background:transparent;font-size:20px}.op-qs-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.op-qs-pay>b,.op-qs-pay [data-split]{grid-column:1/-1}.op-qs-pay button{border-color:#d8e1ef;background:#f7f9fc;color:#405675}.op-qs-pay button.active{background:#e7f0ff;border-color:#7ca7f4;color:#1357c8}.op-qs-pay [data-split]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-qs-total{border-top:1px solid var(--qs-line);padding-top:14px}.op-qs-total span,.op-qs-total strong{display:flex;justify-content:space-between;padding:6px 0}.op-qs-total strong{font-size:20px;color:#0b2c63}.op-qs-complete{width:100%;border:0;border-radius:14px;background:linear-gradient(90deg,#1053cd,#2b6fe8);color:#fff;padding:16px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 9px 22px #1554d135}.op-qs-complete:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.op-qs-safe{font-size:11px;line-height:1.5;color:#71829b}.op-qs-recent{margin-top:18px;padding:18px}.op-qs-recent h2{font-size:16px;margin:0 0 10px}.op-qs-recent article{display:grid;grid-template-columns:1fr 160px 130px;gap:10px;padding:10px;border-top:1px solid #edf1f7}.op-qs-recent article span{display:flex;flex-direction:column}.op-qs-recent small{color:#7d8ca3}.op-qs-recent em{font-style:normal;text-transform:capitalize}.op-qs-recent em.tamamlandi{color:#087c5b}.op-qs-recent em.hata,.op-qs-recent em.belirsiz{color:#c92a2a}.op-qs-overlay{position:absolute;z-index:20;inset:0;background:#09244a99;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.op-qs-overlay[hidden]{display:none}.op-qs-overlay>div{width:min(440px,90vw);text-align:center;background:#fff;border-radius:20px;padding:35px;box-shadow:0 25px 70px #001b49aa}.op-qs-overlay i{display:block;width:52px;height:52px;margin:auto;border:5px solid #dce7f8;border-top-color:#1659d5;border-radius:50%;animation:qs-spin 1s linear infinite}.op-qs-overlay i.done{border:0;background:#15a978;animation:none}.op-qs-overlay i.done:after{content:'✓';display:grid;place-items:center;color:#fff;font-size:34px;height:52px}.op-qs-overlay button{border:0;border-radius:12px;background:var(--qs-blue);color:#fff;padding:11px 28px}.op-qs-notice{position:fixed;z-index:8300;right:25px;bottom:25px;display:flex;flex-direction:column;max-width:420px;padding:15px 18px;border-radius:13px;background:#fff;border-left:5px solid var(--qs-blue);box-shadow:0 16px 45px #112d5845}.op-qs-notice.error{border-color:var(--qs-red)}.op-qs-notice.warn{border-color:#f59f00}.op-qs-notice span{color:#687b96;margin-top:3px}.op-qs-top{border:1px solid #ffffff42!important;border-radius:10px!important;background:#08a779!important;color:#fff!important;font-weight:800!important;padding:10px 14px!important}.op-qs-quick{display:flex!important;min-width:112px;min-height:90px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #dbe4f1;border-radius:14px;background:#fff;color:#12294c;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #183d6b12}.op-qs-quick i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#08aa79,#14c4a5);color:#fff;font-style:normal;font-size:21px}@keyframes qs-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.op-qs{left:0}.op-qs-work{grid-template-columns:1fr}.op-qs-checkout{position:static}.op-qs-tools{grid-template-columns:1fr 1fr}.op-qs-search{grid-column:1/-1}}@media(max-width:700px){.op-qs-main{padding:10px}.op-qs-head{align-items:flex-start;gap:15px}.op-qs-head-actions{flex-wrap:wrap;justify-content:flex-end}.op-qs-tools{grid-template-columns:1fr}.op-qs-search{grid-column:auto}.op-qs-products article{grid-template-columns:1fr 100px}.op-qs-products article>strong{grid-column:1}.op-qs-recent article{grid-template-columns:1fr}.op-qs-top{display:none!important}}
.op-qs-overlay>.op-qs-pos-setup{width:min(860px,94vw);max-height:90vh;overflow:auto;text-align:left;padding:0}.op-qs-pos-setup>header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;color:#fff;background:linear-gradient(115deg,#0a2e66,#1c62dc 72%,#5140df);border-radius:20px 20px 0 0}.op-qs-pos-setup header small{font-weight:900;letter-spacing:1.2px;color:#c9dcff}.op-qs-pos-setup header h2{margin:4px 0 0}.op-qs-pos-setup header button{font-size:22px;padding:6px 13px;background:#ffffff1d;border:1px solid #ffffff3d}.op-qs-pos-setup nav{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid var(--qs-line)}.op-qs-pos-setup nav button{background:#eef3fb;color:#49617f}.op-qs-pos-setup nav button.active{background:var(--qs-blue);color:#fff}.op-qs-pos-setup section{padding:20px 28px 28px}.op-qs-setup-info{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#edf5ff;color:#31527d}.op-qs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.op-qs-setup-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.op-qs-setup-actions button,.op-qs-setup-actions a{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:var(--qs-blue);color:#fff;padding:11px 18px;font-weight:800;text-decoration:none;cursor:pointer}.op-qs-setup-actions button+button{background:#eef3fb;color:#214d91}.op-qs-pos-setup hr{border:0;border-top:1px solid var(--qs-line);margin:22px 0}.op-qs-pos-setup h3{margin:0 0 14px}.op-qs-setup-result{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;min-height:20px;border-radius:11px;background:#f5f8fc;color:#345170}.op-qs-setup-result b{color:#087c5b}@media(max-width:700px){.op-qs-form-grid{grid-template-columns:1fr}.op-qs-pos-setup section,.op-qs-pos-setup nav{padding-left:16px;padding-right:16px}}