:root{--qrl-accent:#FC6704;--qrl-accent-dark:#dc5500;--qrl-shell:#071d3b;--qrl-shell-soft:#17365f;--qrl-panel-bg:#f3f7fd;--qrl-card:#fff;--qrl-text:#0b1730;--qrl-muted:#6c7890;--qrl-line:#e3e9f2}*{box-sizing:border-box}body.qrl-modal-open{overflow:hidden}.qrl-receiver,.qrl-register-shell,.qrl-login-required{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--qrl-text)}
body.qrl-receiver-page{background:#f3f7fd!important}.qrl-receiver{width:100%!important;max-width:none!important;min-height:calc(100vh - 32px)!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;background:var(--qrl-panel-bg)!important;color:var(--qrl-text)!important}.qrl-receiver-mobile-header{display:none!important}.qrl-receiver-tabs{grid-column:1!important;grid-row:1/span 2!important;position:sticky!important;top:32px!important;align-self:start!important;height:calc(100vh - 32px)!important;margin:0!important;padding:34px 22px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;overflow-y:auto!important;background:linear-gradient(180deg,#061a36 0%,#08264c 100%)!important}.qrl-receiver-brand{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 24px!important;color:#fff!important}.qrl-receiver-brand-icon,.qrl-mobile-brand-icon{display:grid!important;place-items:center!important;width:50px!important;min-width:50px!important;height:50px!important;border-radius:16px!important;background:var(--qrl-accent)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(252,103,4,.28)!important}.qrl-receiver-brand strong{display:block!important;font-size:18px!important;line-height:1.1!important;color:#fff!important;font-weight:800!important}.qrl-receiver-brand small{display:block!important;margin-top:5px!important;font-size:13px!important;color:#c8d5e9!important}.qrl-receiver-version{position:absolute;right:18px;top:18px;color:#8fa6c4;font-size:11px}.qrl-receiver-tabs button{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:12px 16px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#d4dfef!important;font-size:15px!important;font-weight:650!important;text-align:left!important;cursor:pointer!important;transition:.18s ease!important}.qrl-receiver-tabs button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:translateX(2px)}.qrl-receiver-tabs button.is-active{background:#1d3a61!important;color:#fff!important;font-weight:800!important}.qrl-receiver-tabs button:before{width:20px!important;flex:0 0 20px!important;text-align:center!important;font-size:17px!important}.qrl-receiver-tabs button[data-tab=summary]:before{content:"▦"}.qrl-receiver-tabs button[data-tab=business]:before{content:"⌂"}.qrl-receiver-tabs button[data-tab=codes]:before{content:"⌁"}.qrl-receiver-tabs button[data-tab=analytics]:before{content:"▥"}.qrl-receiver-tabs button[data-tab=subscription]:before{content:"◇"}
.qrl-receiver-main-header{grid-column:2!important;grid-row:1!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:46px 42px 24px!important}.qrl-receiver-main-header>div>span:first-child{display:block!important;margin-bottom:8px!important;color:var(--qrl-accent)!important;font-size:12px!important;letter-spacing:.15em!important;font-weight:900!important}.qrl-receiver-main-header h1{margin:0!important;color:var(--qrl-text)!important;font-size:34px!important;line-height:1.1!important;letter-spacing:-.025em!important;font-weight:650!important}.qrl-plan-status{display:flex;align-items:center;gap:9px;margin-top:12px}.qrl-plan-badge{display:inline-flex!important;align-items:center!important;width:max-content!important;padding:6px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:850!important;letter-spacing:.04em!important}.qrl-plan-badge.is-pro{background:#fff1e8!important;color:#c64d00!important}.qrl-plan-badge.is-vip{background:#f3e8ff!important;color:#7e22ce!important}.qrl-be-vip-button{font-size:12px;font-weight:800;color:var(--qrl-accent);text-decoration:none}.qrl-primary-button,.qrl-secondary-button,.qrl-delete-account-button{appearance:none;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-weight:750;border-radius:14px;min-height:46px;padding:0 18px}.qrl-primary-button{background:linear-gradient(135deg,var(--qrl-accent),#ff8b3d)!important;color:#fff!important;box-shadow:0 12px 28px rgba(252,103,4,.18)!important}.qrl-secondary-button{background:#fff!important;color:#36506f!important;border:1px solid #dbe4ef!important}.qrl-main-action{min-height:50px!important;padding:0 22px!important;border-radius:16px!important;flex:0 0 auto!important}.qrl-tab-panel{display:none;grid-column:2!important;grid-row:2!important;min-width:0!important;width:auto!important;max-width:none!important;padding:0 42px 46px!important;background:transparent!important}.qrl-tab-panel.is-active{display:block!important}.qrl-tab-panel>h2,.qrl-panel-heading h2{margin:0!important;font-size:29px!important;line-height:1.15!important;color:var(--qrl-text)!important;font-weight:650!important;letter-spacing:-.02em!important}.qrl-panel-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 18px}.qrl-panel-heading p{margin:7px 0 0;color:var(--qrl-muted)}
.qrl-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.qrl-summary-cards>div{min-height:132px;display:flex;flex-direction:column;justify-content:center;padding:24px;background:#fff;border-radius:24px;box-shadow:0 14px 34px rgba(31,65,105,.07)}.qrl-summary-cards b{font-size:34px;line-height:1;color:#0b1730;font-weight:700}.qrl-summary-cards span{order:-1;margin-bottom:22px;font-size:14px;color:#718097;font-weight:500}.qrl-business-form,.qrl-danger-zone,.qrl-analytics-card,.qrl-analytics-table,.qrl-current-plan,.qrl-plan-card{background:#fff;border:1px solid var(--qrl-line);border-radius:22px;box-shadow:0 10px 28px rgba(31,65,105,.055)}.qrl-business-form{max-width:980px;padding:26px;display:grid;gap:18px}.qrl-business-form label,.qrl-code-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.qrl-business-form input,.qrl-code-form input,.qrl-code-form textarea,.qrl-code-form select,.qrl-toolbar input,.qrl-toolbar select{width:100%;min-height:48px;border:1px solid #dce4ee;background:#fff;border-radius:14px;padding:12px 14px;font:inherit;outline:none}.qrl-business-form input:focus,.qrl-code-form input:focus,.qrl-code-form textarea:focus,.qrl-code-form select:focus,.qrl-toolbar input:focus,.qrl-toolbar select:focus{border-color:#ffc49e;box-shadow:0 0 0 4px rgba(252,103,4,.1)}.qrl-account-info{display:grid;gap:4px;padding:16px;border-radius:16px;background:#f7f9fc;color:#506078}.qrl-account-info strong{color:#0b1730}.qrl-business-actions{display:flex;gap:10px;flex-wrap:wrap}.qrl-danger-zone{max-width:980px;margin-top:24px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#ffd9d9;background:#fffafa}.qrl-danger-zone h3{margin:0 0 6px;color:#991b1b}.qrl-danger-zone p{margin:0;color:#7f1d1d;max-width:700px}.qrl-delete-account-button{background:#b42318!important;color:#fff!important}.qrl-plan-notice{margin:0 0 18px;padding:14px 16px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;color:#9a3412}.qrl-plan-notice a{color:#c2410c;font-weight:800}.qrl-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.qrl-search-field{position:relative;flex:1;max-width:520px}.qrl-search-field span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#98a2b3}.qrl-search-field input{padding-left:39px}.qrl-toolbar select{width:170px}.qrl-list{display:grid;gap:14px}.qrl-code-card{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;background:#fff;border:1px solid var(--qrl-line);border-radius:22px;box-shadow:0 10px 28px rgba(31,65,105,.055)}.qrl-code-thumb{width:120px;height:120px;display:grid;place-items:center;overflow:hidden;border:1px solid #edf0f5;border-radius:18px;background:#fff}.qrl-code-info{min-width:0}.qrl-code-info h3{margin:8px 0 6px;font-size:18px}.qrl-code-info p,.qrl-code-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrl-code-info p{margin:0;color:var(--qrl-muted)}.qrl-code-info small{display:block;margin-top:10px;color:#98a2b3}.qrl-code-meta{display:flex;gap:10px;align-items:center;color:#98a2b3;font-size:11px;font-weight:800}.qrl-badge{border-radius:999px;padding:6px 9px;background:#eef2f7}.qrl-badge.dynamic{background:#fff1e8;color:#c64d00}.qrl-badge.static{background:#eef8ef;color:#2c7a3f}.qrl-code-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.qrl-icon-btn{border:1px solid #dfe4ec;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700}.qrl-icon-btn:hover{border-color:#ffc49e;background:#fff8f3}.qrl-icon-btn.danger{color:#c93636}.qrl-empty{padding:30px;text-align:center;border:1px dashed #cfd6e2;border-radius:18px;color:var(--qrl-muted);background:rgba(255,255,255,.6)}
.qrl-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.qrl-analytics-card{padding:24px}.qrl-analytics-card span{display:block;color:#718097;margin-bottom:18px}.qrl-analytics-card strong{display:block;font-size:36px}.qrl-analytics-card small{display:block;margin-top:10px;color:#98a2b3}.qrl-analytics-table{padding:24px}.qrl-analytics-table h3{margin-top:0}.qrl-analytics-rows{display:grid}.qrl-analytics-rows>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #edf0f5}.qrl-analytics-rows>div:first-child{border-top:0}.qrl-current-plan{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.qrl-current-plan>div>span{font-size:11px;letter-spacing:.12em;font-weight:900;color:var(--qrl-accent)}.qrl-current-plan h3{font-size:28px;margin:7px 0 4px}.qrl-current-plan p{margin:0;color:var(--qrl-muted)}.qrl-current-plan small{display:block;margin-top:8px;color:#98a2b3}.qrl-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qrl-plan-card{padding:25px;position:relative}.qrl-plan-card.is-current{border:2px solid var(--qrl-accent)}.qrl-plan-card.is-vip{background:linear-gradient(180deg,#fff,#fff8f3)}.qrl-plan-card>span{font-size:12px;color:#718097;font-weight:800;text-transform:uppercase}.qrl-plan-card h3{font-size:29px;margin:5px 0 18px}.qrl-plan-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:11px;color:#506078}.qrl-current-label{display:inline-flex;padding:8px 11px;border-radius:999px;background:#fff1e8;color:#c64d00;font-size:12px}
.qrl-modal[hidden]{display:none!important}.qrl-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}.qrl-modal-bg{position:absolute;inset:0;background:rgba(4,12,26,.66);backdrop-filter:blur(7px)}.qrl-modal-card{position:relative;width:min(1080px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:28px;box-shadow:0 32px 90px rgba(0,0,0,.28)}.qrl-modal-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 340px;gap:26px;align-items:start}.qrl-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#fff4ed;color:#c64d00;font-size:29px;cursor:pointer;z-index:2}.qrl-code-form{padding:22px;display:grid;gap:15px}.qrl-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--qrl-accent)}.qrl-code-form h2{margin:0;font-size:27px}.qrl-form-intro{margin:-4px 0 4px;color:var(--qrl-muted);line-height:1.55}.qrl-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qrl-dynamic-fields{display:grid;gap:14px;padding:16px;border:1px solid #edf2f7;border-radius:18px;background:#fbfcfe}.qrl-code-form textarea{min-height:100px;resize:vertical}.qrl-style-grid input[type=color]{padding:6px;height:52px}.qrl-field-help{margin:-4px 0 0;color:var(--qrl-muted);font-size:12px}.qrl-code-form label.is-disabled{opacity:.55}.qrl-form-actions{display:flex;justify-content:flex-end;gap:10px}.qrl-preview{position:sticky;top:0;min-height:100%;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:#f7faff;border:1px solid #dde7f4;border-radius:22px}.qrl-preview-head{display:grid;gap:6px}.qrl-preview-head span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#718097}.qrl-preview canvas{width:min(100%,280px);height:auto;padding:14px;background:#fff;border-radius:18px;box-shadow:0 18px 40px rgba(252,103,4,.08)}.qrl-preview small{color:var(--qrl-muted);font-size:13px;line-height:1.55;word-break:break-word}.qrl-confirm-card{position:relative;width:min(500px,100%);padding:30px;background:#fff;border-radius:24px;text-align:center;box-shadow:0 32px 90px rgba(0,0,0,.28)}.qrl-confirm-icon{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#fee2e2;color:#b42318;font-size:28px;font-weight:900}.qrl-confirm-card h2{margin:0 0 10px}.qrl-confirm-card p{margin:0;color:var(--qrl-muted);line-height:1.55}.qrl-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.qrl-toast{position:fixed;right:24px;bottom:24px;z-index:1000000;max-width:380px;padding:14px 18px;border-radius:14px;background:#0f172a;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);transition:.2s}.qrl-toast.is-visible{opacity:1;transform:none}.qrl-toast.is-error{background:#b42318}
.qrl-register-shell{min-height:80vh;display:grid;place-items:center;padding:34px;background:#f4f7fb}.qrl-register-card{width:min(620px,100%);padding:34px;background:#fff;border:1px solid #e3e9f2;border-radius:24px;box-shadow:0 18px 50px rgba(31,65,105,.08)}.qrl-register-heading{margin-bottom:22px}.qrl-register-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--qrl-accent)}.qrl-register-card h2{font-size:34px;margin:7px 0 8px}.qrl-register-card p{color:var(--qrl-muted);line-height:1.55}.qrl-platform-form{display:grid;gap:15px}.qrl-platform-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.qrl-platform-form input{width:100%;min-height:50px;border:1px solid #dce4ee;border-radius:14px;padding:12px 14px;font:inherit;outline:none}.qrl-platform-form input:focus{border-color:#ffc49e;box-shadow:0 0 0 4px rgba(252,103,4,.1)}.qrl-platform-error{padding:12px 14px;border-radius:12px;background:#fff1f1;color:#a52626;margin-bottom:10px}.qrl-login{text-align:center;margin-top:18px!important}.qrl-login a{color:var(--qrl-accent);font-weight:800;text-decoration:none}.qrl-login-required{max-width:620px;margin:40px auto;padding:30px;background:#fff;border-radius:20px;text-align:center}
@media(max-width:1024px) and (min-width:769px){.qrl-receiver{grid-template-columns:238px minmax(0,1fr)!important}.qrl-receiver-tabs{padding:28px 16px!important}.qrl-receiver-main-header{padding:38px 26px 22px!important}.qrl-tab-panel{padding:0 26px 38px!important}.qrl-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.qrl-code-card{grid-template-columns:110px minmax(0,1fr)}.qrl-code-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:768px){body.qrl-receiver-page{background:#f3f7fd!important}.qrl-receiver{min-height:100vh!important;display:block!important;overflow-x:hidden!important}.qrl-receiver-mobile-header{display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;padding:24px 26px 12px!important;background:#071d3b!important;color:#fff!important}.qrl-mobile-brand-icon{width:54px!important;min-width:54px!important;height:54px!important}.qrl-receiver-mobile-header strong{display:block;font-size:20px}.qrl-receiver-mobile-header span{display:block;margin-top:4px;color:#c7d5e8;font-size:13px}.qrl-receiver-tabs{position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 14px 20px!important;display:flex!important;flex-direction:row!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;background:#071d3b!important;scrollbar-width:none!important}.qrl-receiver-tabs::-webkit-scrollbar{display:none}.qrl-receiver-brand,.qrl-receiver-version{display:none!important}.qrl-receiver-tabs button{width:auto!important;min-width:max-content!important;min-height:52px!important;flex:0 0 auto!important;justify-content:center!important;padding:11px 16px!important;font-size:15px!important;white-space:nowrap!important}.qrl-receiver-tabs button:before{display:none!important}.qrl-receiver-main-header{display:block!important;padding:32px 20px 20px!important}.qrl-receiver-main-header h1{font-size:32px!important}.qrl-main-action{width:100%!important;min-height:54px!important;margin-top:22px!important}.qrl-tab-panel{width:100%!important;padding:0 20px 34px!important}.qrl-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qrl-summary-cards>div{min-height:110px;padding:18px;border-radius:19px}.qrl-summary-cards b{font-size:29px}.qrl-summary-cards span{margin-bottom:16px;font-size:13px}.qrl-panel-heading{align-items:flex-start;flex-direction:column}.qrl-panel-heading .qrl-primary-button,.qrl-panel-heading .qrl-secondary-button{width:100%}.qrl-code-card{grid-template-columns:90px minmax(0,1fr);padding:13px}.qrl-code-thumb{width:84px;height:84px}.qrl-code-thumb canvas{width:84px;height:84px}.qrl-code-actions{grid-column:1/-1;justify-content:flex-start}.qrl-toolbar{flex-direction:column;align-items:stretch}.qrl-search-field{max-width:none}.qrl-toolbar select{width:100%}.qrl-analytics-grid,.qrl-plan-grid{grid-template-columns:1fr}.qrl-danger-zone,.qrl-current-plan{align-items:flex-start;flex-direction:column}.qrl-modal-grid{grid-template-columns:1fr}.qrl-preview{position:static;order:-1}.qrl-preview canvas{max-width:210px}}
@media(max-width:600px){input,textarea,select{font-size:16px!important}.qrl-two{grid-template-columns:1fr}.qrl-modal{padding:8px}.qrl-modal-card{padding:16px;border-radius:20px}.qrl-code-form{padding:12px}.qrl-form-actions,.qrl-confirm-actions{flex-direction:column}.qrl-form-actions>*{width:100%}.qrl-register-shell{padding:16px}.qrl-register-card{padding:24px}.qrl-register-card h2{font-size:29px}.qrl-business-actions>*{width:100%}}
