@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.otf);font-weight:400}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.otf);font-weight:500}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.otf);font-weight:700}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.otf);font-weight:900}@font-face{font-family:Noto Sans Lao;src:url(/fonts/NotoSansLao-Regular.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0E80-0EFF}html,body{margin:0;background:#e9eef4;font-family:Noto Sans Lao,Satoshi,system-ui,sans-serif;color:#0b1b2b;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:#0067bc}a:hover{color:#004f91}input,textarea,button,select{font-family:inherit}input::placeholder,textarea::placeholder{color:#8a97a6}button{padding:0}.phone{width:100%;max-width:430px;height:100dvh;margin:0 auto;background:#f6f8fb;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #dce3eb}.phone h1,.phone h2,.phone p{margin:0}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.screen-white{background:#fff}.scroll{flex:1;overflow-y:auto;padding:16px 20px 32px}.scroll-form{flex:1;overflow-y:auto;padding:20px 20px 120px;display:flex;flex-direction:column;gap:20px}.scroll-detail{flex:1;overflow-y:auto;padding:20px 20px 120px;display:flex;flex-direction:column;gap:16px}.scroll,.scroll-form,.scroll-detail,.account,.chips,.sheet-pay{scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar,.scroll-form::-webkit-scrollbar,.scroll-detail::-webkit-scrollbar,.account::-webkit-scrollbar,.chips::-webkit-scrollbar,.sheet-pay::-webkit-scrollbar{width:0;height:0;display:none}.infinite-sentinel{height:1px}.top{padding:16px 20px 0;background:#fff;border-bottom:1px solid #E3E9EF}.top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.logo{height:28px;display:block}.logo-lg{height:44px;align-self:flex-start}.cluster{display:flex;align-items:center;gap:10px}.role-pill{height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700;display:flex;align-items:center}.avatar{border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none;object-fit:cover}.photo-edit{display:flex;align-items:center;gap:12px}.photo-pick{position:relative;height:40px;padding:0 14px;border-radius:12px;background:#e6f1fb;color:#0067bc;font-size:14px;font-weight:700;display:inline-flex;align-items:center;cursor:pointer}.photo-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.photo-clear{border:0;background:transparent;color:#a11b1b;font-size:14px;font-weight:700;cursor:pointer}.avatar-40{width:40px;height:40px;font-size:14px}.avatar-36{width:36px;height:36px;font-size:13px}.avatar-32{width:32px;height:32px;font-size:12px}.avatar-48{width:48px;height:48px}.avatar-56{width:56px;height:56px;font-size:18px}.avatar-26{width:26px;height:26px;font-size:11px}.greet{margin:20px 0 14px}.greet-req{margin:20px 0 16px}.greet-sub{font-size:14px;color:#5b6b7c;font-weight:500}.greet h1,.page-title{font-size:28px;font-weight:900;letter-spacing:-.02em;margin:2px 0 0}.page-title{margin:24px 0 0}.tabs{display:flex;gap:4px;background:#eef2f6;padding:4px;border-radius:12px;margin-bottom:14px}.tab{flex:1;height:40px;border:0;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e5484d;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.stats{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-bottom:16px}.hero{background:linear-gradient(135deg,#0067bc,#0090cf);color:#fff;border-radius:16px;padding:14px 16px}.hero.mb{margin-bottom:16px}.hero-k{font-size:13px;font-weight:500;opacity:.9}.hero-row{display:flex;align-items:baseline;gap:5px;margin-top:4px}.hero-n{font-size:26px;font-weight:900;letter-spacing:-.02em}.hero-u{font-size:13px;font-weight:700}.stat{background:#fff;border:1px solid #E3E9EF;border-radius:16px;padding:14px 16px}.stat-k{font-size:13px;font-weight:500;color:#5b6b7c}.stat-n{font-size:26px;font-weight:900;letter-spacing:-.02em;margin-top:4px;color:#a11b1b}.summary{background:linear-gradient(135deg,#0067bc,#0090cf);color:#fff;border-radius:18px;padding:18px 18px 16px;margin-bottom:16px}.summary-k{font-size:13px;font-weight:500;opacity:.9}.summary-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.summary-n{font-size:30px;font-weight:900;letter-spacing:-.02em}.summary-u{font-size:14px;font-weight:700}.summary-c{font-size:13px;margin-top:6px}.stack-12{display:flex;flex-direction:column;gap:12px}.stack-10{display:flex;flex-direction:column;gap:10px}.card{background:#fff;border:1px solid #E3E9EF;border-radius:18px;overflow:hidden}.card-hit{width:100%;text-align:left;border:0;background:transparent;padding:16px 16px 14px;cursor:pointer;display:flex;flex-direction:column;gap:12px;color:#0b1b2b}.card-hit:active{background:#f6f8fb}.card-actions{display:flex;gap:8px;padding:0 16px 16px}.card-pad{padding:0 16px 16px}.who{display:flex;align-items:center;gap:10px}.who-copy{flex:1;min-width:0}.who-name{font-size:14px;font-weight:700}.who-meta{font-size:12px;color:#5b6b7c}.due{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:10px}.title-17{font-size:17px;font-weight:700}.title-16{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-15{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-13{font-size:13px;color:#5b6b7c;margin-top:2px;display:flex;align-items:center;gap:6px}.sub-13.plain{display:block}.amt-row{display:flex;align-items:baseline;gap:5px}.amt-24{font-size:24px;font-weight:900;letter-spacing:-.02em}.amt-18{font-size:18px;font-weight:900;letter-spacing:-.01em;flex:none}.amt-15{font-size:15px;font-weight:900}.amt-34{font-size:34px;font-weight:900;letter-spacing:-.02em}.lak-13{font-size:13px;font-weight:700;color:#5b6b7c}.lak-12{font-size:12px;font-weight:700;color:#5b6b7c}.lak-15{font-size:15px;font-weight:700;color:#5b6b7c}.btn-reject{flex:1;height:46px;border-radius:12px;border:1.5px solid #E3B4B4;background:#fff;color:#b42318;font-size:15px;font-weight:700;cursor:pointer}.btn-reject:hover{background:#fdf2f2}.btn-go{flex:1.6;height:46px;border:0;border-radius:12px;background:#0067bc;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.btn-go:hover,.btn-go.full:hover,.btn-primary:hover,.btn-pay:hover{background:#005aa6}.btn-go.full{flex:none;width:100%}.item{text-align:left;width:100%;background:#fff;border:1px solid #E3E9EF;border-radius:16px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;color:#0b1b2b}.item:active{background:#f1f5f9}.item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.item-top.center{align-items:center}.min0{min-width:0}.item-sub{font-size:13px;color:#5b6b7c;margin-top:2px}.item-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.meta-12{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#5b6b7c}.pill{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:10px}.pill-sm{display:inline-block;margin-top:3px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px}.right{text-align:right;flex:none}.quote{font-size:13px;line-height:1.45;color:#3b4b5c;padding:8px 12px;background:#f6f8fb;border-radius:10px}.receipt-line{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0067bc;cursor:pointer}.split{display:flex;justify-content:space-between;gap:12px}.month-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.month-row{display:flex;align-items:center;gap:8px}.month-arrow,.month-btn{border-radius:12px;border:1px solid #DCE3EB;background:#fff;color:#0b1b2b;cursor:pointer;display:flex;align-items:center;justify-content:center}.month-arrow{width:44px;height:44px;flex:none}.month-btn{flex:1;height:44px;gap:8px;font-size:16px;font-weight:700}.chev{transition:transform .2s}.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;background:#fff;border:1px solid #E3E9EF;border-radius:16px;box-shadow:0 8px 24px #0b1b2b14}.month-cell{height:52px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:15px;font-weight:700}.month-cell span{font-size:11px;font-weight:500}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 14px;padding:0 20px}.chip{flex:none;height:36px;padding:0 14px;border-radius:18px;font-size:14px;font-weight:700;cursor:pointer}.caught{text-align:center;padding:56px 20px}.caught-icon,.done-icon{border-radius:50%;margin:0 auto;background:linear-gradient(135deg,#0067bc,#00e2e2);display:flex;align-items:center;justify-content:center;color:#fff}.caught-icon{width:64px;height:64px}.caught h2{font-size:20px;font-weight:900;margin-top:16px}.caught p,.empty-fin p{font-size:15px;color:#5b6b7c;margin-top:4px}.empty-fin{text-align:center;padding:40px 20px}.empty-fin h2{font-size:20px;font-weight:900}.empty-list{text-align:center;padding:48px 20px;color:#5b6b7c;font-size:15px}.account{flex:1;min-height:0;overflow-y:auto;padding:16px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.profile,.rows,.panel{background:#fff;border:1px solid #E3E9EF;border-radius:18px}.profile{padding:20px;display:flex;align-items:center;gap:14px}.profile-name{font-size:18px;font-weight:700}.profile-title{font-size:14px;color:#5b6b7c;margin-top:2px}.rows{padding:4px 20px}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #EEF2F6}.card-title>span:first-child{font-size:16px;font-weight:700;color:#0b1b2b}.row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #EEF2F6;font-size:15px}.row span:first-child{color:#5b6b7c}.row span:last-child{font-weight:700;text-align:right}.edit-link{font-size:12px;font-weight:700;color:#0067bc;cursor:pointer}.btn-signout{margin-top:8px;width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;border:1.5px solid #F0C4C4;background:#fff7f7;color:#b42318;font-size:16px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}.btn-signout:active{background:#feecec;transform:scale(.98)}.signin{--signin-blue: #0067bc;--signin-sky: #0090cf;--signin-mist: #E8F3FB;position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:36px 22px 40px;overflow-y:auto;background:radial-gradient(120% 80% at 100% -10%,rgba(0,144,207,.22),transparent 55%),radial-gradient(90% 70% at -15% 110%,rgba(0,103,188,.16),transparent 50%),linear-gradient(180deg,#f4f9fd,#eef4fa 42%,#f7fafc)}.signin-hero{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.signin-orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.35;animation:signin-float 10s ease-in-out infinite}.signin-orb-a{width:220px;height:220px;top:-90px;right:-80px;background:radial-gradient(circle at 35% 35%,#7ad3f0,#0067bc 70%)}.signin-orb-b{width:140px;height:140px;left:-70px;top:42%;background:radial-gradient(circle at 40% 40%,#c9e8f8,#0090cf 75%);animation-delay:-2.5s}.signin-orb-c{width:180px;height:180px;right:-70px;bottom:-40px;background:radial-gradient(circle at 45% 40%,#b8ddf2,#0067bc 72%);animation-delay:-5s}@keyframes signin-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}.signin-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:28px 18px 18px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(220,227,235,.95);box-shadow:0 18px 40px #0f2d5014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:signin-rise .55s ease-out both}.signin-brand{display:flex;justify-content:center;margin-bottom:8px}.signin-logo{width:148px;height:auto;display:block;object-fit:contain}@keyframes signin-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.signin-field{display:flex;flex-direction:column;gap:8px}.signin-field>span{font-size:13px;font-weight:800;color:#3d4f63;letter-spacing:.01em}.signin-input-wrap{position:relative;display:flex;align-items:center}.signin-ico{position:absolute;left:14px;color:#7a8b9c;pointer-events:none}.signin-input{width:100%;height:54px;border-radius:14px;border:1.5px solid #DCE3EB;background:#f7fafc;padding:0 14px 0 44px;font-size:16px;color:#0b1b2b;outline:none;transition:border-color .18s,background .18s,box-shadow .18s}.signin-input-password{padding-right:48px}.signin-input:focus{border-color:#0067bc;background:#fff;box-shadow:0 0 0 4px #0067bc1f}.signin-eye{position:absolute;right:10px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#7a8b9c;cursor:pointer}.signin-eye:hover,.signin-eye:focus-visible{color:#0067bc;background:#0067bc14;outline:none}.signin-error{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;background:#fef3f2;border:1px solid #F5D0CD;color:#b42318;font-size:13px;font-weight:700;line-height:1.4}.signin-error svg{flex:none;margin-top:1px}.signin-btn{width:100%;height:56px;margin-top:4px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0067bc,#0090cf);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #0067bc47;transition:transform .15s,filter .15s,box-shadow .15s}.signin-btn:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 14px 28px #0067bc57}.signin-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.signin-btn:disabled{opacity:.72;cursor:wait;box-shadow:none}.signin-list{display:flex;flex-direction:column;gap:12px}.acct{text-align:left;display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1.5px solid #DCE3EB;background:#fff;cursor:pointer;color:#0b1b2b}.acct:hover{border-color:#0067bc;background:#f5fafe}.acct b{font-size:16px;font-weight:700;display:block}.acct small{display:block;font-size:13px;color:#5b6b7c;margin-top:2px;font-weight:400}.bar{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #E3E9EF}.bar-title{font-size:18px;font-weight:700}.bar-title.sm{font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:44px;height:44px;border:0;background:transparent;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0b1b2b}.icon-btn:hover{background:#eef2f6}.bar .pill{margin-right:8px;padding:5px 11px}.amount-card{background:#f6f8fb;border-radius:18px;padding:18px;border:1.5px solid var(--bd, transparent)}.items{display:flex;flex-direction:column;gap:12px}.items-head{display:flex;align-items:baseline;justify-content:space-between}.items-head span:first-child{font-size:16px;font-weight:700}.items-head span:last-child{font-size:13px;font-weight:600;color:#8a97a6}.item-card{background:#f4f7fb;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.item-card .item-top{display:flex;align-items:center;gap:10px}.item-no{width:18px;flex:none;font-size:15px;font-weight:700}.item-title{flex:1;min-width:0;height:46px;border:0;border-radius:12px;background:#fff;padding:0 14px;font-size:15px;color:#0b1b2b;outline:none}.item-remove{width:34px;height:34px;flex:none;border:1px solid #E3E9EF;border-radius:50%;background:#fff;color:#7b8798;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0b1b2b0a}.item-remove:hover{border-color:#f0c4c4;background:#fff7f7;color:#c62828}.item-nums{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}.item-nums label{display:flex;flex-direction:column;gap:6px;min-width:0}.item-nums span{font-size:12px;font-weight:600;color:#8a97a6}.item-nums input{height:46px;width:100%;border:0;border-radius:12px;background:#fff;padding:0 12px;font-size:16px;font-weight:700;color:#0b1b2b;outline:none}.item-line{display:flex;align-items:center;justify-content:space-between;font-size:14px}.item-line span{color:#8a97a6;font-weight:600}.item-line b{font-size:15px;font-weight:800}.add-item{height:52px;border-radius:14px;border:1.5px dashed #7EB6E8;background:#fff;color:#0067bc;font-size:15px;font-weight:700;cursor:pointer}.add-item:hover{background:#f1f7fd}.total-bar{display:flex;align-items:center;justify-content:space-between;background:#0b1b2b;color:#fff;border-radius:16px;padding:18px}.total-bar span{font-size:16px;font-weight:700}.total-bar b{font-size:18px;font-weight:800;letter-spacing:-.01em}.amount-k{font-size:13px;font-weight:700;color:#5b6b7c}.amount-row{display:flex;align-items:baseline;gap:8px;margin-top:6px}.amount-input{flex:1;min-width:0;border:0;background:transparent;font-size:36px;font-weight:900;letter-spacing:-.02em;outline:none;color:#0b1b2b;padding:0}.amount-u{font-size:16px;font-weight:700;color:#5b6b7c}.field{display:flex;flex-direction:column;gap:6px}.field>span,.block-label{font-size:14px;font-weight:700}.opt{font-weight:500;color:#5b6b7c}.input,.select,.date{height:50px;border-radius:12px;border:1.5px solid var(--bd, #DCE3EB);padding:0 14px;font-size:16px;outline:none;color:#0b1b2b;background:#fff;width:100%}.date{padding:0 12px;font-size:15px}.input:focus,.select:focus,.area:focus{border-color:#0067bc}.select{padding:0 44px 0 14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select-wrap{position:relative}.select-chev{position:absolute;right:16px;top:17px;pointer-events:none}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.locked{height:50px;border-radius:12px;background:#f6f8fb;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:15px}.area{border-radius:12px;border:1.5px solid var(--bd, #DCE3EB);padding:12px 14px;font-size:16px;outline:none;resize:none;color:#0b1b2b;width:100%}.area-sheet{width:100%;margin-top:16px;border-radius:12px;border:1.5px solid var(--bd, #DCE3EB);padding:12px 14px;font-size:16px;outline:none;resize:none;color:#0b1b2b}.err{color:#c62828;font-size:13px}.err.mt{margin-top:6px}.attach{position:relative;height:64px;border-radius:14px;border:1.5px dashed var(--bd, #9FB0C2);background:#fff;color:#0067bc;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.attach:hover{background:#f1f7fd}.attach-busy{cursor:default;color:#5b6b7c;background:#f7fafc}.attach-busy:hover{background:#f7fafc}.spin{width:16px;height:16px;border-radius:50%;border:2px solid #C5D0DB;border-top-color:#0067bc;animation:spin .7s linear infinite;flex-shrink:0}.spin-on-dark{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.btn-with-spin{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:disabled,.btn-go:disabled,.btn-reject:disabled,.btn-sheet:disabled,.btn-pay:disabled,.dock-reject:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#f6f8fb}.file.sm{gap:10px;margin-top:12px;padding:0;background:transparent}.pdf{border-radius:10px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}.pdf-form{width:40px;height:40px;background:#dcebf8;color:#0067bc;font-size:11px}.pdf-detail{width:36px;height:36px;border-radius:9px;background:#dcebf8;color:#0067bc;font-size:10px}.pdf-pay{width:40px;height:40px;background:#dcf5e8;color:#0a6640;font-size:11px}.file-name{font-size:15px;font-weight:700}.file-name.link{font-size:14px;color:#0067bc}.file b{display:block}.file small,.file-sub{font-size:12px;color:#5b6b7c;font-weight:400}.link-btn{border:0;background:transparent;color:#5b6b7c;font-size:14px;font-weight:700;cursor:pointer;height:44px;padding:0 6px}.file-btn{width:100%;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.file-btn:disabled{cursor:default}.view{font-size:14px;font-weight:700;color:#0067bc}.dock{position:absolute;left:0;right:0;bottom:0;padding:14px 20px 20px;background:#fff;border-top:1px solid #E3E9EF}.dock-row{display:flex;gap:10px}.btn-primary{width:100%;height:56px;border:0;border-radius:16px;background:#0067bc;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.btn-primary.grow,.btn-edit{flex:2;width:auto}.btn-edit{height:56px;border:0;border-radius:16px;background:#0067bc;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-edit:hover{background:#005aa6}.dock-reject{flex:1;height:56px;border-radius:16px;border:1.5px solid #E3B4B4;background:#fff;color:#b42318;font-size:16px;font-weight:700;cursor:pointer}.dock-reject:hover{background:#fdf2f2}.dock-withdraw{flex:1;height:56px;border-radius:16px;border:1.5px solid #DCE3EB;background:#fff;color:#0b1b2b;font-size:15px;font-weight:700;cursor:pointer}.dock-withdraw:hover{background:#f6f8fb}.panel{padding:20px}.detail-kicker{font-size:14px;color:#5b6b7c;font-weight:500;display:flex;align-items:center;gap:8px}.edited{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;background:#eef2f6;color:#4a5a6b}.detail-amt{display:flex;align-items:baseline;gap:6px;margin-top:6px}.meta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}.meta-grid.rule{margin-top:18px;padding-top:16px;border-top:1px solid #EEF2F6}.k{font-size:12px;color:#5b6b7c}.v{font-size:15px;font-weight:700;margin-top:2px}.note{margin-top:16px;padding:12px 14px;background:#f6f8fb;border-radius:12px;font-size:14px;line-height:1.5;text-wrap:pretty}.progress-h{font-size:15px;font-weight:700;margin-bottom:16px}.progress-h.tight{margin-bottom:14px}.step{display:flex;gap:14px}.step-rail{display:flex;flex-direction:column;align-items:center}.dot{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900;border:2px solid transparent}.line{width:2px;flex:1;min-height:20px;margin:4px 0}.step-body{padding-bottom:18px;flex:1;min-width:0}.step-label{font-size:15px;font-weight:700}.step-meta{font-size:13px;color:#5b6b7c;margin-top:2px}.step-quote{margin-top:8px;font-size:14px;line-height:1.45;padding:10px 12px;background:#f6f8fb;border-radius:10px}.pay-file{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border-radius:14px;background:#f6f8fb}.doc{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:12px;border:1px solid #E3E9EF;border-radius:16px;background:#fff;box-shadow:0 8px 18px #0b1b2b0a;font:inherit;color:inherit;text-align:left;cursor:pointer}.doc:hover{border-color:#b7d4ee;background:#f7fbfe}.doc:disabled{cursor:default;box-shadow:none}.doc-sheet{width:46px;height:56px;flex:none;border-radius:8px 10px 8px 8px;background:linear-gradient(180deg,#fff,#eaf3fb);border:1px solid #D3E4F2;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px}.doc-sheet:before{content:"";position:absolute;top:-1px;right:-1px;border-width:0 12px 12px 0;border-style:solid;border-color:transparent #F4F8FB #C5D8EA transparent}.doc-ext{position:relative;font-size:10px;font-weight:900;letter-spacing:.04em;color:#0067bc;background:#fff;border-radius:4px;padding:2px 5px}.doc-copy{flex:1;min-width:0}.doc-name{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-kind{display:block;margin-top:3px;font-size:12px;color:#5b6b7c}.doc-view{flex:none;height:32px;padding:0 12px;border-radius:999px;background:#0067bc;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center}.doc-pay .doc-sheet{background:linear-gradient(180deg,#fff,#e8f8f0);border-color:#c7e8d6}.doc-pay .doc-sheet:before{border-color:transparent #F4FBF7 #B7E0C8 transparent}.doc-pay .doc-ext{color:#0a6640}.doc-pay .doc-view{background:#0a6640}.done{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:#fff}.done-icon{width:84px;height:84px}.done h2{font-size:26px;font-weight:900;letter-spacing:-.02em;margin:24px 0 8px}.done p{font-size:16px;color:#5b6b7c;line-height:1.5;max-width:300px;text-wrap:pretty}.done-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:32px}.btn-text{height:52px;border:0;border-radius:16px;background:transparent;color:#0b1b2b;font-size:15px;font-weight:700;cursor:pointer}.nav-req,.nav-two{flex:none;align-items:center;background:#fff;border-top:1px solid #E3E9EF;padding:8px 16px calc(10px + env(safe-area-inset-bottom))}.nav-req{display:grid;grid-template-columns:1fr auto 1fr}.nav-two{display:grid;grid-template-columns:1fr 1fr}.nav-btn{height:56px;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:700}.nav-ico{position:relative;display:flex}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.fab{width:56px;height:56px;margin-top:-22px;border:4px solid #fff;border-radius:50%;background:#0067bc;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0067bc59}.fab:active{transform:scale(.95)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1b2b73;transition:opacity .25s}.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sheet-pay{max-height:92%;overflow-y:auto}.sheet-signout{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.handle{width:40px;height:5px;border-radius:3px;background:#dce3eb;margin:0 auto 16px}.sheet-title{font-size:20px;font-weight:900;letter-spacing:-.01em}.sheet-sub{font-size:14px;color:#5b6b7c;margin-top:4px}.btn-sheet{width:100%;height:56px;border:0;border-radius:16px;margin-top:16px;background:#0067bc;color:#fff;font-size:16px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}.btn-sheet-danger{background:#c62828}.sheet-copy{margin:16px 0 0;font-size:15px;line-height:1.45;color:#0b1b2b}.sheet-actions{display:flex;gap:10px;margin-top:20px}.sheet-actions .btn-sheet{margin-top:0;flex:1;background:#c62828}.sheet-actions-stack{flex-direction:column}.sheet-actions-stack .btn-sheet,.sheet-actions-stack .sheet-keep{width:100%;flex:none}.sheet-keep{flex:1;height:56px;border-radius:16px;border:1.5px solid #DCE3EB;background:#fff;color:#0b1b2b;font-size:16px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}.btn-pay{width:100%;height:56px;border:0;border-radius:16px;margin-top:20px;background:#0067bc;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.methods-label{display:flex;flex-direction:column;gap:8px;margin-top:18px}.methods-label>span{font-size:14px;font-weight:700}.methods{display:flex;flex-wrap:wrap;gap:8px}.method{height:40px;padding:0 14px;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;border:1.5px solid transparent}.mt16{margin-top:16px}.toast{position:absolute;left:20px;right:20px;top:16px;background:#0b1b2b;color:#fff;border-radius:14px;padding:14px 16px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;transition:transform .3s,opacity .3s;pointer-events:none}.toast-dot{width:8px;height:8px;border-radius:50%;flex:none}.bell{position:relative;width:40px;height:40px;border:0;border-radius:12px;background:#f3f6f9;color:#0b1b2b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bell:active{transform:scale(.96)}.bell-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #F3F6F9}.sheet-notif{max-height:78%;display:flex;flex-direction:column;padding-bottom:12px}.notif-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:none}.notif-tabs{margin:14px 0 0;flex:none}.notif-mark{border:0;background:transparent;color:#0067bc;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0;white-space:nowrap}.sheet-notif .notif-scroll{flex:1;min-height:180px;margin-top:14px;padding:0 0 8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-notif .notif-scroll::-webkit-scrollbar{display:none}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-item{display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid #E3E9EF;background:#fff;border-radius:16px;padding:12px 14px;cursor:pointer}.notif-item.unread{background:#f3f8fd;border-color:#cfe6fa}.notif-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.notif-title{font-size:15px;font-weight:800;color:#0b1b2b}.notif-body{margin-top:2px;font-size:13px;line-height:1.35;color:#5b6b7c}.notif-time{margin-top:6px;font-size:12px;color:#8a97a6;font-weight:600}.notif-empty{text-align:center;color:#8a97a6;font-size:14px;font-weight:600;padding:28px 12px}.notif-loading{text-align:center;color:#8a97a6;font-size:13px;font-weight:600;padding:8px 0 4px}.row-btn{width:100%;background:transparent;border:0;cursor:pointer;font:inherit;align-items:center;color:inherit}.toggle{width:44px;height:26px;border-radius:13px;background:#dce3eb;position:relative;transition:background .2s;flex:none}.toggle.on{background:#0067bc}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0b1b2b33;transition:transform .2s}.toggle.on .toggle-knob{transform:translate(18px)}
