:root{color:#edf7fa;--ink:#edf7fa;--muted:#9aaeb9;--card:#142733b8;--panel:#142733d9;--bg:#081720;--line:#b4e6f421;--green:#b6ff35;--blue:#22c7ff;--purple:#956bff;background:#07121b;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:#07121b;width:100%;max-width:100%;overflow-x:hidden}body.scroll-locked{width:100%;position:fixed;inset:0;overflow:hidden}body{width:100%;min-width:320px;max-width:100%;color:var(--ink);background:radial-gradient(circle at 85% -10%,#223269 0,#0000 31rem),radial-gradient(circle at -10% 30%,#16443e 0,#0000 30rem),#07121b;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}header{min-height:72px;padding-top:env(safe-area-inset-top);box-sizing:border-box;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#07121be0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:100%;padding:0 max(16px,50vw - 600px);display:flex;position:sticky;top:0}.brand{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;min-width:0;padding:0;font:800 22px Syne;overflow:hidden}.brand i{color:var(--green);font-style:normal}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:400 9px DM Sans;display:block}nav{flex-shrink:0;align-items:center;gap:3px;display:flex}nav button,.head-actions button,.actions button,footer button,.empty button{border-radius:9px;min-height:44px;padding:10px 14px;font-weight:700}nav button{color:var(--muted);white-space:nowrap;font-size:13px;transition:all .15s}nav .active,nav button:hover{color:var(--ink);background:#ffffff14}.nav-dropdown-wrap{position:relative}.nav-dropdown-btn{min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:5px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.nav-dropdown-btn:hover,.nav-dropdown-btn.active{color:var(--ink);border-color:var(--line);background:#ffffff14}.nav-dropdown-menu{z-index:55;border:1px solid var(--line);z-index:100;background:#0b1a24;border-radius:12px;gap:3px;min-width:180px;padding:6px;animation:.15s ease-out fadeInDown;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 36px #000000a6}.nav-dropdown-item{width:100%;min-height:44px;color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.nav-dropdown-item:hover,.nav-dropdown-item.active{color:var(--ink);background:#ffffff14}.head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-header-btn{cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex;color:var(--green)!important;background:#b6ff351a!important;border:1px solid #b6ff3573!important}.admin-header-btn:hover,.admin-header-btn.active{background:var(--green)!important;color:#102000!important;border-color:var(--green)!important}.green{background:var(--green)!important;color:#102000!important}.blue{background:var(--blue)!important;color:#001720!important}.hamburger{font-size:25px;display:none}.drawer,.scrim{display:none}main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:40px 20px 100px;display:flex}.hero{max-width:780px;padding:58px 0}.pill,.eyebrow{color:var(--green);letter-spacing:.04em;background:#b6ff3514;border:1px solid #b6ff3566;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-block}.hero h1,h1{margin:20px 0;font:800 clamp(37px,6vw,70px)/1.06 Syne}.hero em{background:linear-gradient(90deg, var(--green), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p,p{color:var(--muted);font-size:16px;line-height:1.65}.actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.actions button{border:1px solid var(--line);border-radius:13px;padding:14px 20px;font-weight:800}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.content-sections{grid-template-columns:minmax(0,1fr);gap:24px;width:100%;max-width:960px;margin:30px auto 0;display:grid}.content-sections>.content-section{width:100%;max-width:none;margin:0}.content-section{box-sizing:border-box;width:100%}.features article,.panel,.responsible,.wizard,.support,.transactions article,.empty{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;border-radius:20px;padding:24px}.features b{color:var(--blue);font-size:25px;display:block}.features h3{margin:16px 0 0;font:700 17px Syne}.features p{margin-bottom:0;font-size:13px}.panel,.responsible,.wizard,.support{box-sizing:border-box;width:100%;margin:30px auto 0}.wizard{max-width:820px}.support{max-width:860px}.panel{max-width:960px}.responsible{background:#50390e59;border-color:#ffc85777;max-width:960px}.panel h2,.responsible h2{margin:0;font:700 23px Syne}.responsible h2{color:#ffc857}.chips{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.chips span{border:1px solid var(--line);background:#ffffff0c;border-radius:9px;padding:8px 10px;font-size:13px}.wizard h1,.support h1{margin:12px 0 16px;font-size:clamp(28px,4vw,38px)}.wizard form,.support form{gap:16px;width:100%;margin:25px 0;display:grid}label{color:#c5d6dd;gap:7px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);box-sizing:border-box;border-radius:11px;outline:none;width:100%;padding:13px;font-size:16px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #22c7ff22}.wizard form button,.support form button{border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:14px;font-weight:800}.transactions{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;width:100%;margin-top:20px;display:grid}.transactions article{position:relative}.transactions h3{margin:15px 0 5px;font:700 18px Syne}.transactions small{color:var(--muted)}.status{background:#ffffff12;border-radius:99px;padding:6px 8px;font-size:11px;font-weight:800}.status.COMPLETED{color:#b6ff35}.status.REJECTED,.status.CANCELLED{color:#ff7395}.status.PROCESSING{color:#22c7ff}.empty{text-align:center;width:100%;margin-top:30px}.empty button{border:1px solid var(--line);background:#ffffff0a}.chat{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;min-height:150px;max-height:min(55vh,460px);padding-right:4px;display:flex;overflow-y:auto}.chat p{background:#ffffff0b;border-radius:12px;max-width:85%;margin:0;padding:11px}.chat .user{color:var(--ink);background:#22c7ff22;align-self:flex-end}.support form{grid-template-columns:1fr auto}.support form button{color:#fff;background:#5b21b6}.link{color:var(--blue);text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--muted);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:24px max(20px,50vw - 600px);font-size:13px;display:flex}footer b{color:var(--ink);font-family:Syne}.bottom-nav{display:none}.toast{z-index:1000;border:1px solid var(--blue);background:#102732;border-radius:12px;max-width:90vw;padding:13px 18px;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.skip-link{z-index:2000;background:var(--blue);color:#001320;border-radius:0 0 10px;padding:10px 16px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.agent-details-card{border:1px solid var(--line);box-sizing:border-box;background:#081720d9;border-radius:16px;gap:14px;width:100%;margin:20px 0;padding:20px;display:grid}.agent-details-card h2{color:var(--blue);margin:0 0 4px;font:700 20px Syne}.agent-detail-row{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;display:block}.detail-value{color:var(--ink);font-size:15px}.detail-value.highlighting{color:var(--green);letter-spacing:.04em;font-family:monospace;font-size:16px}.copy-btn{color:var(--blue);white-space:nowrap;background:#22c7ff1f;border:1px solid #22c7ff4d;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s}.copy-btn:hover{background:var(--blue);color:#001720}.toggle-btn{min-height:44px;color:var(--muted);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.toggle-btn:hover{color:var(--ink);background:#ffffff2e}.agent-detail-actions{justify-content:flex-end;margin-top:4px;display:flex}.faq-section{width:100%;margin:28px 0}.faq-section h2{color:var(--ink);margin:0 0 6px;font:700 22px Syne}.faq-container{gap:10px;width:100%;margin-top:14px;display:grid}.faq-item{border:1px solid var(--line);background:#081720d9;border-radius:14px;width:100%;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#22c7ff59}.faq-header{width:100%;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:700;transition:background .2s;display:flex}.faq-header:hover{color:var(--blue);background:#ffffff0a}.faq-icon{color:var(--blue);flex-shrink:0;margin-left:12px;font-size:16px}.faq-body{color:var(--muted);background:#00000026;border-top:1px solid #ffffff0f;padding:12px 18px 16px;font-size:14px;line-height:1.6}.theme-toggle-btn{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;background:#ffffff14;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--blue);background:#ffffff26}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b1a26;--muted:#4a6273;--card:#fff;--panel:#fff;--bg:#f8fafc;--line:#ccd8e2;--green:#15803d;--blue:#0284c7;--purple:#7e22ce}[data-theme=light] body{color:var(--ink);background:#f0f4f8}[data-theme=light] header{border-bottom-color:var(--line);background:#fffffff0}[data-theme=light] input,[data-theme=light] select{color:var(--ink);background:#fff;border-color:#b0c4de}[data-theme=light] .green{color:#fff!important;background:#16a34a!important}[data-theme=light] .blue{color:#fff!important;background:#0284c7!important}[data-theme=light] .agent-details-card,[data-theme=light] .faq-item,[data-theme=light] .drawer{border-color:var(--line);background:#fff}[data-theme=light] .faq-body{border-top-color:var(--line);background:#f8fafc}[data-theme=light] .faq-header:hover{background:#f1f5f9}[data-theme=light] .agent-detail-row{border-color:var(--line);background:#f8fafc}[data-theme=light] nav .active,[data-theme=light] nav button:hover{color:var(--ink);background:#e2e8f0}[data-theme=light] .nav-dropdown-btn:hover,[data-theme=light] .nav-dropdown-btn.active{color:var(--ink);border-color:var(--line);background:#e2e8f0}[data-theme=light] .nav-dropdown-menu{border-color:var(--line);background:#fff;box-shadow:0 12px 36px #00000026}[data-theme=light] .nav-dropdown-item{color:var(--muted)}[data-theme=light] .nav-dropdown-item:hover,[data-theme=light] .nav-dropdown-item.active{color:#0b1a26;background:#f1f5f9}[data-theme=light] .toast{color:#0b1a26;background:#fff;border-color:#0284c7;box-shadow:0 10px 30px #0000001f}[data-theme=light] .bottom-nav{border-top-color:var(--line);background:#fffffff5}[data-theme=light] .pill,[data-theme=light] .eyebrow{color:#15803d;background:#16a34a1f;border-color:#16a34a66}[data-theme=light] .status.COMPLETED{color:#15803d}[data-theme=light] .status.PROCESSING{color:#0284c7}[data-theme=light] .status.REJECTED,[data-theme=light] .status.CANCELLED{color:#dc2626}[data-theme=light] .toggle-btn{color:#334155;background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .toggle-btn:hover{color:#0f172a;background:#cbd5e1}[data-theme=light] .theme-toggle-btn{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .theme-toggle-btn:hover{background:#cbd5e1}[data-theme=light] .hero em{color:#0000;background:linear-gradient(90deg,#15803d,#0284c7);-webkit-background-clip:text;background-clip:text}[data-theme=light] .chips span{border-color:var(--line);color:var(--ink);background:#f1f5f9}[data-theme=light] .responsible{color:#713f12;background:#fefce8;border-color:#fde047}[data-theme=light] .responsible h2{color:#a16207}[data-theme=light] .chat p{color:#0f172a;background:#e2e8f0}[data-theme=light] .chat .user{color:#0369a1;background:#e0f2fe}@media (width>=901px) and (width<=1150px){header{gap:8px;padding:0 12px}.brand small{display:none}nav button,.nav-dropdown-btn{padding:6px 8px;font-size:12px}.head-actions{gap:6px}.head-actions button{padding:6px 9px;font-size:12px}.theme-toggle-btn{padding:6px 8px;font-size:11px}}@media (width<=900px){header{padding:0 16px}.head-actions,nav{display:none}.hamburger{margin-left:auto;display:block}.features{grid-template-columns:repeat(2,1fr)}.drawer{z-index:110;width:min(310px,88vw);max-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));border-right:1px solid var(--line);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0b1a24;flex-direction:column;gap:4px;transition:transform .25s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);overflow-y:auto!important}.drawer.open{transform:none}.drawer .close{min-width:44px;min-height:44px;color:var(--muted);align-self:flex-end;font-size:31px}.drawer>.brand{padding:10px 8px 25px}.drawer>button:not(.close){text-align:left;color:var(--muted);border-radius:10px;gap:14px;padding:13px;display:flex}.drawer>.active{background:#b6ff3512;color:var(--green)!important}.scrim{z-index:100;touch-action:none;background:#0009;display:block;position:fixed;inset:0}.bottom-nav{z-index:60;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0c1b25f2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:44px;color:var(--muted);place-items:center;gap:2px;padding:8px 4px;font-size:11px;display:grid}.bottom-nav b{color:var(--ink);font-size:19px}footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.hero{padding:28px 0}.hero h1{font-size:44px}}@media (width<=540px){main{padding:26px 16px 95px}.features,.transactions,.content-sections{grid-template-columns:minmax(0,1fr)}.content-sections{gap:18px;margin-top:18px}.features article{padding:17px}.hero h1{font-size:37px}.pwa-install-banner{align-items:stretch;padding:14px}.pwa-banner-left{flex-basis:100%}.pwa-banner-actions{width:100%}.pwa-banner-actions button{flex:120px}.wizard,.support,.panel,.responsible{border-radius:16px;margin-top:18px;padding:18px}.support form{grid-template-columns:1fr}.hero p{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.wa-btn,.wa-btn-sleek{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #25d36659;color:#fff!important;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)!important}.wa-btn:hover,.wa-btn-sleek:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d3668c}.wa-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));background:#000000bf;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.wa-modal{text-align:center;background:#0d212d;border:1px solid #25d36666;border-radius:20px;width:100%;max-width:480px;padding:28px;box-shadow:0 20px 50px #0009}.wa-modal h2{color:#25d366;margin:0 0 12px;font:700 24px Syne}.wa-modal p{color:var(--ink);margin:0 0 20px;font-size:14px;line-height:1.6}.wa-modal-actions{flex-direction:column;gap:12px;display:flex}[data-theme=light] .wa-modal{background:#fff;border-color:#25d366}.ocr-upload-container{box-sizing:border-box;width:100%;margin:20px 0}.ocr-dropzone{text-align:center;cursor:pointer;box-sizing:border-box;background:radial-gradient(circle at 50% 0,#22c7ff14 0%,#081720d9 70%);border:2px dashed #b6ff3566;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:100%;padding:28px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.ocr-dropzone:hover{border-color:var(--green);background:radial-gradient(circle at 50% 0,#b6ff351f 0%,#081720f2 70%);transform:translateY(-2px);box-shadow:0 10px 30px #0006,0 0 20px #b6ff3526}.ocr-dropzone.drag-active{background:#b6ff3524;border-style:solid;border-color:#b6ff35;transform:scale(1.015);box-shadow:0 0 35px #b6ff3559}.ocr-dropzone.is-scanning{cursor:wait;border-color:var(--blue);background:#081720f2}.ocr-upload-icon-badge{width:64px;height:64px;color:var(--green);background:linear-gradient(135deg,#b6ff3526,#22c7ff26);border:1px solid #b6ff354d;border-radius:18px;justify-content:center;align-items:center;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 6px 18px #0000004d,inset 0 1px 1px #fff3}.ocr-dropzone:hover .ocr-upload-icon-badge{border-color:var(--green);transform:scale(1.08)rotate(-3deg);box-shadow:0 8px 24px #b6ff354d,inset 0 1px 1px #fff6}.ocr-dropzone-title{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-family:Syne,sans-serif;font-size:16px;font-weight:700;display:flex}.ocr-dropzone-title em{color:var(--green);text-underline-offset:3px;font-style:normal;text-decoration:underline}.ocr-dropzone-desc{color:var(--muted);max-width:440px;margin:0;font-size:13px;line-height:1.5}.ocr-badges-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.ocr-tag{border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;background:#ffffff0d;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700}.ocr-scan-progress-wrap{background:#07121bf2;border:1px solid #22c7ff59;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:520px;margin-top:14px;padding:16px 18px;animation:2s ease-in-out infinite ocrPulse;display:flex;box-shadow:0 8px 24px #00000080,0 0 20px #22c7ff26}@keyframes ocrPulse{0%,to{border-color:#22c7ff59}50%{border-color:#b6ff3599}}.ocr-scan-header{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.ocr-scan-status{color:var(--blue);align-items:center;gap:8px;display:flex}.ocr-spin-icon{animation:1.4s linear infinite ocrSpin}@keyframes ocrSpin{to{transform:rotate(360deg)}}.ocr-progress-percent{color:var(--green);background:#b6ff351f;border:1px solid #b6ff3540;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:14px;font-weight:800}.ocr-progress-bar-track{background:#ffffff14;border-radius:99px;width:100%;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.ocr-progress-bar-fill{background:linear-gradient(90deg,#b6ff35 0%,#22c7ff 50%,#956bff 100%) 0 0/200% 100%;border-radius:99px;height:100%;transition:width .25s ease-out;animation:2s linear infinite ocrGradientMove;box-shadow:0 0 12px #b6ff3599}@keyframes ocrGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ocr-result-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;background:#081720f0;border:1px solid #b6ff3573;border-radius:16px;flex-direction:column;gap:16px;width:100%;padding:18px;display:flex;box-shadow:0 12px 30px #00000073}.ocr-result-body{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ocr-receipt-thumb-wrap{border:1px solid var(--line);background:#000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative;overflow:hidden}.ocr-receipt-thumb{object-fit:contain;width:100%;height:100%}.ocr-extracted-details{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.ocr-detected-title{color:var(--green);align-items:center;gap:6px;margin-bottom:2px;font-size:14px;font-weight:700;display:flex}.ocr-data-pill{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.ocr-data-label{color:var(--muted);font-weight:600}.ocr-data-val-amount{color:var(--green);font-size:14px;font-weight:800}.ocr-data-val-ref{color:var(--blue);font-family:monospace;font-weight:700}.ocr-actions-row{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.ocr-btn-secondary{color:var(--blue);cursor:pointer;background:#22c7ff1f;border:1px solid #22c7ff4d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.ocr-btn-secondary:hover{background:var(--blue);color:#001720}.ocr-btn-danger{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.ocr-btn-danger:hover{color:#fff;background:#ef4444}.promo-banner{border-radius:16px;width:100%;transition:all .2s}.pwa-install-banner{box-sizing:border-box;background:linear-gradient(135deg,#081720f2 0%,#0d212df2 100%);border:1px solid #b6ff3559;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 0 24px;padding:14px 18px;animation:.3s ease-out fadeInDown;display:flex;box-shadow:0 8px 30px #00000059}.pwa-banner-left{flex:280px;align-items:center;gap:14px;min-width:0;display:flex}.pwa-banner-text{min-width:0}.pwa-banner-icon{background:linear-gradient(135deg, var(--green), var(--blue));color:#07121b;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Syne,sans-serif;font-size:20px;font-weight:900;display:flex;box-shadow:0 4px 12px #b6ff354d}.pwa-banner-text .pwa-banner-title{color:var(--ink);margin:0 0 2px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.pwa-banner-text p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.pwa-banner-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pwa-install-help{color:var(--ink);background:#22c7ff1a;border:1px solid #22c7ff59;border-radius:10px;flex:1 0 100%;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.pwa-install-help-close{border:1px solid var(--line);min-width:32px;min-height:32px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;padding:4px 8px;font-size:18px}.pwa-install-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #b6ff354d;background:var(--green)!important;color:#07121b!important}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #b6ff3573}.pwa-dismiss-btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;color:var(--muted)!important;background:#ffffff14!important}.pwa-dismiss-btn:hover{color:var(--ink)!important;background:#ffffff26!important}.head-user-badge{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#ffffff0f;border-radius:9px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.head-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.logout-btn{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;color:#ff859d!important;background:#ff4b4b1f!important;border:1px solid #ff4b4b59!important}.logout-btn:hover{transform:translateY(-1px);color:#ffa4b6!important;background:#ff4b4b38!important;border-color:#ff4b4b99!important}.drawer-user-card{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;gap:10px;margin:6px 0;padding:14px;display:grid}@media (width<=900px){input,select,textarea{font-size:16px}.support form{grid-template-columns:minmax(0,1fr) auto}.support form button{white-space:nowrap}}@media (width<=380px){.brand{font-size:19px}.support form{grid-template-columns:1fr}}.promo-banner{background:linear-gradient(135deg,#22c7ff1f 0%,#b6ff351f 100%);border:1px solid #b6ff3559}.instructions-card{background:var(--panel)}.instructions-card--green{border-color:#b6ff3559}.instructions-card--blue{border-color:#22c7ff59}.instructions-body{color:var(--ink);font-size:14px;line-height:1.7}.instructions-steps{color:var(--ink);background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:8px;padding:12px 14px;display:grid}.instructions-note{color:var(--ink);border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px}.instructions-note--green{border-left:4px solid var(--green);background:#b6ff3514}.instructions-note--blue{border-left:4px solid var(--blue);background:#22c7ff14}[data-theme=light] .promo-banner{background:linear-gradient(135deg,#eaf6ff 0%,#f2fbe4 100%);border-color:#cbe6a8}[data-theme=light] .instructions-card{background:#fff}[data-theme=light] .instructions-steps{border-color:var(--line);background:#f4f7fa}[data-theme=light] .instructions-note--green{background:#eef8e3}[data-theme=light] .instructions-note--blue{background:#e6f4fd}.admin-shell{width:100%;max-width:1200px;padding:0 16px calc(90px + env(safe-area-inset-bottom));min-width:0;margin:20px auto;overflow-x:clip}.admin-shell *{min-width:0}.admin-topbar{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 22px;display:flex}.admin-user-email{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;font-size:13px}.admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin-bottom:20px;display:grid}.admin-tab{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;min-height:46px;color:var(--ink);text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.25;transition:background .15s,border-color .15s,color .15s}.admin-tab:hover,.admin-tab.active{border-color:var(--green)}.admin-tab.active{background:var(--green);color:#102000}@media (width<=700px){.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{padding:0 12px calc(90px + env(safe-area-inset-bottom));margin:12px auto}.admin-topbar{flex-direction:column;align-items:stretch;padding:14px 16px}.admin-topbar>div:first-child{width:100%}.admin-topbar-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.admin-topbar h1{line-height:1.3;font-size:18px!important}.admin-topbar-actions button{flex:45%;justify-content:center}.admin-shell table{width:100%;display:block;overflow-x:auto}}@media (width<=420px){.admin-tabs{grid-template-columns:1fr}}[data-theme=light] .pwa-install-banner{color:var(--ink);background:linear-gradient(135deg,#fff 0%,#f2fbe4 100%);border-color:#cbe6a8;box-shadow:0 8px 24px #0f283c1a}[data-theme=light] .pwa-install-banner p,[data-theme=light] .pwa-install-banner div,[data-theme=light] .pwa-install-banner strong{color:var(--ink)}.agent-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-card__badge{color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:4px 9px;font-size:11px}.agent-card__desc{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.bank-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;width:100%;display:grid}.bank-card{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;gap:10px;min-width:0;padding:14px;transition:border-color .2s,transform .2s,background .2s;display:grid}.bank-card:hover{background:#ffffff12;border-color:#22c7ff73;transform:translateY(-2px)}.bank-card__head{align-items:center;gap:10px;min-width:0;display:flex}.bank-badge{letter-spacing:.5px;width:38px;height:38px;color:var(--blue);background:#22c7ff1f;border:1px solid #22c7ff52;border-radius:11px;flex:none;place-items:center;font:800 13px/1 Syne,system-ui,sans-serif;display:grid}.bank-card--ipay .bank-badge{color:var(--green);background:#b6ff351f;border-color:#b6ff3552}.bank-card__meta{gap:4px;min-width:0;display:grid}.bank-card__name{color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.25}.bank-chip{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#ffffff12;border-radius:999px;justify-self:start;padding:2px 7px;font-size:9px;font-weight:800}.bank-number-row{background:#00000038;border:1px dashed #b6ff3540;border-radius:10px;padding:9px 11px}.bank-number{letter-spacing:.08em;color:var(--green);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;display:block}.bank-number.is-revealed{letter-spacing:.05em}.bank-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bank-actions>.toggle-btn,.bank-actions>.copy-btn{border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:42px;display:inline-flex}[data-theme=light] .bank-card{border-color:var(--line);background:#fff}[data-theme=light] .bank-number-row{background:#0000000a}.drawer-bottom{border-top:1px solid var(--line);gap:10px;width:100%;margin-top:auto;padding-top:14px;display:grid}.lang-switch{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.lang-btn{min-height:38px;color:var(--muted);text-align:center;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 4px;font-size:12px;font-weight:700;transition:all .2s}.lang-btn.is-active{background:var(--green);color:#102000}.drawer-bottom .drawer-action{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:11px 14px;font-size:13px;font-weight:800;display:inline-flex}.drawer-action--outline{border:1px solid var(--line);color:var(--ink);background:#ffffff0d}.drawer-action--outline:hover{border-color:var(--blue)}.drawer-user-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.drawer-user-card__name{color:var(--ink);font-size:14px;font-weight:700}.drawer-user-card__id{color:var(--muted);font-size:11px}.admin-pill{border:1px solid var(--green);color:var(--green);background:#b6ff352e;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}