:root{--ink:#10233e;--muted:#64748b;--line:#dfe7ef;--blue:#174987;--cyan:#12a8d4;--lime:#9dcc32;--paper:#ffffff;--canvas:#f3f7fa;--panel:rgba(255,255,255,.93);--field:#fbfdff;--soft:#edf3f7;--popover:#ffffff;--blue-soft:#f5f9ff;--info-bg:#eff7fb;--info-ink:#45607d;--shadow:rgba(22,58,97,.08);color-scheme:light}.qs-page{width:min(1480px,calc(100% - 56px));margin:0 auto;padding:26px 0 64px}.qs-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 28px}.qs-hero h1{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}.qs-hero p{color:var(--muted);line-height:1.6;margin:0;max-width:65ch;font-size:14px}.qs-hero>span{display:flex;align-items:center;gap:8px;max-width:230px;color:var(--info-ink);font-size:12px;line-height:1.6}.qr-studio svg,.qs-hero svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.qr-studio{min-width:0}.qr-studio button{transition:background-color .16s,color .16s,border-color .16s}.qr-studio button:disabled{cursor:not-allowed;opacity:.5}.qr-studio :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.qr-studio ::selection{background:var(--blue);color:var(--paper)}.qr-studio :is(textarea,select){scrollbar-width:thin;scrollbar-color:var(--muted) var(--soft)}.qs-types{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.qs-types button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--paper);font-size:13px;font-weight:650}.qs-types button:hover{color:var(--ink);border-color:var(--cyan)}.qs-types button[aria-pressed=true]{color:var(--blue);background:var(--blue-soft);border-color:var(--blue)}.qs-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr) minmax(0,1.12fr);grid-template-areas:"content preview design";gap:24px;align-items:start}.qs-content-panel{grid-area:content}.qs-design-panel{grid-area:design}.qs-panel-title{display:flex;align-items:center;gap:9px;padding:18px;border-bottom:1px solid var(--line)}.qs-panel-title>button,.qs-panel-title>span{margin-left:auto;font-size:11px;color:var(--muted)}.qs-panel-title>svg{color:var(--blue)}.qs-mobile-nav{display:none}.qs-content-panel .qs-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qs-content-panel .qs-types button{font-size:11px;padding:9px 8px;min-height:38px;gap:6px}.qs-content-panel .qs-types button svg{width:15px;height:15px}.qs-content-panel .qs-fields{grid-template-columns:1fr}.qs-editor h3{margin:0;font-size:16px}.qs-editor[id],.qs-output[id]{scroll-margin-top:145px}.qs-editor{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-width:0;overflow:hidden}.qs-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid var(--line)}.qs-tabs button{display:inline-flex;align-items:center;gap:8px;padding:18px 0;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-weight:700;font-size:14px}.qs-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.qs-editor-body{padding:18px}.qr-studio h2{font-size:20px;line-height:1.4;margin:0;letter-spacing:-.02em}.qs-hint{color:var(--muted);line-height:1.7;font-size:13px;margin:8px 0 24px;max-width:70ch}.qs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.qs-field{min-width:0;display:flex;flex-direction:column;gap:8px}.qs-color>span:first-child,.qs-field>span,.qs-range>span{color:var(--ink);font-size:12px;font-weight:650}.qs-wide{grid-column:1/-1}.qs-required{color:var(--muted)}.qr-studio :is(input:not([type=range]):not([type=checkbox]):not([type=file]):not([type=color]),select,textarea){width:100%;min-width:0;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:9px;padding:12px;font-size:14px;line-height:1.5;caret-color:var(--cyan)}.qr-studio input::placeholder,.qr-studio textarea::placeholder{color:var(--muted)}.qr-studio textarea{resize:vertical;max-height:350px}.qs-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;margin:18px 0}.qs-checkbox input,.qs-range input{accent-color:var(--blue)}.qr-studio .qs-checkbox input{width:17px;height:17px;min-height:0;flex:0 0 17px;margin:0;padding:0}.qr-studio .qs-checkbox{justify-content:flex-start}.qs-content-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.qs-content-footer>span{color:var(--muted);font-size:11px}.qs-content-footer>span,.qs-text-button{display:inline-flex;align-items:center;gap:6px}.qs-text-button{justify-content:center;color:var(--blue);background:transparent;border:0;font-size:12px;font-weight:650;padding:8px 4px}.qs-text-button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.qs-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#174987;color:#fff;border:1px solid #174987;border-radius:10px;padding:13px 16px;font-size:14px;font-weight:700;min-height:46px}.qs-button:hover:not(:disabled){background:#103b70}.qs-secondary{background:var(--field);color:var(--ink);border-color:var(--line)}.qs-secondary:hover:not(:disabled){background:var(--soft)}.qs-next{margin-top:26px}.qs-output{grid-area:preview;position:sticky;top:100px;padding:0;min-width:0}.qs-phone{position:relative;width:calc(100% - 12px);aspect-ratio:9/17;min-height:500px;margin:0 auto;border:4px solid #202a39;outline:1px solid #738091;border-radius:38px;padding:14px 8px 30px;background:#f0f4f8;color:#10233e;box-shadow:0 12px 28px rgba(9,24,44,.14);display:flex;flex-direction:column}.qs-phone-status{display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;font-weight:750;height:22px}.qs-phone-status i{width:72px;height:20px;border-radius:20px;background:#111820}.qs-phone-title{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:650;margin:28px 0 16px}.qs-phone-caption{color:#53657b;text-align:center;font-size:10px;margin:16px 0 20px}.qs-home-indicator{position:absolute;width:90px;height:4px;border-radius:4px;background:#23334a;left:calc(50% - 45px);bottom:10px}.qs-section-heading{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:18px}.site-header .logo>span{position:relative}.site-header .logo>span:after,.site-header .logo>span:before{content:"";position:absolute;width:.25em;height:.25em;bottom:.16em;left:50%;margin-left:-.125em;border:1px solid;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent);animation:brand-ripple 2.4s ease-out infinite;pointer-events:none}.site-header .logo>span:after{animation-delay:-1.2s}@keyframes brand-ripple{0%{transform:scale(1);opacity:.85}85%,to{transform:scale(3.6);opacity:0}}@keyframes brand-glow{0%,to{opacity:.2}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.site-header .logo>span:before{display:none}.site-header .logo>span:after{transform:none;box-shadow:0 0 5px 3px currentColor;animation:brand-glow 4s ease-in-out infinite!important}}.qs-live{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.qs-live i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.qs-artboard{position:relative;min-height:250px;flex:1 1;display:grid;place-items:center;padding:0;border-radius:12px}.qs-artboard>img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.05))}.qs-checker{background-color:#fff;background-image:conic-gradient(#e1e7ed 25%,transparent 0 50%,#e1e7ed 0 75%,transparent 0);background-size:16px 16px}.qs-empty{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:var(--muted);font-size:13px;text-align:center}.qs-empty svg{width:68px;height:68px;stroke-width:1}.qs-updating{position:absolute;padding:8px 12px;border-radius:8px;background:var(--paper);color:var(--ink);font-size:12px}.qs-status{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--info-ink);line-height:1.6;min-height:40px;margin:16px 0}.qs-status svg{margin-top:1px}.qs-error{color:#b33340}:root[data-theme=dark] .qs-error{color:#ffabb6}.qs-download{width:100%;margin-top:18px}.qs-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.qs-actions>.qs-button{flex:1 1}.qs-actions .qr-share-popover{max-width:min(330px,calc(100vw - 56px));right:0;left:auto}.qs-format-hint{font-size:11px;margin:14px 0}.qs-payload{border-top:1px solid var(--line);padding-top:14px}.qs-about summary,.qs-payload summary{cursor:pointer;font-size:13px;font-weight:650}.qs-payload textarea{margin-top:12px;font-family:ui-monospace,monospace;font-size:12px}.qs-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.qs-presets button{flex:1 1;min-width:82px;display:grid;justify-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:12px 6px;background:var(--field);color:var(--ink);font-size:11px}.qs-presets button:hover{border-color:var(--cyan)}.qs-preset-mark{display:grid;place-items:center;width:40px;height:40px;background:white;border-radius:6px}.qs-preset-mark svg{width:28px;height:28px}.qs-settings{padding:18px 0;border-top:1px solid var(--line)}.qs-settings summary{cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;list-style:none;min-height:28px}.qs-settings summary::-webkit-details-marker{display:none}.qs-settings summary>svg{width:17px;height:17px;color:var(--muted)}.qs-settings summary:after{content:"";width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-left:auto;margin-right:4px}.qs-settings[open]>summary{color:var(--blue)}.qs-settings[open]>summary:after{transform:rotate(225deg)}.qs-icon-label{display:block;font-size:12px;font-weight:650;margin:20px 0 12px}.qs-settings[open]>summary{margin-bottom:18px}.qs-settings:first-child{border-top:0;padding-top:0}.qs-frame-grid,.qs-logo-presets,.qs-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.qs-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-frame-grid button,.qs-logo-presets button,.qs-template-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 6px;color:var(--ink);background:var(--field);font-size:11px}.qs-template-grid img{width:100%;height:78px;object-fit:contain}.qs-frame-grid img{width:62px;height:68px;object-fit:contain}.qs-logo-presets svg{width:25px;height:25px}.qs-frame-grid button:hover,.qs-logo-presets button:hover,.qs-template-grid button:hover{border-color:var(--cyan)}.qs-frame-grid button[aria-pressed=true],.qs-logo-presets button[aria-pressed=true],.qs-template-grid button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.qs-color{display:grid;gap:8px}.qs-color>span:last-child{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--line);border-radius:9px;padding:6px}.qs-color input{width:36px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}.qs-color code{color:var(--muted);font-size:12px}.qs-range{display:grid;gap:12px;align-content:center;min-width:0}.qs-range>span{display:flex;justify-content:space-between;gap:8px}.qs-range output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.qs-range input{width:100%;margin:4px 0}.qs-logo-controls{display:flex;align-items:center;gap:16px;margin-top:14px}.qs-logo-controls img{width:48px;height:48px;object-fit:contain;background:white;border-radius:6px}.qs-logo-controls .qs-range{flex:1 1}.qs-about{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 0}.qs-about p{color:var(--muted);font-size:13px;line-height:1.8;max-width:85ch}.qs-about details{margin-top:16px}.qs-note{color:var(--info-ink);font-size:12px}@media (max-width:1100px){.qs-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);grid-template-areas:"content preview" "design preview";gap:16px}.qs-page{padding:24px 0 48px}.qs-hero>span{display:none}.qs-editor-body{padding:18px}.qs-fields{gap:14px 12px}}@media (max-width:680px){.qs-workspace{display:flex;flex-direction:column}.qs-editor,.qs-output{width:100%}.qs-content-panel{order:0}.qs-output{position:static;order:1;padding:10px 4px 24px}.qs-design-panel{order:2}.qs-mobile-nav{position:sticky;top:76px;z-index:12;display:flex;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:6px;margin-bottom:16px}.qs-mobile-nav a{flex:1 1;padding:9px 6px;text-align:center;color:var(--blue);font-size:12px;font-weight:650;text-decoration:none;border-radius:8px}.qs-mobile-nav a:hover{background:var(--soft)}.qs-artboard{min-height:210px}.qs-empty{min-height:190px}.qs-types{gap:6px}.qs-types button{padding:8px 10px;font-size:12px}.qs-page{width:calc(100% - 28px);padding:20px 0 40px}.qs-hero{margin-bottom:20px}.qs-content-footer>span{font-size:10px}}@media (max-width:380px){.qs-editor .qs-fields{grid-template-columns:1fr}}:root[data-theme=dark]{--ink:#e7eef8;--muted:#9aabc0;--line:#304257;--blue:#64aaff;--cyan:#25c3ee;--lime:#aedb4d;--paper:#111e30;--canvas:#08111e;--panel:rgba(15,28,45,.94);--field:#101d2e;--soft:#0b1726;--popover:#142338;--blue-soft:#152b45;--info-bg:#10283a;--info-ink:#a8cce0;--shadow:rgba(0,0,0,.28);color-scheme:dark}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;scroll-padding-top:104px}body,html{max-width:100%;overflow-x:clip}body{margin:0;color:var(--ink);background:radial-gradient(circle at 5% 4%,rgba(18,168,212,.12),transparent 26rem),radial-gradient(circle at 96% 18%,rgba(157,204,50,.12),transparent 24rem),var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:calc(100vh - 260px)}.site-header{position:sticky;top:0;z-index:90;width:100%;margin:0;padding:22px max(28px,calc((100vw - 1480px) / 2));justify-content:space-between;background:color-mix(in srgb,var(--canvas) 78%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.desktop-nav,.site-header{display:flex;align-items:center}.desktop-nav{gap:8px}.desktop-nav a,.desktop-nav>span,.lookup-menu>summary{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.desktop-nav svg,.mobile-menu svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.desktop-nav a:hover,.lookup-menu>summary:hover,.lookup-menu[open]>summary{color:var(--ink);background:var(--panel)}.desktop-nav small{margin-left:4px;color:var(--blue);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.lookup-menu{position:relative}.lookup-menu>summary{cursor:pointer;list-style:none}.lookup-menu>summary::-webkit-details-marker{display:none}.lookup-menu>summary svg:last-child{width:13px;transition:transform .15s}.lookup-menu[open]>summary svg:last-child{transform:rotate(180deg)}.lookup-popover{position:absolute;z-index:40;top:calc(100% + 9px);right:0;width:285px;max-height:min(440px,70vh);padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--popover);box-shadow:0 22px 55px rgba(16,35,62,.2);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.lookup-popover>strong{display:block;padding:7px 10px 9px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.lookup-popover>a,.lookup-popover>span{min-height:44px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-radius:9px}.lookup-popover>a:hover{background:var(--blue-soft)}.lookup-popover>span{color:var(--muted)}.lookup-popover small,.mobile-menu .coming-soon small{color:var(--blue);font-size:9px;text-transform:uppercase}.header-tools{display:flex;align-items:center;gap:8px}.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel)}.theme-toggle:hover{border-color:var(--cyan);transform:translateY(-1px)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-menu{display:none;position:relative}.mobile-menu summary{padding:10px 12px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:6px;background:var(--panel);font-size:12px;font-weight:800;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(290px,calc(100vw - 24px));max-height:min(480px,72vh);display:grid;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--popover);box-shadow:0 18px 45px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.mobile-menu a,.mobile-menu nav>span{min-height:43px;padding:10px 12px;border-radius:9px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:13px}.mobile-menu a:hover{background:var(--blue-soft)}.mobile-menu nav>span{color:var(--muted)}.logo{color:var(--ink);text-decoration:none;font-size:26px;font-weight:900;letter-spacing:-.06em}.logo span{color:var(--cyan)}.privacy-pill{padding:9px 14px;border:1px solid #cfe4d2;border-radius:999px;color:#2f6a3b;background:rgba(240,253,244,.85);font-size:13px;font-weight:650}:root[data-theme=dark] .privacy-pill{border-color:#285c44;color:#9addad;background:rgba(23,67,48,.5)}.hero{width:min(1180px,calc(100% - 40px));margin:52px auto 36px;position:relative}.hero:after{content:"01 / CREATE";position:absolute;right:0;bottom:8px;color:var(--line);font-size:clamp(36px,7vw,86px);font-weight:950;letter-spacing:-.07em;z-index:-1}.eyebrow{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.18em}.hero h1{margin:0;max-width:750px;font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.065em}.hero>p:last-child{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.landing-hero{width:min(1480px,calc(100% - 56px));min-height:520px;margin:18px auto 56px;overflow:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:52px}.landing-copy h1{margin:0;font-size:clamp(48px,6vw,76px);line-height:.92;letter-spacing:-.072em}.landing-copy h1 em{color:var(--blue);font-style:normal}.landing-lead{max-width:600px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.landing-actions a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 19px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--panel);text-decoration:none;font-size:13px;font-weight:850}.landing-actions .primary-link{border-color:var(--blue);color:white;background:var(--blue)}.landing-actions .primary-link span{font-size:18px}.landing-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--shadow)}.landing-visual{position:relative;min-height:480px;display:grid;place-items:center;isolation:isolate}.landing-visual:before{content:"";position:absolute;inset:5% 0;border-radius:52% 48% 42% 58%/48% 38% 62% 52%;background:linear-gradient(145deg,rgba(18,168,212,.16),rgba(157,204,50,.18));filter:blur(2px);transform:rotate(-6deg);z-index:-2}.visual-orbit{position:absolute;border:1px solid rgba(23,73,135,.17);border-radius:50%;z-index:-1}.orbit-one{width:500px;height:500px}.orbit-two{width:390px;height:560px;transform:rotate(38deg)}.visual-qr-card{width:min(305px,70%);padding:15px;border:1px solid rgba(204,216,227,.85);border-radius:24px;background:#fff;box-shadow:0 35px 80px rgba(16,35,62,.2);transform:rotate(3deg)}.visual-qr-card img{display:block;width:100%;height:auto;border-radius:14px}.visual-data-card,.visual-tag{position:absolute;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 45px rgba(16,35,62,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.visual-tag{top:48px;right:-8px;padding:11px 14px;border-radius:999px;color:var(--ink);font-size:11px;font-weight:800}.visual-tag i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#44b866;box-shadow:0 0 0 4px rgba(68,184,102,.13)}.visual-data-card{left:-18px;bottom:48px;min-width:210px;padding:16px 18px;border-radius:18px;transform:rotate(-3deg)}.visual-data-card span{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.14em}.visual-data-card strong{display:block;margin:4px 0;color:var(--blue);font-size:31px;letter-spacing:-.05em}.visual-data-card small{color:var(--muted);font-size:10px}.criteria-section,.tool-hero{width:min(1480px,calc(100% - 56px));margin-right:auto;margin-left:auto}.criteria-section{padding:54px 0 68px;border-top:1px solid var(--line)}.landing-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.landing-section-heading .eyebrow{margin-bottom:7px}.landing-section-heading h2{margin:0;font-size:clamp(34px,5vw,55px);letter-spacing:-.055em}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.criteria-grid article{min-height:190px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.criteria-grid b{display:block;color:var(--cyan);font-size:11px;letter-spacing:.12em}.criteria-grid h3{margin:0 0 12px;font-size:21px;letter-spacing:-.03em}.criteria-grid a{display:block;margin-top:16px;color:var(--blue);font-size:14px;font-weight:650;text-underline-offset:4px}.dl-page{width:min(1480px,calc(100% - 56px));margin:0 auto 64px}.dl-notice{display:flex;gap:12px;padding:18px 22px;color:var(--info-ink);background:var(--info-bg);border:1px solid var(--line);border-radius:14px;margin-bottom:24px}.dl-empty svg,.dl-notice svg{flex-shrink:0}.dl-notice p{margin:6px 0 0;line-height:1.6;font-size:14px}.dl-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.dl-panel{min-width:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.dl-page h2{margin:0;font-size:24px;letter-spacing:-.03em;scroll-margin-top:110px}.dl-page h3{font-size:15px;margin:26px 0 12px}.dl-muted{color:var(--muted);font-size:13px;line-height:1.7}.dl-platform{display:flex;padding:4px;gap:4px;background:var(--soft);border-radius:12px;margin:22px 0}.dl-platform button{flex:1 1;padding:11px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;font-weight:700}.dl-platform button[aria-pressed=true]{background:var(--panel);border-color:var(--line);color:var(--ink)}.dl-field{display:grid;gap:8px;margin:18px 0;color:var(--ink);font-size:13px;font-weight:650;min-width:0}.dl-page input:not([type=checkbox]),.dl-page select,.dl-page textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:inherit}.dl-page :is(input,select,textarea,button,a,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.dl-page input::placeholder{color:var(--muted)}.dl-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dl-selected{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.dl-app-list img,.dl-selected img{width:48px;height:48px;border-radius:12px;object-fit:contain;flex-shrink:0;background:white}.dl-selected>div{min-width:0;flex:1 1}.dl-app-list small,.dl-selected small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.dl-status{display:inline-block;color:var(--muted);background:var(--soft);padding:6px 8px;border-radius:6px;font-size:11px;line-height:1.5}.dl-panel>button:disabled{opacity:.65;cursor:not-allowed;width:100%;margin-top:8px}.dl-endpoints{display:grid;gap:8px}.dl-endpoints a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-size:13px}.dl-endpoints a:hover{background:var(--soft)}.dl-endpoints a span:first-child{font-size:11px;font-weight:750;color:var(--blue)}.dl-endpoints a span:last-child{margin-left:auto}.dl-empty{padding:24px;display:flex;gap:12px;align-items:center;background:var(--soft);border-radius:12px;color:var(--muted);font-size:14px;line-height:1.6}.dl-empty p{margin:0}.dl-code-label{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;gap:12px;font-size:12px;color:var(--muted)}.dl-code-label button{padding:6px 10px;color:var(--blue);border:1px solid var(--line);background:var(--panel);border-radius:7px}.dl-code-label button:hover{background:var(--soft)}.dl-page textarea{resize:vertical;font:12px/1.65 ui-monospace,monospace;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.dl-guide{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.dl-guide summary{cursor:pointer;font-weight:700}.dl-guide dl>div{display:grid;grid-template-columns:125px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.dl-guide dt{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.dl-guide dd{margin:0;color:var(--muted)}.dl-directory{margin-top:48px}.dl-directory-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.dl-filters{display:grid;gap:12px;width:min(100%,380px)}.dl-filters label{display:flex;align-items:center;gap:8px;font-size:13px}.dl-filters input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}.dl-app-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.dl-app-list button{display:flex;gap:12px;text-align:left;padding:20px 14px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);align-items:start;min-width:0}.dl-app-list button:hover,.dl-app-list button[aria-pressed=true]{background:var(--soft)}.dl-app-list button>span:first-of-type{flex:1 1;min-width:0;overflow-wrap:anywhere}.dl-app-list strong{font-size:14px}.dl-app-list code{display:block;color:var(--muted);font-size:11px;margin-top:8px}.dl-app-list .dl-status{max-width:none;justify-self:start}.dl-app-card{min-width:0;display:grid;grid-template-rows:1fr auto;gap:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);transition:border-color .18s,background .18s}.dl-app-card[data-selected=true]{border-color:var(--blue);background:var(--blue-soft)}.dl-app-summary{display:flex;align-items:center;gap:12px;min-width:0}.dl-app-summary>div{min-width:0;overflow-wrap:anywhere;display:grid;gap:6px}.dl-app-summary img{width:52px;height:52px;padding:3px;border:1px solid #e8edf2}.dl-app-summary strong{font-size:16px;line-height:1.35}.dl-app-summary .dl-status{padding:0;background:none;font-size:12px;line-height:1.4}.dl-app-summary .dl-status.is-active:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}.dl-app-list .dl-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dl-app-list .dl-card-actions a,.dl-app-list .dl-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--field);font:inherit;font-size:12px;font-weight:650;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s}.dl-app-list .dl-card-actions button[aria-pressed=true]{color:var(--blue)}.dl-app-list .dl-card-actions a:hover,.dl-app-list .dl-card-actions button:hover,.dl-app-list .dl-card-actions button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.dl-app-list .dl-card-actions button:disabled{opacity:.55;cursor:not-allowed}.dl-callback-field small{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.6;color:var(--muted)}.dl-callback-field input:disabled{opacity:.65;cursor:not-allowed}.app-select .app-state.is-active,.dl-status.is-active{color:#147444}:root[data-theme=dark] .app-select .app-state.is-active,:root[data-theme=dark] .dl-status.is-active{color:#69dda0}.dl-status.is-active{background:color-mix(in srgb,#20a35c 12%,var(--paper))}.dl-status.is-inactive{color:#b22b40;background:none}:root[data-theme=dark] .dl-status.is-inactive{color:#ffa5b0}.dl-app-summary .dl-status.is-inactive:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}.app-select .bank-options button:disabled{cursor:not-allowed;background:transparent}.dl-app-list .dl-card-actions button:disabled:hover{background:var(--field);border-color:var(--line)}@media (max-width:1100px){.dl-app-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.dl-workspace{grid-template-columns:1fr}.dl-directory-heading{flex-direction:column}.dl-filters{width:100%}.dl-app-list{grid-template-columns:1fr}}@media (max-width:620px){.dl-page{width:calc(100% - 24px)}.dl-panel{padding:20px 16px}.dl-fields{grid-template-columns:1fr;gap:0}.dl-selected{flex-wrap:wrap}.dl-guide dl>div{grid-template-columns:1fr;gap:4px}}.criteria-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.tool-hero{margin-top:32px;margin-bottom:26px}.tool-hero h1{margin:0;max-width:100%;font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.04em}.tool-hero>p:last-child{max-width:850px;margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.vietqr-hero{position:relative;isolation:isolate;overflow:hidden;padding:34px 38px;border:1px solid #123c70;border-radius:24px;color:#fff;background:var(--blue);box-shadow:0 22px 52px rgba(23,73,135,.2)}.vietqr-hero:after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:7%;top:-96px;border:1px solid rgba(255,255,255,.18);border-radius:34px;transform:rotate(24deg);box-shadow:0 0 0 18px rgba(255,255,255,.04),0 0 0 36px rgba(255,255,255,.035)}.vietqr-hero h1{max-width:720px}.vietqr-hero>p:last-child{color:rgba(255,255,255,.78)}.generator{width:min(1480px,calc(100% - 56px));max-width:100%;margin:0 auto 64px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:24px;align-items:start}.form-block,.form-panel,.generator>*,.preset-grid,.preview-panel,.qr-stage,fieldset{min-width:0}.panel{border:1px solid rgba(204,216,227,.9);border-radius:24px;background:var(--panel);box-shadow:0 24px 65px var(--shadow)}.form-panel{padding:18px}.preview-panel{position:sticky;top:88px;padding:30px;overflow:hidden}.vietqr-generator .form-panel,.vietqr-generator .preview-panel{box-shadow:0 18px 52px rgba(16,35,62,.09)}.vietqr-generator .preview-panel{border-top:3px solid var(--cyan)}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-heading h2{margin:0;font-size:21px;letter-spacing:-.025em}.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}.step{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:white;background:var(--blue);font-size:11px;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-block{padding:20px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--field) 56%,transparent)}.form-block+.form-block{margin-top:14px}.form-block-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.form-block-heading>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:9px;color:white;background:var(--blue);font-size:10px;font-weight:850}.form-block-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}.form-block-heading p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.form-block .bank-field:last-child,.form-block .field-grid:last-child label{margin-bottom:0}.bank-field,.field-grid label,.form-panel>label{position:relative;display:grid;gap:8px;margin-bottom:20px}.color-field>span:first-child,.logo-upload>span,label>span,legend{color:var(--muted);font-size:13px;font-weight:750}input,select{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:none;color:var(--ink);background:var(--field);transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(18,168,212,.12)}input::placeholder{color:#9aabbd}label small{position:absolute;right:4px;bottom:-17px;color:#8898aa;font-size:11px}.bank-select{position:relative}.bank-select-trigger{width:100%;min-height:58px;display:grid;grid-template-columns:68px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--field);text-align:left}.bank-select-trigger:hover,.bank-select-trigger[aria-expanded=true]{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(18,168,212,.1)}.bank-options img,.bank-select-trigger img{width:68px;height:32px;object-fit:contain}.bank-options button>span,.bank-select-trigger>span{min-width:0;display:grid;gap:2px}.bank-options strong,.bank-select-trigger strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.bank-options small,.bank-select-trigger small{position:static;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.bank-select-trigger i{color:var(--muted);font-size:20px;font-style:normal;text-align:center}.bank-mark-fallback{display:grid;width:68px;height:32px;place-items:center;border-radius:7px;color:white;background:var(--blue);font-size:11px;font-weight:850}.bank-select-popover{position:absolute;z-index:20;top:calc(100% + 7px);left:0;width:100%;padding:10px;border:1px solid #cfdae6;border-radius:14px;background:var(--popover);box-shadow:0 22px 50px rgba(16,35,62,.2)}.bank-select-popover>input{height:42px;margin-bottom:8px}.bank-options{max-height:286px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#91a7bc transparent;scrollbar-width:thin}.bank-options::-webkit-scrollbar{width:8px}.bank-options::-webkit-scrollbar-track{background:transparent}.bank-options::-webkit-scrollbar-thumb{border:2px solid var(--popover);border-radius:99px;background:#91a7bc}.bank-options button{width:100%;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:7px 9px;border:0;border-radius:9px;color:var(--ink);background:transparent;text-align:left}.bank-options button:hover{background:var(--blue-soft)}.bank-options button.selected{color:var(--blue);background:var(--blue-soft)}.bank-options em{color:#8a9aab;font-size:10px;font-style:normal}.bank-options>p{padding:20px 10px;color:var(--muted);text-align:center;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recent-payment-field{position:relative;min-width:0;display:grid;align-content:start;gap:8px;margin-bottom:20px}.field-grid .recent-payment-field>label{display:block;margin:0;color:var(--muted);font-size:13px;font-weight:750}.recent-payment-field>input{width:100%;min-width:0}.recent-payment-field>small{color:var(--muted);font-size:10px;text-align:right;line-height:1.4}.recent-payment-menu{position:absolute;z-index:35;top:calc(100% - 16px);left:0;right:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--popover);box-shadow:0 12px 32px var(--shadow)}.recent-payment-heading{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;padding:4px 5px 8px;color:var(--ink);font-size:11px;font-weight:650}.recent-payment-heading span{color:var(--muted);font-size:10px;font-weight:400}.recent-payment-row{display:flex;gap:4px;align-items:center}.recent-payment-row button{border:0;background:transparent;color:var(--ink);border-radius:7px;cursor:pointer}.recent-payment-pick{min-width:0;flex:1 1;padding:10px 8px;text-align:left;overflow-wrap:anywhere;font-size:13px}.recent-payment-remove{flex:0 0 32px;height:32px;font-size:20px}.recent-payment-row button:hover{background:var(--soft)}.recent-payment-row button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.recent-payment-row .recent-payment-remove:hover{color:#cf3d55}.input-suffix{position:relative}.input-suffix input{padding-right:58px}.input-suffix b{position:absolute;top:16px;right:14px;color:var(--muted);font-size:12px}fieldset{min-width:0;margin:8px 0 0;padding:0;border:0}legend{margin-bottom:12px}.preset-block{padding:16px 18px 12px;background:color-mix(in srgb,var(--blue-soft) 72%,var(--panel))}.preset-block .form-block-heading{margin-bottom:14px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{display:grid;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--field);cursor:pointer}.preset.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--blue-soft)}.preset input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.preset strong{font-size:13px}.preset>span:last-child{margin-top:5px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.45}.preset-title{display:flex;align-items:center;gap:8px;color:var(--ink)}.preset-title svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preset:has(input:focus-visible){outline:3px solid rgba(18,168,212,.3);outline-offset:2px}.error,.privacy-note{margin:22px 0 0;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.55}.privacy-note{color:var(--info-ink);background:var(--info-bg)}.error{color:#a51d2d;background:#fff0f1}:root[data-theme=dark] .error{color:#ffb4bc;background:#3b1820}.customize-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px}.color-field,.design-options,.logo-upload{position:relative;display:grid;gap:8px}.color-control{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}.color-control input[type=color]{padding:5px;cursor:pointer}.color-control input:last-child{font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.color-field small,.design-options small,.logo-upload small{color:var(--muted);font-size:10px;line-height:1.4}.design-options{grid-column:1/-1}.design-options>span{color:var(--ink);font-size:14px;font-weight:800}.design-options>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-options button{min-height:58px;display:grid;place-items:center;gap:3px;padding:7px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--field);font-size:10px;font-weight:750;cursor:pointer}.design-options button b{color:var(--blue);font-size:23px;font-weight:500;line-height:1}.design-options button.active,.design-options button:hover{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--blue-soft)}.eye-options-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.eye-options-grid .design-options{grid-column:auto;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--field)}.eye-options>div{grid-template-columns:1fr 1fr}.eye-options button{min-height:52px;background:var(--paper)}.logo-upload>div{min-height:48px;display:flex;align-items:center;gap:8px}.logo-upload img{width:42px;height:42px;padding:3px;border:1px solid var(--line);border-radius:10px;background:white;object-fit:contain}.logo-upload button,.upload-button{min-width:0;min-height:42px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--field);font-size:11px;font-weight:750;cursor:pointer}.upload-button{position:relative;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-upload button:hover,.upload-button:hover{border-color:var(--cyan)}.upload-button input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.qr-stage{position:relative;min-height:460px;display:grid;place-items:center;padding:26px;border-radius:20px;background:linear-gradient(45deg,rgba(23,73,135,.035) 25%,transparent 25%) 0 0 /18px 18px,linear-gradient(-45deg,rgba(23,73,135,.035) 25%,transparent 25%) 0 9px /18px 18px,var(--soft)}.qr-art{width:min(100%,430px);max-width:100%;min-width:0;filter:drop-shadow(0 18px 25px rgba(16,35,62,.14))}.qr-art>svg{display:block;width:100%;height:auto}.scrolling-qr-preview{display:none}.demo-badge{position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;color:#52677f;background:rgba(255,255,255,.9);box-shadow:0 5px 18px rgba(16,35,62,.09);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.empty-preview{text-align:center;color:var(--muted)}.empty-preview>span{display:block;color:#9fb0c3;font-size:70px;line-height:1}.empty-preview strong{display:block;margin-top:12px;color:#52677f}.empty-preview p{margin:6px 0 0;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.actions button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--paper);font-size:12px;font-weight:750}.actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.actions button.primary,.actions button:hover:not(:disabled){border-color:var(--blue)}.actions button.primary{color:white;background:var(--blue)}.actions button:disabled{opacity:.42;cursor:not-allowed}.export-panel{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--field)}.export-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px}.export-controls label{display:grid;gap:6px}.export-controls label>span{color:var(--muted);font-size:10px;font-weight:800}.export-controls select{height:42px;padding:0 32px 0 11px;background:var(--paper);font-size:12px}.export-download{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid var(--blue);border-radius:11px;color:white;background:var(--blue);font-size:12px;font-weight:800}.export-download svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.export-download:disabled{opacity:.42;cursor:not-allowed}.export-panel .actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.invoice-link-builder{display:grid;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.invoice-link-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.invoice-link-heading strong{color:var(--ink);font-size:12px}.invoice-link-builder>p,.invoice-link-heading span{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.invoice-link-controls{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.4fr);align-items:end;gap:8px}.invoice-link-controls label{display:grid;gap:6px}.invoice-link-controls label>span{color:var(--muted);font-size:10px;font-weight:800}.invoice-link-controls select{height:42px;padding:0 28px 0 10px;background:var(--paper);font-size:12px}.invoice-generated-url{margin-top:2px}.invoice-settings{margin-top:8px}.invoice-settings select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--field)}.invoice-settings{grid-template-columns:minmax(0,1.35fr) minmax(160px,.8fr);align-items:start}.invoice-settings>label{display:grid;grid-template-rows:auto 48px auto;gap:8px;min-width:0}.invoice-settings>label>small{position:static;min-height:18px;line-height:1.4}.invoice-settings .payment-heading-input,.invoice-settings select{height:48px;box-sizing:border-box}.invoice-settings>label{margin-bottom:0}.invoice-settings+.privacy-note{margin-top:12px;padding:10px 12px}.icon-options,.typography-controls{margin-bottom:12px}.qr-text-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;gap:12px;margin-bottom:14px;align-items:start}.icon-picker,.qr-text-editor>label{display:grid;gap:8px;min-width:0}.icon-picker>span,.qr-text-editor>label>span{min-height:32px;display:flex;align-items:end}.icon-picker>span{color:var(--muted);font-size:12px}.icon-picker{position:relative}.icon-picker-trigger{height:48px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--blue);cursor:pointer;font-size:24px}.icon-picker-panel{position:absolute;top:94px;right:0;width:min(300px,78vw);z-index:30;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--popover);box-shadow:0 12px 32px var(--shadow)}.icon-picker-panel strong{font-size:13px}.icon-picker-panel p{margin:6px 0 10px;font-size:12px;color:var(--muted)}.icon-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.icon-picker-grid button{display:grid;place-items:center;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);cursor:pointer}.icon-picker-grid button:focus-visible,.icon-picker-grid button:hover{background:var(--blue-soft);border-color:var(--cyan)}.icon-picker-grid svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-picker-message{grid-column:1/-1}@media (max-width:600px){.qr-text-editor{grid-template-columns:minmax(0,1fr) 46px}.qr-text-editor>label{grid-column:1}.icon-picker{grid-column:2;grid-row:1}}.payment-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.qr-share{position:relative;min-width:0}.qr-share-popover{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(300px,78vw);padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--popover);color:var(--ink);box-shadow:0 12px 32px var(--shadow)}.qr-share-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.qr-share-options a,.qr-share-options button{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--field);color:var(--ink);font-family:inherit;font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer}.qr-share-options a:hover,.qr-share-options button:hover{background:var(--blue-soft);color:var(--blue)}.qr-share-popover p{color:var(--muted);font-size:12px;line-height:1.5;margin:10px 0 0}@media (max-width:600px){.qr-share-popover{position:fixed;top:auto;bottom:18px;left:16px;right:16px;width:auto;max-height:65vh;overflow-y:auto}}.payment-heading-field{min-width:0}.payment-heading-input{min-width:0;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--field)}.payment-heading-input>b{flex:0 0 auto;color:var(--cyan);font-size:13px;font-weight:850}.payment-heading-input>input{min-width:0;width:100%;min-height:0;flex:1 1;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px;font-weight:750}.payment-heading-input>input:focus{border:0;box-shadow:none}.payment-heading-field .payment-heading-input>small{position:static;flex:0 0 auto;color:var(--muted);font-size:10px}.payment-heading-field>small{position:static}.integration-builder,.qr-utilities details{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;min-width:0}.integration-builder summary,.qr-utilities summary{cursor:pointer;font-weight:750;font-size:13px}.qr-utilities summary span{float:right;color:var(--muted);font-size:11px}.integration-builder p,.qr-utilities p,.verification-status{color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.qr-utilities button{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:var(--field);color:var(--ink);cursor:pointer;font:inherit;font-size:12px}.qr-utilities button:hover{border-color:var(--cyan)}.qr-utilities button:disabled{opacity:.5;cursor:not-allowed}.utility-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.utility-row input{flex:1 1 150px;min-width:0}.template-list{list-style:none;padding:0;max-height:240px;overflow-y:auto;scrollbar-width:thin}.template-list li{display:flex;gap:6px;margin:6px 0}.template-list li>button:first-child{flex:1 1;min-width:0;text-align:left;overflow-wrap:anywhere}.template-list small{display:block;color:var(--muted);margin-top:4px}.local-file-picker{position:relative;min-width:0;margin:12px 0 0;border:1px dashed var(--line);border-radius:14px;padding:14px;background:var(--field);transition:border-color .15s,background .15s}.local-file-picker.dragging,.local-file-picker:focus-within,.local-file-picker:hover{border-color:var(--cyan);background:var(--info-bg)}.local-file-picker:focus-within{outline:2px solid var(--cyan);outline-offset:3px}.local-file-picker.disabled{opacity:.55}.local-file-picker>input{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden}.local-file-picker>label{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;min-width:0}.file-picker-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:var(--soft);color:var(--cyan)}.file-picker-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.file-picker-content{min-width:0;display:grid;gap:5px}.file-picker-content strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}.file-picker-content>span{color:var(--muted);font-size:10px}.file-picker-content em{font-style:normal;font-size:11px;color:var(--blue);font-weight:650}.file-local-note{display:block;color:var(--muted);font-size:10px;line-height:1.5;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.logo-upload .local-file-picker>label{display:flex}.logo-upload>.local-file-picker{display:block}.qr-design-details .color-field,.qr-design-details .logo-upload{align-content:start}.logo-upload .chosen-logo{display:flex;gap:10px;align-items:center;margin-top:10px}.logo-upload .chosen-logo img{width:38px;height:38px;object-fit:contain;border-radius:8px;background:#fff}.presentation-controls{display:grid;gap:16px;padding-bottom:16px}.design-section-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.design-section-title strong{font-size:13px}.design-section-title span,.presentation-controls>p{font-size:11px;color:var(--muted);line-height:1.65;margin:0}.presentation-controls .field-grid{margin:0;gap:12px}.presentation-controls label{margin:0}.qr-design-details{padding:16px 0;border-top:1px solid var(--line)}.qr-design-details summary{font-size:13px;font-weight:750;cursor:pointer}.qr-design-details summary>span{font-weight:400;font-size:10px;color:var(--muted);margin-left:8px}.qr-design-details .customize-grid{margin-top:18px}.reset-design{width:100%;padding:11px;border-radius:10px;border:1px solid var(--line);background:var(--field);color:var(--muted);font-size:12px;cursor:pointer}.reset-design:hover{color:var(--ink);border-color:var(--cyan)}.background-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.background-options button{min-width:0;padding:7px;border:1px solid var(--line);background:var(--field);border-radius:10px;color:var(--muted);font-size:10px;cursor:pointer}.background-options button[aria-pressed=true]{border-color:var(--cyan);color:var(--ink);box-shadow:0 0 0 1px var(--cyan)}.background-swatch{display:block;height:52px;border-radius:6px;margin-bottom:8px;overflow:hidden;background:#fff}.background-auto{background:repeating-linear-gradient(45deg,#173f7a 0 12px,#12a8d4 12px 24px)}.background-swatch img{width:100%;height:100%;object-fit:cover}.export-controls:has(select[aria-label="Khổ giấy PDF"]){grid-template-columns:1fr 1fr}@media (max-width:560px){.presentation-controls .field-grid{grid-template-columns:1fr}.file-picker-icon{flex-basis:32px;height:32px}.local-file-picker{padding:12px}}.decoded-qr dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:12px}.decoded-qr dt{color:var(--muted)}.decoded-qr dd{margin:0;overflow-wrap:anywhere}.batch-results{max-height:240px;overflow:auto;scrollbar-width:thin;margin:12px 0}.batch-results table{width:100%;border-collapse:collapse;font-size:12px}.batch-results td,.batch-results th{padding:8px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.integration-builder{margin-top:18px;background:var(--field)}.integration-builder label{display:grid;gap:6px;margin-top:12px;font-size:12px}.integration-builder input,.integration-builder select,.integration-builder textarea{width:100%;min-width:0;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.integration-builder textarea{resize:vertical;overflow-wrap:anywhere}.integration-builder .field-grid{gap:12px}.integration-builder .integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:14px}.integration-builder .integration-fields label{margin:0}.integration-builder input,.integration-builder select{padding:9px 10px;min-height:39px}.integration-code{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.integration-tabs{display:flex;gap:3px;padding:6px;background:var(--soft);overflow-x:auto}.integration-tabs button{flex:1 1;min-width:max-content;border:0;border-radius:7px;padding:8px 10px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.integration-tabs button[aria-selected=true]{color:var(--blue);background:var(--panel);box-shadow:0 1px 4px var(--shadow);font-weight:750}.integration-code [role=tabpanel]{padding:0 10px}.payment-api-heading{padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:12px;background:var(--info-bg)}.payment-api-heading>strong{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:16px}.payment-api-heading>strong svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.payment-api-heading p{margin:7px 0 0}.widget-config-help{margin:0 10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:12px;line-height:1.65;overflow:hidden}.widget-config-help summary{display:flex;align-items:center;gap:7px;padding:11px 12px;cursor:pointer;color:var(--ink);background:var(--soft);font-weight:650;list-style:none}.widget-config-help summary::-webkit-details-marker{display:none}.widget-config-help summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.widget-help-chevron{margin-left:auto;transition:transform .15s}.widget-config-help[open] .widget-help-chevron{transform:rotate(180deg)}.widget-config-content{padding:0 12px 8px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#71869d transparent;overflow-wrap:anywhere}.integration-code .embed-code-field{margin:10px 0 12px}.integration-code .embed-code-field:after{display:none}.embed-code-caption{justify-content:space-between;min-height:36px;font-size:12px}.embed-code-caption>span:first-child{min-width:0}.embed-copy-status{flex:0 0 96px;text-align:right;white-space:nowrap;font-size:11px;font-weight:500;color:var(--muted)}.embed-copy-status[data-copied=true]{color:var(--ink)}.widget-config-help dl{margin:0}.widget-config-help dl>div{padding:8px 0;border-bottom:1px solid var(--line)}.widget-config-help dt{color:var(--ink);font-family:ui-monospace,monospace;font-weight:650}.widget-config-help dd{margin:3px 0 0}.widget-config-help code{overflow-wrap:anywhere}.integration-code .api-url textarea{font:12px/1.65 ui-monospace,monospace;height:172px;min-height:172px;max-height:172px;tab-size:2;overflow:auto;resize:none;scrollbar-width:thin;scrollbar-color:#71869d transparent}.integration-code textarea::-webkit-scrollbar{width:7px;height:7px}.integration-code textarea::-webkit-scrollbar-thumb{background:#71869d;border-radius:8px}.api-url.copy-success input[readonly],.api-url.copy-success textarea[readonly]{background:var(--copy-bg);border-color:#45a76c;box-shadow:0 0 0 3px #45a76c20}.api-url.copy-success:after{content:"✓ Đã sao chép"!important}.look-toast{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:16px;padding:13px 18px;border:1px solid #66b38b;border-radius:14px;background:#163c2c;color:#effff5;box-shadow:0 10px 35px #0003;font:14px/1.5 system-ui,sans-serif}.look-toast button{background:transparent;color:inherit;border:0;padding:2px 6px;font-size:20px;cursor:pointer}.integration-actions{display:flex;justify-content:space-between;gap:10px;padding:10px}.integration-builder .invoice-open-link{padding:8px 11px;font-size:12px}.integration-builder p{margin:10px 0}.integration-builder p[role=status]:empty{display:none}@media (max-width:420px){.integration-builder .integration-fields{grid-template-columns:minmax(0,1fr)}}.export-panel .actions{flex-wrap:wrap}.export-result{font-size:12px;color:var(--muted)}.export-result a{color:var(--blue);font-weight:700;text-underline-offset:3px}.payment-heading-field>small{line-height:1.4}.preview-tools{display:flex;align-items:center;gap:12px}.preview-tools>p{margin:0}.panel-heading>.preview-tools{align-items:flex-end;flex-direction:column;gap:8px}.viewport-select{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:750}.viewport-select select{min-height:34px;padding:0 25px 0 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--field);font-size:11px}.invoice-page{min-height:100vh;padding:26px 20px;color:#1c2838;background:#f3f6f8}.invoice-shell{width:min(100%,980px);min-height:calc(100vh - 52px);margin:0 auto;display:flex;flex-direction:column}.invoice-footer,.invoice-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.invoice-header{padding:4px 0 24px;border-bottom:1px solid #dfe5ea}.invoice-wordmark{display:inline-flex;align-items:center;gap:7px;color:#1c2838;text-decoration:none;font-size:19px;font-weight:900;letter-spacing:0}.invoice-wordmark i{padding:4px 6px;border-radius:4px;color:#fff;background:#167d76;font-size:9px;font-style:normal;letter-spacing:.06em}.invoice-secure{display:inline-flex;align-items:center;gap:8px;color:#536275;font-size:12px;font-weight:650}.invoice-secure svg{width:18px;height:18px;fill:none;stroke:#177e77;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.invoice-layout{flex:1 1;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:clamp(34px,7vw,84px);padding:52px 32px 58px}.invoice-expired h1,.invoice-information h1{margin:8px 0 9px;color:#1c2838;font-size:30px;line-height:1.16}.invoice-overline{margin:0;color:#168078;font-size:10px;font-weight:850;letter-spacing:.12em}.invoice-instruction{max-width:410px;margin:0;color:#667486;font-size:13px;line-height:1.65}.invoice-detail-list{margin-top:25px;border-top:1px solid #dce3e9}.invoice-detail{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dce3e9}.invoice-detail>div{min-width:0;display:grid;gap:4px}.invoice-detail>div>span{color:#758294;font-size:10px}.invoice-detail strong{overflow-wrap:anywhere;color:#273548;font-size:13px;font-weight:740}.invoice-detail button{flex:0 0 auto;padding:6px 8px;border:0;border-radius:5px;color:#15776f;background:#e5f3f0;font-size:10px;font-weight:750}.invoice-detail button:hover{background:#d7ece8}.invoice-timer{margin-top:19px;padding:14px 13px;display:flex;align-items:center;gap:11px;border:1px solid #ead9d9;border-radius:7px;background:#fff9f8}.invoice-timer-icon{color:#c9514e;font-size:23px;line-height:1}.invoice-timer>span:nth-child(2){display:grid;gap:2px}.invoice-timer small{color:#76676a;font-size:10px}.invoice-timer strong{color:#bd4240;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.invoice-timer-note{margin-left:auto;color:#806f72;font-size:9px;line-height:1.5;text-align:right}.invoice-qr-side{display:grid;justify-items:center;gap:12px}.invoice-qr-card{width:min(100%,350px);padding:18px 22px 16px;border:1px solid #e0e6eb;border-radius:10px;background:white;box-shadow:0 8px 25px rgba(24,43,59,.07)}.invoice-bank-brand{min-height:32px;display:flex;align-items:center;justify-content:center;gap:9px;color:#344458;font-size:12px;font-weight:800}.invoice-bank-brand img{max-width:80px;max-height:27px;object-fit:contain}.invoice-qr-wrap{position:relative;aspect-ratio:1;margin-top:7px;background:#fff}.invoice-qr-image{display:block;width:100%;height:100%;object-fit:contain}.invoice-scan-line{position:absolute;z-index:1;pointer-events:none}.invoice-qr-caption{margin:10px 0 0;color:#526276;font-size:11px;text-align:center}.invoice-qr-footnote{margin:0;color:#778596;text-align:center}.invoice-footer{padding:16px 0 4px;border-top:1px solid #dfe5ea;color:#7a8795;font-size:10px}.invoice-footer strong{color:#405166}.invoice-footer a{color:#167d76;font-weight:700;text-decoration:none}.invoice-expired{display:grid;place-items:center;padding:24px}.invoice-expired-content{width:min(100%,420px);padding:36px 30px;border:1px solid #e0e6eb;border-radius:10px;background:#fff;text-align:center}.invoice-expired-mark{width:42px;height:42px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:#bd4240;background:#ffefed;font-size:22px;font-weight:800}.invoice-expired h1{font-size:23px}.invoice-expired p{margin:0;color:#667486;font-size:13px;line-height:1.6}.invoice-expired a{min-height:42px;margin-top:22px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:white;background:#167d76;font-size:12px;font-weight:750;text-decoration:none}body:has(.invoice-page) .footer,body:has(.invoice-page) .site-header{display:none}:root[data-theme=dark] .invoice-page{color:#dce6ef;background:#08111e}:root[data-theme=dark] .invoice-footer,:root[data-theme=dark] .invoice-header{border-color:#2d3d50}:root[data-theme=dark] .invoice-expired h1,:root[data-theme=dark] .invoice-information h1,:root[data-theme=dark] .invoice-wordmark{color:#e7eef8}:root[data-theme=dark] .invoice-instruction,:root[data-theme=dark] .invoice-secure{color:#a4b4c6}:root[data-theme=dark] .invoice-detail,:root[data-theme=dark] .invoice-detail-list{border-color:#2d3d50}:root[data-theme=dark] .invoice-detail>div>span,:root[data-theme=dark] .invoice-timer-note{color:#9aabc0}:root[data-theme=dark] .invoice-detail strong{color:#e1eaf4}:root[data-theme=dark] .invoice-timer{border-color:#633536;background:#29191d}:root[data-theme=dark] .invoice-timer small{color:#d5acad}:root[data-theme=dark] .invoice-expired-content,:root[data-theme=dark] .invoice-qr-card{border-color:#304257;background:#111e30}:root[data-theme=dark] .invoice-bank-brand,:root[data-theme=dark] .invoice-footer strong,:root[data-theme=dark] .invoice-qr-caption{color:#dce6ef}:root[data-theme=dark] .invoice-footer,:root[data-theme=dark] .invoice-qr-footnote{color:#9aabc0}:root[data-theme=dark] .invoice-expired p{color:#a4b4c6}.invoice-page{display:grid;place-items:center;padding:24px}.invoice-shell{width:min(100%,850px);min-height:0}.invoice-layout{flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;padding:16px;border:1px solid #e5e9eb;border-radius:22px;background:#fff;box-shadow:0 8px 32px #10233e08}.invoice-information-card{padding:18px 16px 6px;border:1px solid #ececee;border-radius:9px}.invoice-information h2{margin:0 0 4px;font-size:20px;line-height:1.4;color:#323638}.invoice-detail-list{margin-top:0;border:0}.invoice-detail{min-height:74px;padding:12px 0;border-color:#f0f0f1;gap:8px}.invoice-detail:last-child{border:0}.invoice-detail>div{gap:7px}.invoice-detail>div>span{font-size:14px;color:#85898c}.invoice-detail strong{font-size:14px;line-height:1.6;color:#383c3e}.invoice-detail button{align-self:flex-end;margin-bottom:5px;padding:5px 0 5px 8px;font-size:12px;color:#b32a3d;background:transparent}.invoice-detail button:hover{color:#871b2a;background:#fff4f5}.invoice-amount strong{font-size:clamp(22px,3vw,30px);font-weight:650;line-height:1.3}.invoice-qr-side{display:flex;padding:15px;border-radius:17px;background:#bb263b}.invoice-qr-card{width:100%;display:flex;flex-direction:column;align-items:center;padding:44px 26px 18px;border:1px solid #e7c5ca;border-radius:12px;box-shadow:none;background:#fff}.invoice-qr-wrap{--frame-color:#bb263b;flex:0 0 auto;width:100%;max-width:294px;margin:0;padding:8px;border:2px solid transparent;border-radius:0;overflow:hidden}.invoice-qr-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(var(--frame-color),var(--frame-color)) 0 0/24px 2px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 0 0/2px 24px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 100% 0/24px 2px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 100% 0/2px 24px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 0 100%/24px 2px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 0 100%/2px 24px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 100% 100%/24px 2px no-repeat,linear-gradient(var(--frame-color),var(--frame-color)) 100% 100%/2px 24px no-repeat}.invoice-qr-image{border-radius:0}.invoice-scan-line{left:0;right:0;width:auto;height:25%;top:0;background:linear-gradient(to bottom,transparent 0,transparent 12%,color-mix(in srgb,var(--frame-color) 8%,transparent) 40%,color-mix(in srgb,var(--frame-color) 25%,transparent) 80%,color-mix(in srgb,var(--frame-color) 42%,transparent) 100%);border-bottom:4px solid var(--frame-color);animation:invoice-scan 3s linear infinite}.invoice-scan-line:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;box-shadow:0 3px 9px -1px color-mix(in srgb,var(--frame-color) 65%,transparent);pointer-events:none}@keyframes invoice-scan{0%{transform:translateY(-105%);opacity:0}8%{opacity:1}90%{opacity:1}to{transform:translateY(400%);opacity:0}}.invoice-qr-caption{max-width:280px;margin:12px 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650;line-height:1.45;color:#344458}.invoice-qr-caption svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#bb263b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.invoice-download{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border:1px solid #a5a9ab;border-radius:9px;color:#42494d;text-decoration:none;font-size:14px;font-weight:600;background:white}.invoice-download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.invoice-download{min-width:144px;justify-content:center;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}.invoice-download:hover{background:#fff1f3;color:#b32a3d;border-color:#bb263b;box-shadow:0 3px 12px #bb263b18}.invoice-download.is-downloaded{background:#e9f9ef;color:#216b40;border-color:#65b987}.invoice-detail button{display:inline-flex;align-items:center;gap:5px;min-width:88px;justify-content:flex-end}.invoice-detail button svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}.invoice-qr-footnote{width:100%;margin:14px 0 0;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid #f0c8cd;border-radius:9px;background:#fff5f5;font-size:10px;line-height:1.5;color:#68434a;text-align:left}.invoice-qr-footnote svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#bb263b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.invoice-qr-footnote span{display:grid;gap:2px}.invoice-qr-footnote strong{color:#9d2639;font-size:10px}.invoice-footer{border:0;padding:16px 8px 0}.invoice-footer a{display:inline-flex;align-items:center;gap:5px}.invoice-footer a svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.invoice-preview{width:100%;container-type:inline-size}.invoice-preview,.invoice-preview .invoice-information,.invoice-preview .invoice-layout,.invoice-preview .invoice-qr-card,.invoice-preview .invoice-qr-side,.invoice-preview .invoice-shell{min-width:0;max-width:100%;box-sizing:border-box}.invoice-preview .invoice-shell{width:100%}.invoice-preview .invoice-layout{width:100%;grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.invoice-preview .invoice-information h2{font-size:17px}.invoice-preview .invoice-qr-card{padding-top:22px}.invoice-preview .invoice-qr-side{order:0}.invoice-preview.viewport-desktop .invoice-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:10px;padding:10px}.invoice-preview.viewport-desktop .invoice-qr-side{order:0;padding:10px}.invoice-preview.viewport-desktop .invoice-qr-card{padding:18px 10px 12px}.invoice-preview.viewport-tablet{width:100%;max-width:600px;margin:0 auto}.invoice-preview.viewport-tablet .invoice-layout{grid-template-columns:minmax(0,1fr)}.invoice-preview.viewport-mobile{width:min(100%,380px);max-width:380px;margin:0 auto}.invoice-preview.viewport-mobile .invoice-layout{grid-template-columns:minmax(0,1fr);padding:10px}.invoice-preview.viewport-mobile .invoice-information-card{padding:15px 13px 5px}.invoice-preview.viewport-mobile .invoice-detail{min-height:0;padding:12px 0}.invoice-preview.viewport-mobile .invoice-qr-side{padding:10px}.invoice-preview.viewport-mobile .invoice-qr-card{padding:20px 12px 14px}.payment-stage{min-height:0;justify-content:center;overflow:visible;padding:10px;background:transparent}.api-url textarea{width:100%;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:12px;font:12px/1.6 ui-monospace,monospace}.api-url textarea,.invoice-open-link{background:var(--field);color:var(--ink)}.invoice-open-link{width:fit-content;min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:750;text-decoration:none;transition:border-color .15s ease,background .15s ease}.invoice-open-link:hover{border-color:var(--cyan);background:var(--blue-soft)}.invoice-open-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dynamic-api-block{display:grid;gap:9px;margin-top:5px;padding:14px;background:var(--field)}.dynamic-api-block,.payment-subsection{border:1px solid var(--line);border-radius:12px}.payment-subsection{min-width:0;background:var(--panel);overflow:hidden}.payment-subsection>summary{display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;list-style:none}.payment-subsection>summary::-webkit-details-marker{display:none}.payment-subsection>summary>svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:var(--blue);stroke-width:1.8}.payment-subsection>summary>span{min-width:0;flex:1 1}.payment-subsection>summary small,.payment-subsection>summary strong{display:block}.payment-subsection>summary strong{color:var(--ink);font-size:13px}.payment-subsection>summary small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.payment-subsection>summary>b{color:var(--muted);font-size:16px;font-weight:500;transition:transform .2s}.payment-subsection[open]>summary>b{transform:rotate(180deg)}.payment-subsection-body{display:grid;gap:9px;padding:0 14px 14px}.payment-subsection-body>.api-url{margin-top:2px}.dynamic-api-block>div>strong{color:var(--ink);font-size:13px}.dynamic-api-block>div>p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.dynamic-api-block code{color:var(--cyan);font:600 10px/1.4 ui-monospace,monospace}.dynamic-api-note{color:var(--muted);font-size:10px;line-height:1.5}:root[data-theme=dark] .invoice-information-card,:root[data-theme=dark] .invoice-layout{background:#111e30;border-color:#304257}:root[data-theme=dark] .invoice-information h2{color:#e7eef8}:root[data-theme=dark] .invoice-qr-card{background:#fff;border-color:#e7c5ca}:root[data-theme=dark] .invoice-qr-caption{color:#344458}:root[data-theme=dark] .invoice-qr-footnote{color:#68434a;border-color:#f0c8cd;background:#fff5f5}:root[data-theme=dark] .invoice-qr-footnote strong{color:#9d2639}.invoice-amount>div{flex:1 1;min-width:0}.invoice-detail.invoice-amount{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}.invoice-amount>div{flex-basis:100%}.invoice-amount button{min-width:72px;min-height:32px;margin:0;padding:6px 0;justify-content:center}.invoice-detail button.amount-eye{border:0;border-radius:5px}.invoice-detail button.amount-eye svg{width:15px;height:15px;stroke-linecap:round;stroke-linejoin:round}.invoice-detail button.amount-eye{gap:5px}.invoice-detail button.amount-eye span{font:inherit}.invoice-detail .bank-info-trigger{display:inline-flex;align-items:center;gap:5px;width:auto;min-width:74px;height:30px;padding:5px 8px;margin:0;border:1px solid #167d76;border-radius:7px;background:transparent;color:#167d76;font-weight:750}.bank-info-trigger span:first-child{font-size:15px;line-height:1}.bank-info-modal{width:min(560px,calc(100% - 28px));max-height:min(620px,calc(100dvh - 32px));margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);box-shadow:0 24px 80px #0005}.bank-info-modal::backdrop{background:#07111fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bank-info-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.bank-info-modal header span{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.12em}.bank-info-modal header h3{margin:5px 0 0;color:var(--ink)}.bank-info-modal header button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--ink);font-size:23px;line-height:1;cursor:pointer}.bank-info-modal-body{display:grid;grid-template-columns:112px 1fr;gap:20px;max-height:calc(100dvh - 140px);padding:22px 24px 26px;overflow-y:auto;scrollbar-width:thin}.bank-info-modal-body>img{width:112px;height:112px;object-fit:contain;align-self:start}.bank-info-copy-grid{display:grid;gap:14px;min-width:0}.bank-modal-field{display:grid;gap:6px;min-width:0}.bank-modal-field>span{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:700}.bank-modal-field small{color:var(--blue);font-size:10px}.bank-modal-field input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:650 13px/1.4 inherit;cursor:copy}.bank-modal-field input:focus,.bank-modal-field input:hover{border-color:var(--blue);background:var(--blue-soft);outline:0}@media (max-width:520px){.bank-info-modal-body{grid-template-columns:1fr}.bank-info-modal-body>img{width:86px;height:86px;justify-self:center}}@media print{.invoice-scan-line{display:none}}.code-fields{display:grid;gap:12px;margin-top:18px}.integration-heading{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--blue-soft)}.integration-heading span{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.14em}.integration-heading strong{display:block;margin-top:5px;font-size:16px;letter-spacing:-.02em}.integration-heading p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.api-url{position:relative;display:grid;gap:8px}.api-url>span{display:flex;align-items:center;gap:6px}.api-url>span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.api-url input{width:100%;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:none;color:var(--ink);background:var(--field);font:11px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:copy}.api-url input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(18,168,212,.1)}.api-url small{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:6px;color:#256238;background:#def7e5}:root[data-theme=dark] .api-url small{color:#b9f6ca;background:#1e5030}.api-url:has(input[readonly],textarea[readonly]),.copy-control{--copy-bg:#e9f9ef;--copy-ink:#216b40}:root[data-theme=dark] .api-url,:root[data-theme=dark] .copy-control{--copy-bg:#163c2c;--copy-ink:#b9f6ca}.api-url input[readonly],.api-url textarea[readonly],.copy-control input[readonly]{cursor:copy;transition:background-color .16s,border-color .16s}.api-url.copy-success:after,.api-url:has(input:hover,textarea:hover,input:focus-visible,textarea:focus-visible):after,.copy-control:focus-within:after,.copy-control:hover:after{content:"Click để copy";position:absolute;right:8px;bottom:6px;padding:3px 7px;border-radius:5px;background:var(--copy-bg);color:var(--copy-ink);font:11px/1.4 system-ui,sans-serif;pointer-events:none}.api-url:has(small):after{display:none}.copy-control:focus-within:after,.copy-control:hover:after{right:46px;bottom:13px}.api-url input[readonly]:focus-visible,.api-url input[readonly]:hover,.api-url textarea[readonly]:focus-visible,.api-url textarea[readonly]:hover,.copy-control:focus-within input[readonly],.copy-control:hover input[readonly]{background:var(--copy-bg);border-color:#84cba0}.bankinfo-section{width:min(1480px,calc(100% - 56px));margin:0 auto 72px;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2{margin:0;font-size:26px;letter-spacing:-.035em}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-heading>span{color:var(--muted);font-size:12px}.scroll-top-button{position:fixed;right:14px;bottom:14px;z-index:100;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--panel);box-shadow:0 8px 24px var(--shadow);animation:scroll-top-in .18s ease-out both}.scroll-top-button:hover{border-color:var(--cyan);color:var(--blue);background:var(--blue-soft)}.scroll-top-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@keyframes scroll-top-in{0%{opacity:0;transform:translateY(5px)}}.bankinfo-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:24px;align-items:start}.bankinfo-api,.bankinfo-lookup{padding:28px}.bankinfo-lookup>.bank-field{margin-bottom:26px}.bankinfo-logo{display:flex;align-items:center;gap:18px;margin:0 0 24px;min-width:0}.bankinfo-logo img{width:160px;height:80px;flex:0 0 160px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}.bankinfo-logo span{min-width:0;overflow-wrap:anywhere;font-weight:600}.bankinfo-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.copy-field{position:relative;display:grid;gap:7px}.copy-control{position:relative;display:block}.copy-control input{padding-right:45px;cursor:copy}.copy-control button{position:absolute;top:5px;right:5px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;color:var(--muted);background:transparent}.copy-control button:hover{color:var(--blue);background:var(--blue-soft)}.copy-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-field>small{position:absolute;right:48px;bottom:14px;color:#2d7a43;font-size:10px}.bankinfo-section .bank-copy-field:after,.bankinfo-section .copy-control:after{display:none}.bankinfo-section .bank-copy-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}.bank-copy-status{flex:0 0 94px;text-align:right;color:var(--muted);font-size:11px;font-weight:500;line-height:18px;white-space:nowrap}.bank-copy-status[data-copied=true],.bankinfo-section .copy-control button[data-copied=true]{color:#216b40}:root[data-theme=dark] .bank-copy-status[data-copied=true],:root[data-theme=dark] .bankinfo-section .copy-control button[data-copied=true]{color:#b9f6ca}.api-heading{margin-bottom:22px}.api-heading>span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.12em}.api-heading h3{margin:7px 0 0;font-size:22px;letter-spacing:-.025em}.api-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.bankinfo-api>.api-url{margin-top:14px}.bankinfo-api pre{max-height:360px;margin:20px 0 0;padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--field);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;scrollbar-width:thin}.account-lookup-section{width:min(1480px,calc(100% - 56px));margin:0 auto 72px}.account-lookup-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:24px;align-items:start}.account-lookup-form,.account-results{padding:30px}.account-number-field{display:grid;gap:8px;margin-top:22px}.lookup-submit{margin-top:24px;border:0;border-radius:12px;color:white;background:var(--blue);font-weight:800}.lookup-submit:disabled{opacity:.48;cursor:not-allowed}.account-result-card button svg,.lookup-empty svg,.lookup-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lookup-privacy{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.turnstile-box{min-height:65px;margin-top:20px;overflow:hidden}.result-heading>span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.12em}.result-heading h2{margin:7px 0 0;font-size:24px;letter-spacing:-.035em}.result-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.lookup-empty{min-height:310px;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--muted);text-align:center}.lookup-empty>svg{width:44px;height:44px;color:#91a7bc}.lookup-empty p{margin:0;font-size:12px}.lookup-spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:lookup-spin .75s linear infinite}@keyframes lookup-spin{to{transform:rotate(1turn)}}.account-result-list{max-height:560px;display:grid;gap:12px;margin-top:22px;padding-right:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#71869d transparent}.account-result-list::-webkit-scrollbar{width:8px}.account-result-list::-webkit-scrollbar-track{background:transparent}.account-result-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#71869d;background-clip:padding-box}.account-result-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--field)}.account-result-card header{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px}.account-result-card header>img{width:84px;height:42px;object-fit:contain}.account-result-card header>span{display:grid;width:84px;height:42px;place-items:center;border-radius:9px;color:white;background:var(--blue);font-size:11px;font-weight:800}.account-result-card header div{min-width:0;display:grid;gap:4px}.account-result-card header small{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em}.account-result-card header strong{overflow:hidden;text-overflow:ellipsis;font-size:17px;white-space:nowrap}.result-bank-name{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.account-result-card dl{margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-result-card dl>div{padding:10px 12px;border-radius:10px;background:var(--blue-soft)}.account-result-card dt{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.account-result-card dd{margin:4px 0 0;color:var(--ink);font-size:13px;font-weight:750}.account-result-card>button{min-height:38px;margin-top:12px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper);font-size:11px;font-weight:750}.account-result-card>button:hover{border-color:var(--cyan)}.rates-section{width:min(1480px,calc(100% - 56px));margin:0 auto 72px}.rates-layout{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.48fr);gap:24px;align-items:start}.rate-converter,.rates-panel{padding:28px}.rate-converter>label{display:grid;gap:8px;margin-top:24px}.converter-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:10px;margin-top:16px}.converter-row label{display:grid;gap:8px}.converter-target{margin-top:0}.converter-target output{min-width:0;height:48px;display:flex;align-items:center;padding:0 14px;overflow:hidden;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--field);text-overflow:ellipsis;white-space:nowrap;font-weight:750}.swap-currencies{min-height:34px;margin:8px 0 0;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:var(--blue);background:var(--blue-soft);font-size:10px;font-weight:800}.swap-currencies:hover{border-color:var(--cyan)}.swap-currencies svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.conversion-result{margin-top:22px;padding:20px;border:1px solid rgba(18,168,212,.25);border-radius:16px;background:linear-gradient(145deg,var(--blue-soft),var(--field))}.conversion-result small{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em}.conversion-result strong{display:block;margin-top:9px;overflow-wrap:anywhere;color:var(--blue);font-size:clamp(25px,3vw,36px);line-height:1.05;letter-spacing:-.045em}.conversion-result span{display:block;margin-top:9px;color:var(--muted);font-size:11px}.rates-toolbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px}.rate-tabs{display:flex;gap:7px}.rate-tabs button,.refresh-rates{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--field);font-size:12px;font-weight:800}.rate-tabs button.active{border-color:var(--blue);color:white;background:var(--blue)}.rate-meta label svg,.rate-tabs svg,.refresh-rates svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refresh-rates:disabled{opacity:.55;cursor:wait}.rate-meta{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.rate-meta>div{min-width:0}.rate-meta span,.rate-meta strong{display:block}.rate-meta strong{font-size:14px}.rate-meta span{margin-top:3px;color:var(--muted);font-size:10px}.rate-meta label{position:relative;width:min(230px,44%)}.rate-meta label svg{position:absolute;z-index:1;top:14px;left:13px;color:var(--muted)}.rate-meta input{height:44px;padding-left:39px}.rates-table-wrap{max-height:500px;margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:auto;scrollbar-width:thin;scrollbar-color:#71869d transparent}.rates-table{width:100%;min-width:630px;border-collapse:collapse;font-size:12px}.rates-table th{position:sticky;z-index:2;top:0;padding:12px 14px;color:var(--muted);background:var(--soft);text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.rates-table td:first-child,.rates-table th:first-child{text-align:left}.rates-table td{padding:13px 14px;border-top:1px solid var(--line);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rates-table tbody tr:hover{background:var(--blue-soft)}.rates-table td small,.rates-table td strong{display:block}.rates-table td strong{color:var(--ink);font-size:13px}.rates-table td small{max-width:320px;margin-top:3px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.gold-table{min-width:560px}.empty-row{margin:0;padding:32px;color:var(--muted);text-align:center;font-size:12px}.rate-sources{margin-top:14px;color:var(--muted);font-size:10px}.rate-sources a{color:var(--blue);font-weight:750}.footer{width:min(1480px,calc(100% - 56px));margin:0 auto;padding:28px 0 46px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.5}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-brand{max-width:520px}.footer-brand strong{color:var(--ink);font-size:22px;letter-spacing:-.05em}.footer-brand strong i{color:var(--cyan);font-style:normal}.footer-brand p{margin:10px 0 0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 16px}.footer a{color:var(--ink);text-decoration:none;font-weight:700}.footer a:hover{color:var(--blue)}.footer-links a{gap:6px}.footer-links a,.legal-triggers{display:inline-flex;align-items:center}.legal-triggers{gap:16px}.legal-triggers button{padding:0;border:0;color:var(--ink);background:transparent;font-size:inherit;font-weight:700}.legal-triggers button:hover{color:var(--blue)}.footer-links svg{width:17px;height:17px;fill:currentColor}.footer-links a:last-child svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-bottom{margin-top:26px;padding-top:20px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:20px}.heart{display:inline-block;color:#ef3340;animation:heartbeat 1.15s ease-in-out infinite}@keyframes heartbeat{0%,45%,to{transform:scale(1)}12%,30%{transform:scale(1.25)}}.legal-modal{width:min(680px,calc(100% - 32px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:var(--paper);box-shadow:0 28px 90px rgba(0,0,0,.3);overflow:hidden}.legal-modal[open]{animation:modal-in .18s ease-out}.legal-modal::backdrop{background:rgba(4,13,25,.68);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.legal-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px 20px;border-bottom:1px solid var(--line)}.legal-modal header>div>span{display:block;margin-bottom:5px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.12em}.legal-modal h2{margin:0;font-size:clamp(25px,5vw,34px);letter-spacing:-.045em}.legal-modal header button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--field)}.legal-modal header button:hover{border-color:var(--cyan)}.legal-modal header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.legal-modal-body{max-height:min(520px,calc(100dvh - 210px));padding:4px 28px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.legal-modal-body h3{margin:24px 0 7px;color:var(--ink);font-size:15px}.legal-modal-body p{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.72}.legal-modal-footer{display:flex;justify-content:flex-end;padding:16px 28px 22px;border-top:1px solid var(--line)}.legal-modal-footer button{min-height:42px;padding:0 18px;border:0;border-radius:11px;color:white;background:var(--blue);font-size:13px;font-weight:800}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media (max-width:1100px){.account-lookup-grid,.bankinfo-grid,.generator,.rates-layout{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}.scrolling-qr-preview{position:fixed;top:max(104px,calc(env(safe-area-inset-top) + 92px));right:14px;z-index:80;width:clamp(240px,31vw,340px);display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px 10px;padding:12px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 16px 42px rgba(10,25,44,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scrolling-qr-image,.scrolling-qr-placeholder{grid-column:1/-1;width:100%;height:clamp(130px,18vw,180px);object-fit:contain;border:1px solid var(--line);border-radius:11px;background:white}.scrolling-qr-placeholder{display:grid;place-items:center;color:#62758a;font-size:11px;font-weight:800}.mini-payment-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,38%);align-items:center;gap:10px;min-height:138px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.mini-payment-details{min-width:0;display:grid;gap:7px}.mini-payment-details strong{color:var(--ink);font-size:12px}.mini-payment-details span,.mini-payment-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-payment-details span{color:var(--muted);font-size:10px}.mini-payment-details b{color:var(--ink);font-size:14px}.mini-payment-qr{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px dashed #ef7777;border-radius:9px;background:#fff}.mini-payment-qr img{display:block;width:100%;height:100%;object-fit:contain}.mini-payment-scan{position:absolute;top:-2px;left:0;width:100%;height:20%;border-bottom:2px solid #e34242;background:linear-gradient(180deg,transparent,rgba(239,70,70,.24));animation:invoice-scan 3s linear infinite;pointer-events:none}.scrolling-qr-copy{min-width:0;display:grid;gap:4px}.scrolling-qr-copy strong{color:var(--ink);font-size:13px}.scrolling-qr-copy span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.scrolling-qr-collapse{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--field)}.scrolling-qr-collapse svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scrolling-qr-open{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:5px;padding:2px 0 0;border:0;color:var(--blue);background:transparent;font-size:11px;font-weight:800}.scrolling-qr-open svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scrolling-qr-preview.is-collapsed{width:min(62vw,280px);grid-template-columns:46px minmax(0,1fr) 32px;gap:8px;padding:7px;border-radius:13px}.scrolling-qr-preview.is-collapsed>.scrolling-qr-image,.scrolling-qr-preview.is-collapsed>.scrolling-qr-placeholder,.scrolling-qr-preview.is-collapsed>img{grid-column:auto;width:46px;height:46px;border-radius:8px}.scrolling-qr-preview.is-collapsed .scrolling-qr-copy strong{font-size:11px}.scrolling-qr-preview.is-collapsed .scrolling-qr-copy span{display:block;font-size:10px}.preview-panel{scroll-margin-top:112px}.hero{margin-top:26px}.desktop-nav{display:none}.mobile-menu{display:block}.privacy-pill{display:none}.landing-hero{min-height:auto;grid-template-columns:1fr;gap:30px;margin-top:36px}.landing-visual{min-height:540px}.criteria-grid{grid-template-columns:1fr 1fr}.invoice-layout{gap:14px;padding:14px}.invoice-qr-card{padding-inline:17px}}@media (max-width:620px){.account-lookup-section,.bankinfo-section,.footer,.generator,.rates-section,.tool-hero{width:min(100% - 24px,1480px)}.criteria-section,.hero,.landing-hero{width:min(100% - 24px,1180px)}.hero h1{font-size:46px}.hero>p:last-child{font-size:16px}.generator{width:min(100% - 24px,1180px);gap:14px}.vietqr-hero{padding:26px 22px;border-radius:18px}.vietqr-hero:after{right:-62px;top:-78px;width:150px;height:150px}.panel{border-radius:18px}.form-panel{padding:10px}.preview-panel{padding:20px}.site-header{padding:16px 12px}.scrolling-qr-preview{top:max(84px,calc(env(safe-area-inset-top) + 76px));right:8px;width:min(49vw,230px);gap:7px 8px;padding:8px;border-radius:14px}.scrolling-qr-image,.scrolling-qr-placeholder{height:clamp(112px,36vw,150px)}.mini-payment-preview{grid-template-columns:minmax(0,1fr) minmax(66px,40%);gap:7px;min-height:110px;padding:7px}.mini-payment-details{gap:5px}.mini-payment-details strong{font-size:11px}.mini-payment-details span{font-size:9px}.mini-payment-details b,.scrolling-qr-copy strong{font-size:12px}.scrolling-qr-copy span{font-size:10px}.scrolling-qr-open{min-height:34px;font-size:11px}.form-block{padding:16px}.customize-grid,.field-grid,.preset-grid{grid-template-columns:1fr;gap:8px}.design-options{grid-column:auto}.eye-options-grid{grid-column:auto;grid-template-columns:1fr}.export-controls{grid-template-columns:1fr 1fr}.export-download{grid-column:1/-1}.bank-select-trigger{grid-template-columns:54px minmax(0,1fr) 20px}.bank-mark-fallback,.bank-options img,.bank-select-trigger img{width:54px}.bank-options button{grid-template-columns:54px minmax(0,1fr)}.bank-options em{display:none}.panel-heading{display:block}.panel-heading>.preview-tools{align-items:flex-start;margin:8px 0 0 46px}.panel-heading>p{margin:8px 0 0 46px}.qr-stage{min-height:330px;padding:14px}.payment-stage{min-height:0;padding:10px}.invoice-preview.viewport-desktop .invoice-layout,.invoice-settings{grid-template-columns:minmax(0,1fr)}.footer-bottom,.footer-main{display:grid}.footer-links{justify-content:flex-start}.section-heading{align-items:flex-start}.section-heading>span{display:none}.account-lookup-form,.account-results,.bankinfo-api,.bankinfo-lookup,.rate-converter,.rates-panel{padding:20px}.rate-meta,.rates-toolbar{align-items:stretch;flex-direction:column}.rate-meta label{width:100%}.refresh-rates{justify-content:center}.rates-table-wrap{max-height:440px}.turnstile-box{width:100%}.account-result-list{max-height:480px}.bankinfo-fields{grid-template-columns:1fr}.hero:after{display:none}.legal-modal{width:calc(100% - 20px);border-radius:19px}.legal-modal>header{padding:20px 20px 16px}.legal-modal-body{padding:2px 20px 20px}.legal-modal-footer{padding:14px 20px 18px}.landing-hero{margin-bottom:70px}.landing-copy h1{font-size:49px}.landing-lead{font-size:16px}.landing-actions{display:grid}.landing-visual{min-height:430px}.visual-qr-card{width:74%;padding:12px;border-radius:20px}.visual-tag{top:24px;right:0}.visual-data-card{left:0;bottom:22px;min-width:190px;padding:14px 16px}.orbit-one{width:92vw;height:92vw}.orbit-two{width:70vw;height:104vw}.criteria-section{padding:58px 0 64px}.landing-section-heading{display:block}.criteria-grid{grid-template-columns:1fr}.criteria-grid article{min-height:200px}.criteria-grid h3{margin-top:54px}.tool-hero{margin-top:30px}.tool-hero h1{font-size:30px}.invoice-page{padding:16px 14px}.invoice-shell{min-height:0}.invoice-footer,.invoice-header{flex-wrap:wrap}.invoice-header{padding-bottom:16px}.invoice-footer>*,.invoice-header>*{min-width:0}.invoice-secure{white-space:nowrap}.invoice-footer a{max-width:55%;overflow-wrap:anywhere;text-align:right}.invoice-layout{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.invoice-information h1{font-size:27px}.invoice-instruction{font-size:12px}.invoice-detail-list{margin-top:0}.invoice-detail{min-height:54px}.invoice-qr-side{order:0}.invoice-qr-card{width:100%;padding-top:26px}.invoice-qr-footnote{max-width:300px}.invoice-secure{font-size:10px}.invoice-link-heading{align-items:flex-start;flex-direction:column;gap:4px}.invoice-link-controls{grid-template-columns:1fr}}.payment-stage{display:block}.payment-api-access{min-width:0;margin-top:20px;border:1px solid var(--line);border-radius:16px;background:var(--field)}.payment-api-access>summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none}.payment-api-access>summary::-webkit-details-marker{display:none}.payment-api-access summary small,.payment-api-access summary strong{display:block}.payment-api-access summary strong{font-size:14px;color:var(--ink)}.payment-api-access summary small{margin-top:4px;font-size:11px;color:var(--muted)}.api-access-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue-soft);color:var(--blue)}.api-access-chevron{margin-left:auto;transition:transform .2s}.payment-api-access[open] .api-access-chevron{transform:rotate(180deg)}.api-access-body{display:grid;gap:16px;min-width:0;padding:0 16px 16px}.api-access-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.api-access-modes button{text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}.api-access-modes button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.api-access-modes strong{display:block;font-size:12px}.api-access-modes span{display:block;margin-top:5px;font-size:10px;color:var(--muted);line-height:1.5}.api-access-body label{display:grid;gap:7px;min-width:0;font-size:12px}.api-access-body input,.api-access-body textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--panel);color:var(--ink);font-size:12px}.api-access-body p,.api-access-body small{color:var(--muted);font-size:11px;line-height:1.65;overflow-wrap:anywhere}.api-access-dns,.api-access-docs,.api-access-result{min-width:0;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.api-access-body p{margin:0}.api-access-result>strong{color:var(--blue);overflow-wrap:anywhere;font-size:13px}.api-access-actions,.api-access-tabs{display:flex;flex-wrap:wrap;gap:8px}.api-access-actions button,.api-access-tabs button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--panel);font-size:11px}.api-access-tabs button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.api-access-body textarea{resize:vertical;min-height:190px;max-height:340px;overflow:auto;scrollbar-width:thin;font:11px/1.65 ui-monospace,monospace;cursor:copy}.api-access-body button:disabled{opacity:.55;cursor:wait}.integration-copy-field{display:grid;gap:7px;min-width:0}.integration-copy-control{position:relative;display:block;min-width:0;--copy-bg:#e9f9ef;--copy-ink:#216b40}:root[data-theme=dark] .integration-copy-control{--copy-bg:#163c2c;--copy-ink:#b9f6ca}.api-access-body .integration-copy-control input{cursor:copy;padding-right:114px;transition:background .16s,border-color .16s}.api-access-body .integration-copy-control.has-eye input{padding-right:150px}.integration-copy-control:focus-within input,.integration-copy-control:hover input{background:var(--copy-bg);border-color:#84cba0}.integration-copy-feedback{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--copy-ink);font-size:10px;pointer-events:none;opacity:0;white-space:nowrap}.has-eye .integration-copy-feedback{right:48px}.integration-copy-control:focus-within .integration-copy-feedback,.integration-copy-control:hover .integration-copy-feedback,.integration-copy-control[data-copied=true] .integration-copy-feedback{opacity:1}.integration-key-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted)}.integration-key-eye:hover{background:var(--blue-soft);color:var(--blue)}.integration-key-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.api-access-body .primary{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:12px;background:var(--blue);color:var(--canvas);font-size:13px;font-weight:750;box-shadow:0 5px 14px var(--shadow);transition:filter .16s,transform .16s}.api-access-body .primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.api-access-actions button:hover,.api-access-tabs button:hover{border-color:var(--blue);background:var(--blue-soft)}.api-access-body button:focus-visible,.payment-api-access>summary:focus-visible,.payment-subsection>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.api-access-body .primary:disabled{cursor:not-allowed;box-shadow:none}@media (max-width:420px){.api-access-modes{grid-template-columns:minmax(0,1fr)}.api-access-body{padding:0 12px 12px}}.payment-stage:has(.demo-badge){padding-top:44px}.payment-preview-frame{position:relative;width:100%;min-width:0}.payment-preview-canvas{position:absolute;top:0;left:50%;transform-origin:top center}.payment-preview-canvas .invoice-preview{width:100%;max-width:none}.payment-preview-canvas .invoice-title{margin:0 0 18px;font-size:28px;line-height:1.25;overflow-wrap:anywhere}.payment-preview-canvas .invoice-layout{align-items:stretch;gap:16px;padding:16px}.payment-preview-canvas .viewport-desktop .invoice-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.payment-preview-canvas .invoice-information h2{font-size:20px}.payment-preview-canvas .invoice-detail{min-height:74px;padding:12px 0}.payment-preview-canvas .invoice-amount strong{font-size:28px}.payment-preview-canvas .invoice-qr-side{padding:15px}.payment-preview-canvas .invoice-qr-card{padding:30px 20px 18px}.payment-preview-canvas .viewport-mobile .invoice-layout{padding:10px;gap:12px}.payment-preview-canvas .viewport-mobile .invoice-detail{min-height:62px}.payment-preview-canvas .viewport-mobile .invoice-qr-side{padding:10px}.payment-preview-canvas .viewport-mobile .invoice-qr-card{padding:20px 12px 14px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.lookup-spinner{animation:lookup-spin .75s linear infinite!important}.invoice-scan-line{animation:invoice-scan 6s linear infinite!important}}.dl-platform button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.dl-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.dl-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex:1 1 175px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font:inherit;font-weight:650;cursor:pointer}.dl-actions button.qs-button{background:var(--ink);color:var(--paper)}.dl-actions button:disabled{opacity:.5;cursor:not-allowed}.dl-code-label button,.dl-qr-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.touch-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.touch-switch small,.touch-switch strong{display:block}.touch-switch small{color:var(--muted);margin-top:4px;font-size:12px}.touch-switch i{flex:0 0 44px;height:26px;border-radius:16px;background:var(--muted);padding:3px;transition:background .18s}.touch-switch i:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:white;transition:transform .18s}.touch-switch[aria-checked=true] i{background:#16885e}.touch-switch[aria-checked=true] i:after{transform:translateX(18px)}.app-state{color:#b22b40;font-size:11px;white-space:nowrap}.app-state:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}.app-select .bank-select-trigger{grid-template-columns:40px minmax(0,1fr) auto 16px}.app-select .bank-options button{grid-template-columns:40px minmax(0,1fr) auto}.app-select .bank-options img,.app-select .bank-select-trigger img{width:36px;height:36px;border-radius:8px}.app-select .app-state{display:inline-flex;align-items:center;gap:0}:root[data-theme=dark] .app-state{color:#ffa5b0}.lookup-workspace{width:min(1480px,calc(100% - 48px));margin:0 auto 64px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.lookup-workspace h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 24px}.lookup-workspace fieldset{margin:0;padding:0;border:0;min-width:0;display:grid;gap:20px}.lookup-workspace .dl-field{margin:0}.lookup-workspace button:focus-visible,.touch-switch:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.lookup-choice>span{display:block;font-size:13px;font-weight:650;margin-bottom:10px}.lookup-choice>div{display:flex;gap:8px}.lookup-choice button{display:flex;flex:1 1;min-width:0;align-items:center;justify-content:center;gap:8px;padding:14px 8px;color:var(--muted);background:var(--field);border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:13px}.lookup-choice button[aria-pressed=true]{color:var(--ink);border-color:var(--cyan);background:var(--blue-soft);box-shadow:inset 0 -2px var(--cyan)}.lookup-choice button:hover{border-color:var(--cyan)}.lookup-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%}.lookup-workspace button:disabled{opacity:.55;cursor:not-allowed}.lookup-disclosure{display:flex;gap:10px;margin-top:20px;line-height:1.65}.lookup-disclosure svg,.lookup-result-note svg{flex-shrink:0}.lookup-workspace pre{padding:16px;border-radius:10px;background:var(--field);border:1px solid var(--line);overflow:auto;scrollbar-width:thin;font-size:12px}.lookup-api-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.lookup-api-guide>summary:before{content:"+";color:var(--cyan)}.lookup-api-guide[open]>summary:before{content:"−"}.lookup-api-guide>summary>span{margin-left:auto;font-size:11px;color:var(--muted)}.lookup-api-content{display:grid;gap:14px;padding-top:20px;min-width:0}.lookup-api-content p{margin:0;color:var(--muted);font-size:12px}.lookup-api-label{display:grid;gap:8px;min-width:0;font-size:12px;font-weight:600}.lookup-api-label>span{display:flex;justify-content:space-between;gap:8px}.lookup-api-label small{font-weight:400;color:var(--muted)}.lookup-api-url{display:flex;align-items:center;position:relative;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--field)}.lookup-api-url b{margin-left:12px;color:var(--cyan);font-size:10px}.lookup-api-url input{width:100%;min-width:0;border:0;background:transparent;padding:14px 105px 14px 10px;color:var(--ink);cursor:copy;font:12px/1.5 ui-monospace,monospace}.lookup-api-url>span{position:absolute;right:10px;pointer-events:none;font-size:10px;color:var(--muted)}.lookup-api-tabs{display:flex;flex-wrap:wrap;gap:6px}.lookup-api-tabs button{border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--muted);padding:8px 12px;font-size:12px;cursor:pointer}.lookup-api-tabs button[aria-pressed=true]{background:var(--blue-soft);border-color:var(--cyan);color:var(--ink)}.lookup-api-label textarea{width:100%;min-width:0;box-sizing:border-box;height:260px;resize:vertical;max-height:500px;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--field);font:12px/1.7 ui-monospace,monospace;scrollbar-width:thin;scrollbar-color:var(--muted) var(--field);cursor:copy}.lookup-api-label textarea:hover,.lookup-api-url:hover{border-color:var(--cyan);background:var(--blue-soft)}.lookup-api-response{display:grid;gap:5px;border-block:1px solid var(--line);padding:14px 0;font-size:12px}.lookup-copy-code{display:flex;align-items:center;gap:6px;color:var(--ink);background:var(--field);padding:8px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.plate-stage{display:grid;justify-items:center;gap:14px;padding:32px 12px;background:#10233e;border-radius:14px}.plate-stage>span:not(.vehicle-plate){color:#c2cfe0;font-size:11px}.vehicle-plate{display:flex;width:min(380px,100%);min-height:100px;max-width:100%;overflow:hidden;border:3px solid #111;border-radius:12px;background:#fff;color:#111;box-shadow:0 5px 16px #0004}.vehicle-plate strong{display:flex;flex:1 1;min-width:0;align-items:center;justify-content:center;padding:16px 12px;font:750 clamp(23px,3vw,40px)/1.25 ui-monospace,monospace;white-space:pre}.vehicle-plate.square{width:min(260px,100%);aspect-ratio:1.3}.vehicle-plate.square strong{flex-direction:column;gap:4px}.plate-yellow{background:#ffda39}.plate-blue{background:#174987;color:white}.plate-flag{display:flex;flex:none;flex-direction:column;justify-content:center;align-items:center;width:44px;padding:8px;background:#c82019;color:white}.plate-flag svg{width:23px;height:23px}.plate-flag small{font-size:10px;font-weight:800;margin-top:4px}.traffic-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0;border-bottom:1px solid var(--line)}.traffic-stats>div{display:grid;text-align:center;gap:8px;border-right:1px solid var(--line)}.traffic-stats>div:last-child{border:0}.traffic-stats strong{font-size:26px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.traffic-stats span{font-size:12px;color:var(--muted)}.lookup-state{display:grid;justify-items:center;text-align:center;padding:48px 20px;gap:12px}.lookup-state>svg{width:44px;height:44px;color:var(--cyan)}.lookup-state h3,.lookup-state p{margin:0}.lookup-state p{max-width:55ch;font-size:14px;line-height:1.7;color:var(--muted)}.lookup-state.success>svg{color:#16885e}.lookup-state.warning>svg{color:#c88620}.lookup-record{padding:18px 0;border-top:1px solid var(--line)}.lookup-record h3{margin:0 0 14px;overflow-wrap:anywhere}.lookup-data-row,.tax-copy-row{display:grid;grid-template-columns:minmax(100px,.55fr) minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.lookup-data-row>span,.tax-copy-row>span{color:var(--muted)}.lookup-data-row strong,.tax-copy-row strong{font-weight:600;overflow-wrap:anywhere}.tax-copy-row{width:100%;text-align:left;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:14px;margin:8px 0;cursor:copy}.tax-copy-row small{grid-column:2;display:flex;align-items:center;gap:6px;color:var(--muted)}.tax-copy-row small svg{width:15px;height:15px}.tax-copy-row:hover{background:#e9f9ef;color:#164a2e}:root[data-theme=dark] .tax-copy-row:hover{background:#163c2c;color:#d4f6df}.lookup-result-note{display:flex;gap:10px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}@media (max-width:900px){.lookup-workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:540px){.lookup-workspace{width:calc(100% - 28px);gap:16px}.lookup-choice button{flex-direction:column;font-size:12px}.lookup-data-row,.tax-copy-row{grid-template-columns:1fr;gap:6px}.tax-copy-row small{grid-column:1}.vehicle-plate strong{font-size:23px;padding:12px 10px}.app-state{font-size:9px}}@media print{@page{size:A4;margin:12mm}body{background:white}.no-print{display:none!important}.generator{display:block;width:100%;margin:0}.preview-panel{position:static;padding:0;border:0;box-shadow:none}.qr-stage{min-height:0;padding:0;background:white}.qr-art{max-width:175mm;filter:none}}.dl-qr-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--paper);color:var(--ink);text-align:center}.dl-qr-dialog::backdrop{background:rgba(4,14,28,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dl-qr-dialog p{color:var(--muted);line-height:1.6}.dl-qr-dialog img{display:block;width:min(100%,290px);margin:18px auto;border-radius:14px;background:white}.dl-qr-dialog textarea{width:100%;resize:none;padding:10px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:12px}.dl-demo-fill,.dl-qr-dialog button{padding:12px 18px;min-height:44px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:12px;font:inherit;font-weight:650;cursor:pointer;margin:8px 4px}.dl-qr-dialog .dl-qr-close{position:absolute;right:8px;top:4px;font-size:22px}.dl-qr-dialog h2{font-size:23px}.recent-header-link{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:100px;padding:9px 12px;color:var(--ink);text-decoration:none;font-size:12px;white-space:nowrap}.recent-header-link svg{width:18px;height:18px}.recent-header-link i{width:6px;height:6px;background:#12b886;border-radius:50%;animation:recentGlow 2.5s ease-in-out infinite}.footer-trust{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.footer-trust span{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}@keyframes recentGlow{50%{box-shadow:0 0 0 5px #12b88620,0 0 12px #12b88680}}@media(prefers-reduced-motion:reduce){.recent-header-link i{animation:none}}@media(max-width:650px){.recent-header-link span{display:none}.recent-header-link{padding:9px}}