@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{--purple:#7747e5;--purple-dark:#6533d1;--purple-soft:#f0eaff;--ink:#23202d;--muted:#918b9e;--line:#eeebf3;--background:#f8f7fc;--green:#209e75;--red:#dc5970;--amber:#d29830;--radius:24px;--shadow:0 8px 32px #24124d04}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:Kanit,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bda4ff;outline-offset:4px}input:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-weight:500}.icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.purple{color:var(--purple)}.eyebrow{display:block;font-size:14px;letter-spacing:1.8px;font-weight:500;color:#a195b6}.small-muted{font-size:14px;letter-spacing:.3px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:13px;border:1px solid transparent;font-size:17px;transition:background .18s,box-shadow .18s,transform .18s}.button:active:not(:disabled){transform:scale(.985)}.button-primary{background:var(--purple);color:#fff;box-shadow:0 6px 14px #7747e520}.button-primary:hover:not(:disabled){background:var(--purple-dark);box-shadow:0 6px 20px #7747e530}.button-primary:disabled{background:#dad1eb;color:#fff;box-shadow:none}.button-secondary{border-color:var(--line);background:#fff}.button-secondary:hover{background:#f8f5fd;border-color:#d9c9f8}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:transparent;border:0;border-radius:10px;color:var(--muted)}.icon-button .icon{width:18px;height:18px}.icon-button:hover{background:#efebf7;color:var(--purple)}.circle-button{width:43px;height:43px;border:1px solid var(--line);background:white;border-radius:50%}.text-button{padding:0;border:0;background:transparent;color:var(--purple);text-decoration:underline}.form-error{font-size:16px;line-height:1.7;color:#bb3e55;background:#fff1f3;border:1px solid #f8dce2;border-radius:10px;padding:11px 13px}.inline-error{margin:-6px 0 18px;font-size:16px;color:#b67726}.spinner{display:inline-block;width:22px;height:22px;border:2px solid #c8b5ef;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.button .spinner{width:20px;height:20px;border-color:#ffffff55;border-top-color:#fff}.rotating .icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.boot{display:flex;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:var(--muted)}.boot img{border-radius:20px}.boot span:last-child{font-size:17px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{border-radius:12px}.brand>div{display:flex;flex-direction:column}.brand-name{font-size:26px;letter-spacing:-.7px;line-height:1.15;font-weight:600}.brand-name>span{color:var(--purple)}.brand-caption{margin-top:4px;font-size:13px;color:var(--muted);letter-spacing:.1px}.app-header{height:88px;background:#ffffffeb;border-bottom:1px solid var(--line)}.header-inner{max-width:1064px;height:100%;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:24px}.connection{display:flex;align-items:center;gap:7px;color:#669283;font-size:15px}.connection>span{width:6px;height:6px;border-radius:50%;background:#4ab78a;box-shadow:0 0 0 4px #4ab78a10}.connection.offline{color:#b48240}.connection.offline>span{background:#d19c4f;box-shadow:0 0 0 4px #d19c4f10}.avatar{border:1px solid #e7def4;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f4eefc;color:var(--purple)}.avatar .icon{width:18px;height:18px}.main-content{max-width:1064px;margin:auto;padding:35px 32px 30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.page-heading h1{font-size:38px;line-height:1.35;letter-spacing:-.6px;margin:5px 0 7px}.page-heading p{font-size:17px;color:var(--muted);font-weight:400}.provider-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #e7e0f1;padding:7px 12px;border-radius:30px;white-space:nowrap;color:#807093;background:#fff;font-size:15px}.provider-tag .icon{width:14px;height:14px}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.balance-card{position:relative;padding:19px 23px 17px;border-radius:19px;overflow:hidden;border:1px solid #e7def7;background:#f0e9fb}.balance-card:after{content:"";position:absolute;right:-30px;bottom:-69px;width:180px;height:180px;border-radius:50%;border:1px solid #ffffff80;pointer-events:none}.credit-card{background:linear-gradient(110deg,#ede4fa,#f4eefd)}.token-card{background:#fff;border-color:var(--line)}.token-card:after{border-color:#f3eefb}.balance-top{display:flex;align-items:center;gap:8px;color:#7c6c96;font-size:16px}.balance-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e4d6f6;color:#9364d4}.balance-icon .icon{width:17px;height:17px}.token-card .balance-icon{background:#f3edfb}.balance-top>.icon-button{margin-left:auto;height:27px;width:27px;color:#9b84b6}.balance-top .icon-button .icon{width:14px;height:14px}.tiny-tag{margin-left:auto;color:#b5a5ca;background:#f8f5fc;font-size:13px;border-radius:5px;padding:3px 6px}.balance-number{font-size:36px;line-height:1.3;letter-spacing:-.6px;font-weight:500;color:#53328d;margin:12px 0 2px}.balance-number small{font-size:15px;font-weight:400;margin-left:7px;color:#9a85b2;letter-spacing:0}.token-card .balance-number{color:#302a3c}.balance-note{position:relative;font-size:14px;color:#a194b2;z-index:1}.scan-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:24px;align-items:start}.scan-column,.result-column{min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.upload-panel{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading>div{display:flex;align-items:center;gap:10px;min-width:0}.panel-heading h2{font-size:18px;white-space:nowrap}.step-chip{display:grid;place-items:center;font-size:13px;color:#ac99c6;width:23px;height:23px;background:#f5f0fc;border-radius:7px}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:250px;border:1.5px dashed #d8c7f2;border-radius:16px;background:linear-gradient(130deg,#fcfaff,#f9f6ff);color:#ada0c0;transition:background .2s,border .2s}.upload-zone:hover,.upload-zone.dragging{background:#f2eaff;border-color:var(--purple)}.upload-art{position:relative;display:grid;place-items:center;width:70px;height:77px;margin-bottom:16px;border:1px solid #e5d8f9;border-radius:19px;transform:rotate(-7deg);background:#fff;box-shadow:5px 6px 0 #eee5fa}.upload-art>.icon{width:39px;height:39px;color:#ae8ce3;transform:rotate(7deg);stroke-width:1.4}.upload-plus{position:absolute;right:-9px;bottom:-7px;display:grid;place-items:center;width:27px;height:27px;border:3px solid #fbf9ff;border-radius:50%;background:var(--purple);color:white;font-size:23px;font-family:sans-serif;line-height:1;transform:rotate(7deg)}.upload-zone strong{font-size:18px;color:#655277;margin-bottom:4px}.upload-zone>span:not(.upload-art){font-size:15px}.upload-zone>small{font-size:13px;color:#b6a9c5;margin-top:14px}.upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.upload-actions .button{min-height:43px;padding:10px 8px;font-size:16px;gap:8px;border-radius:11px}.upload-actions .icon{width:17px;height:17px;color:#9d83bf}.qr-details{margin-top:17px;border-bottom:1px solid var(--line);padding-bottom:13px}.qr-details summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:#9e91ad;font-size:15px;padding:4px 0}.qr-details summary::-webkit-details-marker{display:none}.qr-details summary>.icon{width:15px;height:15px}.qr-details summary .chevron{margin-left:auto;width:12px;height:12px;transition:transform .2s}.qr-details[open] summary .chevron{transform:rotate(90deg)}.qr-details textarea{resize:vertical;width:100%;padding:12px;margin-top:12px;border:1px solid #ddd2ed;background:#fdfbff;border-radius:10px;font-size:16px;color:var(--ink)}.qr-details textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7747e515}.qr-details>p{font-size:14px;color:var(--muted);margin-top:4px}.verify-button{width:100%;margin-top:19px;min-height:49px;font-size:17px;position:relative}.verify-button>.icon:first-child{width:20px;height:20px}.action-arrow{position:absolute;right:17px;width:17px;height:17px}.upload-panel>.form-error{margin-top:14px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;color:#b2a8be;margin-top:13px}.secure-note .icon{width:12px;height:12px}.image-preview{background:#faf8fd;border:1px solid var(--line);border-radius:15px;overflow:hidden}.image-preview>img{display:block;width:100%;height:246px;object-fit:contain;padding:12px}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 14px;background:#f6f2fc;border-top:1px solid #ede6f4}.preview-footer>span{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:#89749c}.preview-footer>span .icon{width:14px;height:14px}#image-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-tip{display:flex;align-items:flex-start;gap:12px;margin:19px 5px 0}.tip-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eee8f8;color:#a18bb7;flex-shrink:0}.tip-icon .icon{width:16px;height:16px}.mini-tip strong{color:#9787aa;font-size:15px}.mini-tip p{color:#b1a7bb;font-size:14px;line-height:1.8;margin-top:2px}.result-placeholder{padding:23px;min-height:430px;display:flex;align-items:center;flex-direction:column}.result-placeholder .panel-heading{width:100%;margin-bottom:30px}.empty-result-art{position:relative;display:grid;place-items:center;width:155px;height:155px;margin:0 auto 22px;background:radial-gradient(circle,#f1ebfa 55%,#f8f5fc 56%,#f8f5fc 70%,transparent 71%);border-radius:50%}.scan-frame{position:relative;width:68px;height:84px;display:grid;place-items:center;border-radius:12px;border:1.5px solid #ccb6ec;color:#c0a5e4;background:#fff;transform:rotate(7deg);box-shadow:3px 5px 0 #eee4fa}.scan-frame>.icon{width:43px;height:49px;stroke-width:1.35}.scan-line{position:absolute;left:-10px;right:-10px;top:43px;height:2px;background:linear-gradient(90deg,#b596e100,#b596e1,#b596e100);box-shadow:0 0 8px #b596e1}.art-check{position:absolute;right:26px;bottom:25px;width:30px;height:30px;border-radius:50%;background:#e2d5f4;color:#a084c8;border:4px solid #faf7fd;display:grid;place-items:center}.art-check .icon{width:17px;height:17px;stroke-width:2.5}.result-placeholder h3{font-size:20px;color:#91829f}.result-placeholder>p{font-size:16px;color:#b1a5bd;text-align:center;line-height:1.8;margin-top:9px}.status-legend{display:flex;gap:20px;margin-top:28px;font-size:13px;color:#b0a6bb}.status-legend>span{display:flex;align-items:center;gap:5px}.status-legend i{height:5px;width:5px;border-radius:50%}.dot-valid{background:#7dc5ab}.dot-fake{background:#e5a0af}.dot-duplicate{background:#e3c183}.today-panel{display:flex;align-items:center;padding:16px 18px;gap:12px;margin-top:18px;background:#f1edf8;border:1px solid #eae4f2;border-radius:17px}.today-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#fff;color:#b49acb}.today-icon .icon{width:20px;height:20px}.today-panel>div{display:flex;flex-direction:column;gap:2px}.today-panel strong{font-size:15px;color:#8c7b9b}.today-panel>div>span{font-size:14px;color:#b2a4be}.today-panel b{color:#84748f}.today-panel>.icon-button{margin-left:auto;color:#b2a1c3}.desktop-footer{max-width:1000px;padding:10px 0 25px;margin:0 auto 92px;display:flex;align-items:center;gap:17px;color:#c0b7cb;font-size:13px}.desktop-footer>span:first-child{font-size:16px;font-weight:500;color:#ac9eba}.desktop-footer>span:last-child{margin-left:auto;display:flex;align-items:center;gap:5px}.desktop-footer .icon{width:11px;height:11px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffee;backdrop-filter:blur(16px);border-top:1px solid #ece7f2;z-index:15;padding-bottom:env(safe-area-inset-bottom,0)}.nav-inner{display:flex;max-width:540px;justify-content:space-around;align-items:center;height:76px;margin:auto}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;width:110px;height:64px;border:0;background:transparent;color:#b2a9bd;font-size:14px;border-radius:15px}.nav-item>.icon{width:22px;height:22px}.nav-item.active{color:var(--purple)}.nav-item.active:before{content:"";position:absolute;top:5px;width:50px;height:31px;border-radius:9px;background:#f1eaff;z-index:-1}.nav-item:hover{color:var(--purple)}
.result-card{padding:24px}.result-status-row{display:flex;align-items:center;gap:9px}.status-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#edf8f3;font-size:18px}.result-status-title{font-size:17px;line-height:1.6}.result-status-kicker{font-size:14px;color:#a193af;display:block}.result-status-pill{margin-left:auto;border-radius:20px;padding:4px 8px;font-size:13px;white-space:nowrap;background:#eaf6ef;color:var(--green)}.result-card.status-fake .status-symbol,.status-pill-fake{background:#fff0f2;color:var(--red)}.result-card.status-duplicate .status-symbol,.status-pill-duplicate{background:#fff6e7;color:var(--amber)}.result-card.status-unverifiable .status-symbol,.status-pill-unverifiable{background:#f0edf5;color:#8d819d}.result-card .amount-block{text-align:center;padding:24px 0 23px;margin:18px -1px 0;background:#f9f7fd;border-radius:16px}.amount-block>span{font-size:14px;color:#a398b0}.amount-block>strong{display:block;font-size:47px;letter-spacing:-1.3px;line-height:1.35;color:#49325f}.amount-block>strong>small{font-size:21px;color:#ac98c0;font-weight:400;letter-spacing:0;margin-right:6px}.amount-block .amount-no-data{font-size:35px;letter-spacing:0;color:#b2a4bf}.result-message{color:#95869f;font-size:15px;line-height:1.75;margin:16px 0 4px;overflow-wrap:anywhere}.result-details{margin:10px 0 0}.result-details>div{padding:12px 0;border-bottom:1px solid #f0edf4}.result-details dt{display:flex;align-items:center;gap:6px;font-size:14px;color:#ad9fba;margin-bottom:5px}.result-details dt .icon{width:13px;height:13px}.result-details dd{margin:0;font-size:17px;color:#695977;line-height:1.7;overflow-wrap:anywhere}.result-details dd .bank-name{color:#a394b0;font-size:15px}.result-details dd.reference{font-family:Kanit,sans-serif;font-size:15px;color:#a192af;letter-spacing:.2px}.result-actions{display:flex;gap:9px;margin-top:18px}.result-actions>.button{flex:1;min-height:41px;font-size:15px;padding:9px 11px;gap:6px}.result-actions .icon{width:15px;height:15px}.checked-at{text-align:center;font-size:13px;color:#b4a8c0;margin-top:13px}.result-placeholder.checking .empty-result-art{animation:pulse 1.5s ease-in-out infinite}.result-placeholder.checking .scan-line{animation:scan 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.65}}@keyframes scan{50%{transform:translateY(-24px)}}
.history-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:24px}.history-summary>div{background:white;padding:21px 24px}.history-summary>div>span{display:block;color:#a092af;font-size:15px;margin-bottom:5px}.history-summary strong{font-size:31px;color:#6b4b8d}.history-summary small{font-size:14px;color:#b5a8c1;margin-left:6px}.history-panel{padding:22px}.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #ebe4f2;border-radius:12px;background:#fcfaff;padding:0 14px}.search-wrap:focus-within{border-color:#b7a0de;box-shadow:0 0 0 3px #7747e508}.search-wrap .icon{width:18px;height:18px;color:#b5a2c7}.search-wrap input{width:100%;border:0;background:transparent;min-height:46px;font-size:16px;color:var(--ink)}.search-wrap input::placeholder{color:#b3a8bf}.filter-tabs{display:flex;gap:7px;overflow-x:auto;padding:20px 0;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter{white-space:nowrap;min-height:33px;padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:15px;color:#9c8da9}.filter.active{background:#f1eafa;color:var(--purple);border-color:#e9ddfa}.history-list{min-height:180px}.list-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:55px 18px;color:#b4a7c2}.list-empty>.icon{width:42px;height:42px;stroke-width:1.2;color:#cfbfdf;margin-bottom:18px}.list-empty strong{font-size:19px;color:#9987ab}.list-empty p{font-size:16px;line-height:1.8;margin-top:7px}.list-empty>.button{margin-top:18px;font-size:16px}.history-item{display:flex;align-items:center;gap:13px;border:0;border-top:1px solid var(--line);width:100%;text-align:left;background:white;padding:17px 2px}.history-item:first-child{border-top:0}.history-item:hover{background:#fdfbff}.history-item>.status-symbol{width:41px;height:41px;border-radius:13px;flex-shrink:0;font-size:20px}.history-info{min-width:0;flex:1}.history-info>strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:17px;color:#695579}.history-info>small{display:block;margin-top:4px;font-size:14px;color:#b2a4bd}.history-amount{text-align:right;flex-shrink:0}.history-amount strong{display:block;font-size:19px;color:#58416b}.history-amount small{display:block;margin-top:3px;font-size:13px;color:#b2a4bd}.history-item>.icon{width:15px;height:15px;color:#c7b8d3}.history-item.status-fake .status-symbol{background:#fff0f3}.history-item.status-duplicate .status-symbol{background:#fff5e3}.history-item.status-unverifiable .status-symbol{background:#f2eef6}.load-more{display:flex;margin:15px auto 0;font-size:16px;min-height:40px}.history-dialog{max-width:460px;width:calc(100% - 32px);padding:0;border:1px solid var(--line);border-radius:23px;color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #28144430}.history-dialog::backdrop{background:#20103155;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 23px 0}.dialog-top h2{font-size:18px}.history-dialog .result-card{padding-top:13px}.history-dialog .result-details>div{padding:9px 0}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-profile{padding:30px 25px 22px;text-align:center}.profile-icon{position:relative;display:grid;place-items:center;width:79px;height:79px;margin:0 auto 15px;border-radius:25px;background:linear-gradient(135deg,#eee2fc,#f7f2fc);color:#ac8ace}.profile-icon>.icon{width:32px;height:32px;stroke-width:1.5}.profile-icon>span{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:3px solid white;background:var(--purple);color:white}.profile-icon>span>.icon{width:13px;height:13px}.account-profile>h2{font-size:25px;overflow-wrap:anywhere}.account-profile>.provider-tag{margin-top:10px;font-size:13px}.account-balances{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:27px 0 21px}.account-balances>div{background:white;display:flex;align-items:center;flex-direction:column;gap:4px;padding:3px 8px}.account-balances span{font-size:14px;color:#ac9aba}.account-balances strong{font-size:28px;color:#76558f;word-break:break-word}.account-balances small{font-size:13px;color:#beaecb}.updated-text{font-size:13px;color:#b5a6c1}.account-profile>.form-error{margin-top:13px}.package-panel{padding:24px}.package-panel h2{font-size:18px}.account-details{margin:15px 0 0}.account-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #f0ecf6}.account-details>div:last-child{border-bottom:0;padding-bottom:0}.account-details dt{font-size:15px;color:#ac9bb9}.account-details dd{margin:0;font-size:16px;color:#766087;text-align:right;overflow-wrap:anywhere}.download-card{margin-top:17px;display:flex;align-items:center;gap:12px;padding:18px;background:#ece4f8;border:1px solid #e7dcf5;border-radius:18px}.download-icon{width:38px;height:38px;background:#fff9;border-radius:11px;display:grid;place-items:center;color:#a383c0;flex-shrink:0}.download-icon .icon{width:20px;height:20px}.download-card>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.download-card strong{font-size:16px;color:#816594}.download-card small{font-size:14px;color:#ad96bc}.download-card>.icon{width:16px;height:16px;color:#b298c4}.download-card:hover{background:#e7dbf5}.logout-button{width:100%;margin-top:15px;color:#a898b4;font-size:16px;background:transparent}.logout-button:hover{color:#bc556e;background:#fcedf1}.logout-button .icon{width:16px;height:16px}.app-version{display:flex;align-items:center;justify-content:center;gap:8px;margin:39px 0 14px;color:#b9a8c6;font-size:16px}.app-version img{border-radius:9px;opacity:.55}.app-version b{font-size:13px;font-weight:400;margin-left:4px;color:#c6b8d0}.app-version small{display:block;font-size:13px;color:#c6b8d0}.toast{position:fixed;left:50%;bottom:calc(95px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 40px);transform:translateX(-50%);background:#362547ed;color:#fff;padding:13px 22px;border-radius:13px;z-index:100;box-shadow:0 6px 24px #36254725;font-size:16px;text-align:center;animation:toast-in .2s ease-out}@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;max-width:1440px;margin:auto;background:#fff}.login-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100dvh;background:radial-gradient(ellipse at 80% 10%,#f5eaff80,transparent 60%),linear-gradient(145deg,#eee4fb,#f7f1fc)}.login-orbit{position:absolute;width:650px;height:650px;border:1px solid #d7c4ee66;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.orbit-one{width:550px;height:700px}.orbit-two{width:790px;height:620px}.floating-receipt{position:relative;transform:rotate(-6deg);padding:44px 35px 30px;width:305px;background:#ffffffcc;box-shadow:15px 30px 70px #9471b52b;border:1px solid #fff;border-radius:25px;color:#9167b5}.floating-receipt>.icon{display:block;width:44px;height:44px;stroke-width:1.3;margin-bottom:25px}.floating-receipt>span{display:block;font-size:12px;letter-spacing:2px;color:#b29ac4;margin-bottom:14px}.floating-receipt>strong{display:block;font-size:44px;line-height:1.35;color:#79528d;font-weight:500;letter-spacing:-1px}.receipt-dash{border-top:1px dashed #d9c7e7;margin:30px 0 24px}.receipt-check{display:flex;align-items:center;gap:10px;font-size:16px;color:#b091c5}.receipt-check .icon{background:#ebe0f4;padding:5px;width:29px;height:29px;border-radius:50%}.visual-caption{position:absolute;bottom:50px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:2.5px;color:#bfa5d0}.login-content{display:flex;justify-content:center;flex-direction:column;max-width:455px;margin:auto;width:100%;padding:50px 44px}.login-brand{gap:12px}.login-brand img{border-radius:14px}.login-brand .brand-name{font-size:30px}.login-brand .brand-caption{font-size:14px}.login-heading{margin:57px 0 29px}.login-heading h1{font-size:49px;line-height:1.4;letter-spacing:-1px;margin:10px 0 17px}.login-heading h1>span{color:var(--purple)}.login-heading p{color:#a291b0;font-size:17px;line-height:1.9}.login-form>label{display:block;font-size:16px;color:#9a85ab;margin-bottom:9px}.password-wrap{display:flex;align-items:center;gap:8px;background:#fcfaff;border:1px solid #e8dff1;border-radius:12px;padding:4px 8px 4px 15px}.password-wrap>.icon{width:16px;height:16px;color:#bba3ce}.password-wrap:focus-within{border-color:#b996dd;box-shadow:0 0 0 3px #7747e509}.password-wrap input{width:100%;min-width:0;border:0;background:transparent;min-height:41px;color:#5c466d;font-size:17px}.password-wrap input::placeholder{color:#c0afcc;font-size:16px}.password-wrap>.icon-button{color:#bba6ca}.login-form>.form-error{margin-top:12px}.login-submit{width:100%;justify-content:space-between;margin-top:17px;min-height:51px}.login-submit>.icon{width:18px;height:18px}.login-foot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#b9a8c7;margin-top:26px;white-space:nowrap}.login-foot>.icon{width:13px;height:13px}
@media(min-width:1200px){.main-content{padding-top:43px}.page-heading{margin-bottom:29px}.scan-grid{gap:27px}.balance-grid{gap:22px}.upload-panel{padding:25px}.result-placeholder{padding:25px}}
@media(max-width:760px){.app-header{height:77px}.header-inner{padding:0 22px}.brand img{width:38px;height:38px;border-radius:11px}.brand-name{font-size:25px}.brand-caption{font-size:12px}.header-actions{gap:15px}.avatar{width:33px;height:33px}.connection{font-size:13px;gap:6px}.connection>span{width:5px;height:5px}.main-content{padding:26px 20px 20px}.page-heading{margin-bottom:23px;gap:8px}.eyebrow{font-size:12px;letter-spacing:1.35px}.page-heading h1{font-size:32px;margin:6px 0 6px;letter-spacing:-.7px}.page-heading p{font-size:15px}.page-heading>.provider-tag{font-size:13px;padding:6px 9px;margin-top:19px}.page-heading>.provider-tag .icon{width:12px;height:12px}.balance-grid{gap:12px;margin-bottom:20px}.balance-card{padding:14px 15px;border-radius:17px}.balance-top{font-size:14px;gap:6px}.balance-icon{width:24px;height:24px;border-radius:7px}.balance-icon .icon{width:14px;height:14px}.balance-top>.icon-button{width:22px;height:22px}.balance-top>.icon-button .icon{width:12px;height:12px}.tiny-tag{font-size:12px;padding:2px 4px}.balance-number{font-size:30px;margin:12px 0 2px;letter-spacing:-.7px;white-space:nowrap}.balance-number small{font-size:13px;margin-left:5px}.balance-note{font-size:12px;line-height:1.6;display:block;min-height:13px}.scan-grid{grid-template-columns:1fr;gap:23px}.upload-panel{padding:20px;border-radius:21px}.panel-heading{margin-bottom:18px;gap:9px}.panel-heading h2{font-size:17px}.panel-heading>div{gap:8px}.small-muted{font-size:12px;white-space:nowrap}.upload-zone{height:225px}.upload-art{width:65px;height:68px;margin-bottom:16px}.upload-art>.icon{width:36px;height:36px}.upload-zone strong{font-size:17px}.upload-zone>span:not(.upload-art){font-size:14px}.upload-zone>small{font-size:12px;margin-top:12px}.upload-actions{margin-top:13px;gap:10px}.upload-actions .button{font-size:15px;padding:11px 4px;gap:7px;min-height:43px}.upload-actions .icon{width:16px;height:16px}.qr-details summary{font-size:14px}.verify-button{font-size:17px;min-height:49px;margin-top:16px}.secure-note{font-size:12px;margin-top:12px}.mini-tip{margin-top:16px;gap:10px}.mini-tip strong{font-size:14px}.mini-tip p{font-size:13px}.tip-icon{width:26px;height:26px;border-radius:8px}.result-placeholder{min-height:345px;padding:20px;border-radius:21px}.result-placeholder .panel-heading{margin-bottom:12px}.empty-result-art{width:128px;height:128px;margin-bottom:16px}.scan-frame{width:57px;height:70px;border-radius:10px}.scan-frame>.icon{width:35px;height:40px}.art-check{right:17px;bottom:18px}.result-placeholder h3{font-size:18px}.result-placeholder>p{font-size:15px}.status-legend{margin-top:22px;font-size:12px;gap:18px}.today-panel{margin-top:15px;padding:14px 16px}.desktop-footer{padding:6px 23px 25px;margin-bottom:77px;gap:10px;flex-wrap:wrap;font-size:12px}.desktop-footer>span:first-child{font-size:14px}.desktop-footer>span:last-child{font-size:12px}.nav-inner{height:71px}.nav-item{height:60px;font-size:13px}.nav-item>.icon{width:21px;height:21px}.nav-item.active:before{top:3px}.result-card{padding:20px;border-radius:21px}.amount-block>strong{font-size:45px}.result-status-title{font-size:17px}.result-status-kicker{font-size:13px}.result-status-pill{font-size:12px}.result-message{font-size:14px}.result-details dd{font-size:16px}.history-summary{border-radius:16px;margin-bottom:18px}.history-summary>div{padding:16px 15px}.history-summary>div>span{font-size:14px}.history-summary strong{font-size:28px}.history-summary small{font-size:12px;margin-left:4px}.history-panel{padding:17px;border-radius:20px}.filter-tabs{margin-right:-17px;padding:16px 17px 16px 0}.filter{font-size:14px;padding:7px 11px}.history-item{gap:9px;padding:16px 0}.history-item>.status-symbol{width:34px;height:36px;border-radius:11px;font-size:17px}.history-info>strong{font-size:15px}.history-info>small{font-size:12px}.history-amount strong{font-size:17px}.history-amount small{font-size:12px}.history-item>.icon{width:12px;height:12px}.account-grid{grid-template-columns:1fr;gap:19px}.account-profile{padding:27px 22px 21px}.account-profile>h2{font-size:24px}.account-balances strong{font-size:31px}.account-balances span{font-size:15px}.package-panel{padding:22px}.account-details dt{font-size:16px}.account-details dd{font-size:16px}.download-card strong{font-size:16px}.app-version{margin-top:28px}.login-screen{display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(ellipse at 100% 0,#f2e8fc,transparent 46%),#fff}.login-visual{display:none}.login-content{max-width:460px;min-height:100dvh;padding:42px 32px 37px}.login-brand img{width:53px;height:53px}.login-brand .brand-name{font-size:31px}.login-brand .brand-caption{font-size:13px}.login-heading{margin:60px 0 30px}.login-heading .eyebrow{font-size:12px}.login-heading h1{font-size:49px;line-height:1.35}.login-heading p{font-size:16px}.login-foot{margin-top:31px;font-size:12px}.toast{bottom:calc(87px + env(safe-area-inset-bottom,0px));font-size:15px}}
@media(max-width:360px){.main-content{padding:23px 15px 18px}.header-inner{padding:0 17px}.header-actions{gap:10px}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}.balance-card{padding:13px 12px}.balance-number{font-size:27px}.balance-number small{font-size:12px;margin-left:4px}.balance-top{font-size:13px}.balance-icon{width:21px;height:21px}.balance-note{font-size:12px}.upload-panel{padding:17px}.panel-heading h2{font-size:17px}.small-muted{font-size:12px}.login-content{padding:32px 27px}.login-heading{margin-top:45px}.login-heading h1{font-size:46px}.result-status-pill{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.live-tag{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;letter-spacing:.6px;color:#a18bb7}.live-tag i{width:5px;height:5px;background:#9e79d0;border-radius:50%;box-shadow:0 0 0 3px #9e79d010}.scanner-launch{position:relative;width:100%;min-height:238px;border:1px solid #e3d5f8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 15px 21px;border-radius:18px;background:radial-gradient(ellipse at 50% 15%,#f0e3ff,transparent 58%),linear-gradient(135deg,#faf6ff,#f2ebfc);overflow:hidden;transition:border-color .2s,background .2s}.scanner-launch:hover:not(:disabled){border-color:#ba94e7;background:linear-gradient(135deg,#f5edff,#ece0fc)}.scanner-launch:disabled{opacity:.55;cursor:wait}.scanner-launch-art{display:grid;place-items:center;position:relative;width:70px;height:70px;background:#fff;border:1px solid #e5d5f8;border-radius:18px;color:#ac83db;margin-bottom:16px;box-shadow:0 7px 20px #9f70d20c}.scanner-launch-art>.icon{width:37px;height:37px;stroke-width:1.3}.scanner-launch-art>i{position:absolute;left:-7px;right:-7px;top:38px;height:2px;background:linear-gradient(90deg,transparent,#b579ec,transparent);box-shadow:0 0 10px #b579ec60}.scanner-launch>strong{font-size:23px;color:#5c347e;line-height:1.5}.scanner-launch>span:not(.scanner-launch-art):not(.scanner-launch-cta){font-size:15px;color:#9f86b4;margin-top:3px}.scanner-launch-cta{display:flex;align-items:center;gap:8px;margin-top:18px;border-radius:10px;padding:9px 18px;background:var(--purple);font-size:16px;color:#fff;box-shadow:0 4px 11px #7747e51c}.scanner-launch-cta>.icon{width:16px;height:16px}.scanner-launch-cta>.icon:last-child{width:14px;height:14px;margin-left:10px}.gallery-divider{display:flex;align-items:center;gap:11px;margin:19px 0 14px;color:#b5a4c4;font-size:14px}.gallery-divider:before,.gallery-divider:after{content:"";height:1px;background:#f0eaf6;flex:1}.upload-zone.gallery-fallback{height:auto;min-height:67px;flex-direction:row;justify-content:flex-start;gap:11px;background:#fcfbfe;border:1px solid #eee7f5;padding:12px 15px;border-radius:12px}.upload-zone.gallery-fallback:hover{background:#f8f4fd;border-color:#d8c5ec}.gallery-fallback>.icon{width:22px;height:22px;color:#b198c9}.upload-zone.gallery-fallback>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.upload-zone.gallery-fallback strong{font-size:16px;color:#8e759f;margin:0}.upload-zone.gallery-fallback small{font-size:12px;color:#b6a6c2}.gallery-fallback>.icon:last-child{margin-left:auto;width:14px;height:14px;color:#c0afcf}.change-image{width:100%;margin-top:10px;font-size:15px;min-height:38px;padding:9px}.change-image>.icon{width:15px;height:15px}.camera-dialog{width:calc(100% - 34px);max-width:450px;max-height:calc(100dvh - 34px);padding:0;border:1px solid #fff6;border-radius:26px;color:var(--ink);background:#fff;overflow:auto;box-shadow:0 24px 100px #210f414d}.camera-dialog::backdrop{background:#1d122bba;backdrop-filter:blur(7px)}.camera-top{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 19px;gap:12px}.camera-top .eyebrow{font-size:12px;color:#ad96c2;letter-spacing:1.6px}.camera-top h2{font-size:24px;color:#614177;margin-top:5px}.camera-top>.icon-button{background:#f5effa;color:#a98ebb;border-radius:50%;width:35px;height:35px}.camera-viewfinder{position:relative;overflow:hidden;aspect-ratio:1;width:calc(100% - 32px);margin:0 16px;border-radius:19px;background:#251a31}.camera-viewfinder>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-guide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#160d2117}.camera-frame{position:relative;width:65%;aspect-ratio:1;border:1px solid #ffffff21;border-radius:17px;box-shadow:0 0 0 200px #1b102b42}.camera-frame>i{position:absolute;width:27px;height:27px;border-color:#fff;border-style:solid;border-width:0}.camera-frame>i:nth-child(1){top:-2px;left:-2px;border-top-width:3px;border-left-width:3px;border-top-left-radius:17px}.camera-frame>i:nth-child(2){top:-2px;right:-2px;border-top-width:3px;border-right-width:3px;border-top-right-radius:17px}.camera-frame>i:nth-child(3){bottom:-2px;left:-2px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:17px}.camera-frame>i:nth-child(4){bottom:-2px;right:-2px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:17px}.camera-scan-line{position:absolute;left:3px;right:3px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#d4a2ff,transparent);box-shadow:0 0 13px #b568e7;animation:live-scan 2.7s ease-in-out infinite}.camera-guide-label{position:absolute;bottom:7%;font-size:15px;color:#fffffff2;background:#21152e70;padding:6px 12px;border-radius:8px;backdrop-filter:blur(5px)}.camera-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#fff;background:radial-gradient(ellipse at top,#483059,#251a31 75%)}.camera-feedback>.spinner{border-color:#b28aca55;border-top-color:#d8b3f5;width:30px;height:30px;margin-bottom:22px}.camera-feedback>strong{font-size:20px;font-weight:400;color:#e2cbee}.camera-feedback>p{font-size:15px;line-height:1.9;color:#bba5cd;margin-top:11px;max-width:270px}.camera-feedback.camera-error>.spinner{display:none}.camera-feedback.camera-error:before{content:"!";display:grid;place-items:center;width:47px;height:47px;border:1px solid #cfa0ea66;border-radius:50%;color:#d2b0e5;font-family:Kanit,sans-serif;font-size:28px;margin-bottom:17px}.camera-bottom{padding:20px 22px 23px;text-align:center}.camera-bottom>p:first-child{font-size:16px;line-height:1.8;color:#8a729e}.camera-read-status{font-size:14px;line-height:1.8;color:#b09ac0;margin:10px 0 16px;min-height:18px}.camera-bottom>.button{width:100%;font-size:16px;min-height:44px}.camera-bottom>.button .icon{width:17px;height:17px}.camera-bottom>.button+.button{margin-top:10px}@keyframes live-scan{0%,100%{transform:translateY(-60px);opacity:.3}50%{transform:translateY(60px);opacity:1}}
@media(max-width:760px){.live-tag{font-size:12px;letter-spacing:.2px}.scanner-launch{min-height:228px;padding:22px 12px 19px;border-radius:16px}.scanner-launch-art{width:65px;height:65px;margin-bottom:14px;border-radius:17px}.scanner-launch-art>.icon{width:34px;height:34px}.scanner-launch>strong{font-size:22px}.scanner-launch>span:not(.scanner-launch-art):not(.scanner-launch-cta){font-size:14px}.scanner-launch-cta{margin-top:16px;font-size:15px}.gallery-divider{margin:17px 0 12px;font-size:13px}.upload-zone.gallery-fallback{min-height:61px;padding:11px 13px}.upload-zone.gallery-fallback strong{font-size:15px}.upload-zone.gallery-fallback small{font-size:12px}.camera-dialog{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;margin:0;min-height:100vh;min-height:100dvh}.camera-dialog[open]{display:flex;flex-direction:column}.camera-top{padding:calc(20px + env(safe-area-inset-top,0px)) 23px 19px}.camera-top h2{font-size:26px}.camera-top .eyebrow{font-size:12px}.camera-viewfinder{aspect-ratio:auto;min-height:240px;flex:1;width:calc(100% - 32px);max-height:calc(100dvh - 280px);border-radius:23px}.camera-frame{width:min(67%,290px)}.camera-guide-label{bottom:7%;font-size:14px}.camera-bottom{padding:21px 25px calc(22px + env(safe-area-inset-bottom,0px))}.camera-bottom>p:first-child{font-size:15px}.camera-read-status{font-size:13px;min-height:17px;margin:9px 0 16px}.camera-feedback>strong{font-size:19px}.camera-feedback>p{font-size:15px}.camera-bottom>.button{font-size:15px;min-height:45px}}
@media(prefers-reduced-motion:reduce){.camera-scan-line{animation:none}}

/* Larger, readable type with flexible layouts on compact phones. */
.panel-heading,.result-status-row{flex-wrap:wrap}
.panel-heading h2{white-space:normal;line-height:1.5}
.result-status-title{min-width:0;flex:1}
.page-heading>div,.history-summary>div,.account-balances>div{min-width:0}
.history-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-balances{grid-template-columns:repeat(2,minmax(0,1fr))}
.login-foot{white-space:normal;text-align:center;line-height:1.7}
.amount-block>strong{overflow-wrap:anywhere}
.camera-top,.camera-bottom{flex-shrink:0}
.camera-feedback.camera-error{overflow:auto;justify-content:flex-start}
.camera-feedback.camera-error:before{flex-shrink:0}
@media(max-width:760px){
  .page-heading{flex-wrap:wrap}
  .page-heading>div{flex:1 1 220px}
  .page-heading>.provider-tag{margin-top:0}
  .camera-viewfinder{min-height:280px;max-height:none}
  .camera-top{padding-bottom:16px}
  .camera-bottom{padding-top:16px}
}
@media(max-width:360px){
  .app-header{height:auto;min-height:77px}
  .header-inner{min-height:77px;gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .header-actions{gap:8px}
  .result-actions{grid-template-columns:1fr;flex-direction:column}
  .result-actions>.button{width:100%}
  .account-balances{grid-template-columns:1fr}
  .account-balances>div{padding:14px 8px}
  .account-details>div{flex-direction:column;align-items:flex-start;gap:4px}
  .account-details dd{text-align:left}
  .history-summary>div{padding-left:10px;padding-right:10px}
}

/* Identification of a wallet receipt is separate from transfer verification. */
.payment-type-banner{display:block;margin-bottom:16px;padding:13px 15px;border:1px solid #f5d5b5;border-radius:13px;background:#fff4e8;color:#a85b20;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.wallet-status-line{display:block;line-height:1.7;overflow-wrap:anywhere;color:#746184;margin-top:3px}
.history-item.payment-wallet{flex-wrap:wrap}
.history-wallet-summary{display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex-basis:100%;min-width:0;padding-top:1px;font-size:14px;line-height:1.65}
.history-payment-type{display:block;padding:5px 10px;background:#fff4e8;border:1px solid #f5dcc1;color:#a85b20;border-radius:8px;overflow-wrap:anywhere;max-width:100%}
.history-wallet-status{color:#897498;overflow-wrap:anywhere;max-width:100%}
@media(max-width:360px){.payment-type-banner{padding:11px 12px}.history-wallet-summary{gap:6px;font-size:13px}}

.history-range-form{padding:0 0 23px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.range-heading h2{display:flex;align-items:center;gap:9px;font-size:18px;line-height:1.6;color:#6e5282}
.range-heading h2 .icon{width:20px;height:20px;color:#a183b8}
.range-heading>span{font-size:13px;color:#9b86aa}
.range-quick-actions{display:flex;gap:8px;margin:15px 0 18px}
.range-quick-actions button{border:1px solid #e8ddf2;background:#faf7fe;color:#9775ad;font-size:14px;min-height:37px;padding:7px 14px;border-radius:9px}
.range-quick-actions button:hover{background:#f1e9fb;color:var(--purple)}
.range-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.range-fields fieldset{border:0;padding:0;margin:0;min-width:0}
.range-fields legend{padding:0;margin-bottom:9px;font-size:15px;font-weight:500;color:#86659b}
.range-endpoint{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:11px}
.range-endpoint>div{min-width:0}
.range-endpoint label{display:block;color:#a18baf;font-size:13px;margin-bottom:6px}
.range-endpoint input{display:block;width:100%;min-width:0;max-width:100%;height:47px;padding:9px 11px;border:1px solid #e5daee;border-radius:11px;background:#fcfaff;color:#77568f;font-size:16px;line-height:1.4;color-scheme:light}
.range-endpoint input:focus{border-color:#b496d3;box-shadow:0 0 0 3px #7747e510}
.range-endpoint input:disabled{background:#f7f5fa;color:#bcaec6;border-color:#ece7f1;opacity:1}
.range-endpoint input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}
.range-hint{font-size:12px;color:#a993b8;line-height:1.8;margin-top:13px}
.history-range-form>.form-error{margin-top:12px}
.range-actions{display:flex;align-items:center;gap:10px;margin-top:17px}
.range-actions .button{font-size:15px;min-height:44px;padding:10px 17px}
.range-actions .icon{width:17px;height:17px}
.history-range-form[aria-busy="true"] .range-actions .button-primary{box-shadow:0 0 0 3px #7747e510}
.history-found-summary{display:flex;align-items:flex-start;flex-direction:column;gap:6px;padding:0 2px 16px;border-bottom:1px solid var(--line);line-height:1.7}
.history-found-summary strong{font-size:16px;color:#796087}
.history-found-summary span{font-size:13px;color:#a08dad;overflow-wrap:anywhere}
@media(max-width:760px){.range-fields{grid-template-columns:1fr;gap:18px}.range-heading h2{font-size:17px;gap:7px}.range-heading>span{font-size:12px}.range-endpoint{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}.range-endpoint input{padding-left:10px;padding-right:8px}.range-actions .button{font-size:14px;flex:1;padding-left:10px;padding-right:10px}.history-range-form{padding-bottom:21px;margin-bottom:20px}.history-found-summary strong{font-size:15px}.history-found-summary span{font-size:12px}}
@media(max-width:360px){.range-heading h2{font-size:16px}.range-endpoint{grid-template-columns:1fr}.range-endpoint input{min-height:46px}.range-actions{flex-direction:column;align-items:stretch}.range-actions .button{width:100%}.range-quick-actions button{font-size:13px;flex:1}.range-fields{gap:20px}}
