@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#F4F2EF;--surface:#FFFFFF;--surface-2:#F6F4F1;--ink:#1A1B1F;--muted:#78777D;--line:#E7E3DD;--red:#E91A2F;--red-deep:#C4122A;--red-soft:#FBE3E5;--char:#3A404C;--char-2:#2E333D;--success:#2FA84A;--success-bg:#E6F6E9;--warn:#E28C12;--warn-bg:#FCEFD9;--danger:#E0433B;--danger-bg:#FBE5E3;--radius:12px;--shadow:0 1px 2px rgba(30,22,18,.06);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{height:100%}body{font-family:Nunito,Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,Roboto,sans-serif;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;line-height:1.5}a{text-decoration:none;color:inherit}input{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}.t-red{background:var(--red-soft);color:var(--red)}.t-char{background:#edeae5;color:#3a404c}.t-grn{background:var(--success-bg);color:var(--success)}.t-warn{background:var(--warn-bg);color:var(--warn)}.t-vio,.t-tea{background:#edeae5;color:#3a404c}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--ground)}.login-card{width:100%;max-width:940px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #1e161214;display:grid;grid-template-columns:1fr 1.06fr;min-height:530px}.login-photo{position:relative;background:#fbdde0}.login-photo>img,.login-photo>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.login-photo .cap{position:absolute;left:16px;bottom:16px;font-size:11px;color:#fff;background:#140a0a66;padding:6px 12px;border-radius:999px;font-weight:700}@media (max-width:640px){.login-page{padding:0;background:var(--surface);place-items:stretch}.login-card{grid-template-columns:1fr;max-width:none;min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-photo{display:none}.login-form{padding:34px 24px calc(24px + env(safe-area-inset-bottom))}}.login-form{padding:38px 42px;display:flex;flex-direction:column;gap:13px}.login-form .lg2{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:21px;letter-spacing:.01em}.login-form .lg2 img{height:42px;max-width:190px;object-fit:contain}.login-form .lg2 .sun{width:27px;height:27px}.login-form h1{color:var(--red);font-size:29px;margin-top:8px;font-weight:800}.login-form .welcome{color:var(--muted);font-size:13.5px;line-height:1.65;max-width:44ch}.fl{display:flex;flex-direction:column;gap:7px;margin-top:4px}.fl label{font-size:13px;font-weight:700}.fl .inp{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:0 13px;height:48px}.fl .inp:focus-within{border-color:var(--red);background:var(--surface)}.fl .inp svg{width:17px;height:17px;color:var(--muted);flex:none}.fl .inp input{border:0;background:transparent;outline:none;flex:1;font-size:15px;color:var(--ink);min-width:0}.fl .inp .eye{cursor:pointer;opacity:.5}.login-form .forgot{text-align:right;color:var(--red);font-size:12.5px;font-weight:800;cursor:pointer;margin-top:-2px}.btn-login{height:50px;border:0;border-radius:10px;cursor:pointer;margin-top:4px;background:var(--red);color:#fff;font-weight:800;font-size:16px;letter-spacing:.2px;transition:background .15s}.btn-login:hover:not(:disabled){background:var(--red-deep)}.btn-login:disabled{opacity:.55}.login-form .langsw{display:flex;justify-content:center;gap:2px;font-size:12.5px}.login-form .langsw a{color:var(--muted);cursor:pointer;padding:2px 7px;border-radius:7px}.login-form .langsw a.on{color:var(--red);background:var(--red-soft);font-weight:800}.login-form .msg{min-height:18px;font-size:13px;color:var(--danger)}.login-form .foot{font-size:11.5px;color:var(--muted);text-align:center;margin-top:auto}.login-form .forgot{cursor:pointer}.login-form .faq-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:var(--red);font-size:13px;font-weight:800;cursor:pointer}.login-form .faq-link svg{width:16px;height:16px}.login-form .faq-link:hover{text-decoration:underline}.fp-card{width:100%;max-width:448px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 20px #1e161214;padding:34px;display:flex;flex-direction:column;gap:12px}.fp-card .lg2{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:20px}.fp-card .lg2 img{height:28px;max-width:140px;object-fit:contain}.fp-card .lg2 .sun{width:25px;height:25px}.fp-card h1{color:var(--red);font-size:24px;font-weight:800;margin-top:4px}.fp-card .welcome{color:var(--muted);font-size:13px;line-height:1.6}.fp-card .msg{min-height:18px;font-size:13px;color:var(--danger)}.fp-row{display:flex;gap:10px;align-items:stretch}.fp-row .inp{flex:1}.btn-code{flex:none;padding:0 14px;border:1px solid var(--red);background:var(--red-soft);color:var(--red-deep);border-radius:11px;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}.btn-code:disabled{opacity:.55;cursor:default}.fp-back{text-align:center;margin-top:6px}.fp-back a{color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}@media (max-width:640px){.fp-card{max-width:none;min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:34px 24px calc(24px + env(safe-area-inset-bottom))}}.shell{min-height:100vh;background:var(--ground)}.app-side,.app-top{display:none}.app-content{min-height:100vh}@media (min-width:900px){.shell{display:grid;grid-template-columns:238px 1fr}.app-side{display:flex;flex-direction:column;gap:4px;padding:20px 14px;position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);color:var(--ink)}.app-side .brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:19px;padding:6px 8px 16px;color:var(--ink)}.app-side .brand img{height:38px;max-width:175px;object-fit:contain}.app-side .brand .sun{width:26px;height:26px}.nav-i{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#5b616b;font-size:14px;font-weight:600;cursor:pointer}.nav-i svg{width:18px;height:18px;opacity:.7;flex:none}.nav-i:hover{background:var(--surface-2);color:var(--ink)}.nav-i.on{background:var(--red-soft);color:var(--red-deep);box-shadow:inset 3px 0 0 var(--red)}.nav-i.on svg{opacity:1;color:var(--red)}.app-side .spacer{flex:1}.app-side .help{font-size:12px;color:var(--muted);padding:8px;line-height:1.7;border-top:1px solid var(--line);margin-top:8px}.app-side .help b{color:var(--ink)}.app-main{display:flex;flex-direction:column;min-width:0}.app-top{display:flex;align-items:center;gap:14px;padding:14px 26px;background:var(--surface);border-bottom:1px solid var(--line)}.app-top .greet{font-weight:800;font-size:15px}.app-top .greet span{color:var(--muted);font-weight:600;font-size:12.5px;display:block}.app-top .spacer{flex:1}.app-content{min-height:0;padding:24px 26px;width:100%;max-width:1080px}}.lang-top{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:12.5px}.lang-top a{padding:6px 10px;color:var(--muted);cursor:pointer}.lang-top a.on{background:var(--red);color:#fff;font-weight:700}.iconbtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);background:var(--surface);cursor:pointer}.iconbtn svg{width:17px;height:17px}.home-head{background:linear-gradient(150deg,var(--red),var(--red-deep));color:#fff;padding:16px 18px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.home-head b{font-weight:800}.home-head .sep2{opacity:.6}.home-head .lang-mini{margin-left:auto;font-size:13px}.home-head .lang-mini a{color:#fffc;cursor:pointer;padding:0 3px}.home-head .lang-mini a.on{color:#fff;font-weight:800}.home-head .hh-logout{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:#fff;cursor:pointer;padding:4px 10px;border:1px solid rgba(255,255,255,.45);border-radius:8px;font-size:12.5px;font-weight:700}.home-head .hh-logout svg{width:15px;height:15px}.home-head .hh-logout:active{background:#ffffff26}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 16px}.cell{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 6px 16px;text-align:center;cursor:pointer;color:var(--ink);box-shadow:var(--shadow)}.cell .icn{width:46px;height:46px;border-radius:14px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.cell .icn svg{width:24px;height:24px}.cell span{font-size:14px;font-weight:600}.home-dash{display:none}@media (min-width:900px){.m-home{display:none}.home-dash{display:flex;flex-direction:column;gap:18px;max-width:1040px}}.pc-sec{font-size:21px;font-weight:900;color:var(--ink);margin-bottom:-4px}.pc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pc-card{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px 20px;box-shadow:var(--shadow)}.pc-card .pc-ic{width:48px;height:48px;border-radius:13px;background:var(--red);display:grid;place-items:center;flex:none}.pc-card .pc-ic svg{width:24px;height:24px;fill:#fff}.pc-card .pc-tv{flex:1;min-width:0}.pc-card .pc-t{font-size:13px;color:var(--muted);font-weight:800}.pc-card .pc-v{font-size:19px;font-weight:900;color:var(--ink);margin-top:3px;line-height:1.25;word-break:break-word}.pc-card.balance .pc-v{color:var(--red)}.pc-card .pc-go{flex:none;margin-left:auto;background:var(--red);color:#fff;border:0;border-radius:9px;padding:9px 17px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s}.pc-card .pc-go:hover{background:var(--red-deep)}.pc-card .rec-badge{margin-left:auto;flex:none}.m-home{display:block}@media (min-width:900px){.m-home{display:none}}.m-greet{padding:20px 16px 4px}.m-hi{font-size:24px;font-weight:900;color:var(--ink);letter-spacing:-.01em}.m-acct{display:flex;align-items:center;gap:8px;margin-top:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.m-acct .m-acct-ic{width:18px;height:18px;color:var(--red);flex:none}.m-acct .num{color:var(--red);font-weight:800;font-size:16px}.m-acct .m-st{margin-left:auto;font-size:11.5px;font-weight:800;border-radius:6px;padding:2px 9px}.m-acct .m-st.on{background:var(--success-bg);color:var(--success)}.m-acct .m-st.wait{background:var(--warn-bg);color:var(--warn)}.m-acct .m-st.bad{background:var(--danger-bg);color:var(--danger)}.m-sec{padding:16px 16px 8px;font-size:18px;font-weight:900;color:var(--ink)}.sub-cards{display:flex;flex-direction:column;gap:12px;padding:0 16px 8px}.sub-card{display:flex;align-items:center;gap:14px;border-radius:16px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.sub-card .sc-ic{width:44px;height:44px;border-radius:13px;background:var(--red);display:grid;place-items:center;flex:none}.sub-card .sc-ic svg{width:24px;height:24px;fill:#fff}.sub-card .sc-t{font-size:15px;font-weight:800;color:var(--ink)}.sub-card .sc-v{font-size:14.5px;font-weight:600;color:var(--muted);margin-top:3px;word-break:break-word}.sub-card.c1 .sc-v{color:var(--red);font-size:20px;font-weight:900}.mine-hd{padding:18px 16px 6px}.mine-hi{font-size:22px;font-weight:900;color:var(--ink)}.mine-acct{color:var(--red);font-weight:800;font-size:15px;margin-top:4px}.menu-list{padding:6px 16px 16px}.menu-row{display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}.menu-row:last-child{border-bottom:0}.menu-row .mi{width:38px;height:38px;border-radius:11px;background:var(--red-soft);display:grid;place-items:center;flex:none}.menu-row .mi svg{width:20px;height:20px;fill:var(--red)}.menu-row .ml-t{flex:1}.menu-row .chev{width:18px;height:18px;fill:var(--muted);flex:none}.menu-row.danger .mi{background:var(--danger-bg)}.menu-row.danger .mi svg{fill:var(--danger)}.menu-row.danger .ml-t{color:var(--danger)}.tabbar{display:none}@media (max-width:899px){.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:4px}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;border-radius:12px;color:var(--muted);font-size:11px;font-weight:700}.tabbar a svg{width:23px;height:23px}.tabbar a.on{background:var(--red);color:#fff}.app-content{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.nav{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}}.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 17px;box-shadow:var(--shadow)}.dcard .k{font-size:12px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:7px}.dcard .k .ci{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.dcard .k .ci svg{width:15px;height:15px}.dcard .v{font-size:24px;font-weight:800;margin-top:9px;letter-spacing:-.02em}.dcard .v small{font-size:14px;font-weight:700;color:var(--muted)}.dcard.hero{background:linear-gradient(155deg,var(--red-soft),var(--surface) 62%);border-color:color-mix(in srgb,var(--red) 32%,var(--line))}.dcard.hero .v{color:var(--red-deep)}.dcard .go{margin-top:12px;display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-weight:800;font-size:13px;border:0;padding:9px 16px;border-radius:9px;cursor:pointer;transition:background .15s}.dcard .go:hover{background:var(--red-deep)}.dash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dact{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;box-shadow:var(--shadow)}.dact .ci{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}.dact .ci svg{width:20px;height:20px}.dact b{font-size:14px}.dact span{display:block;font-size:12px;color:var(--muted);font-weight:600}.page{min-height:100%}.nav{background:var(--surface);color:var(--ink);padding:14px 16px;display:flex;align-items:center;font-size:17px;font-weight:800}.nav .back{cursor:pointer;margin-right:10px;font-size:22px;line-height:1;color:var(--ink)}.nav .right{margin-left:auto;font-size:14px;font-weight:600;cursor:pointer;color:var(--red)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:16px;padding:4px 16px;box-shadow:var(--shadow)}.row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}.row:last-child{border-bottom:0}.row .k{color:var(--muted)}.row .v{color:var(--ink);font-weight:600}.loading{text-align:center;color:var(--muted);padding:40px}.page .msg{color:var(--danger);text-align:center;min-height:20px;margin-top:12px;font-size:14px}.form{padding:16px}.amount-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.amount-box label{color:var(--muted);font-size:13px;font-weight:700}.amount-input{display:flex;align-items:center;border-bottom:2px solid var(--line);padding:8px 0;margin-top:8px}.amount-input .cur{font-size:26px;color:var(--ink);margin-right:8px;font-weight:700}.amount-input input{border:0;outline:0;font-size:28px;width:100%;color:var(--ink);background:transparent;font-weight:700}.amount-input input::placeholder{font-size:16px;font-weight:500;color:var(--muted);opacity:1}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 20px}.chip{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 18px;font-size:15px;color:var(--ink);cursor:pointer;font-weight:600}.chip.active{background:var(--red-soft);border-color:var(--red);color:var(--red-deep)}.pay-methods{margin-bottom:18px}.pay-methods>label{color:var(--muted);font-size:13px;font-weight:700;display:block;margin-bottom:8px}.pm-grid{display:flex;flex-direction:column;gap:10px}.pm{display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow)}.pm.on{border-color:var(--red)}.pm-dot{width:40px;height:40px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.pm-dot img{width:100%;height:100%;object-fit:contain}.pm-dot.plain{color:#fff;font-weight:800;font-size:17px}.pm-name{flex:1;font-size:15px;font-weight:700;color:var(--ink)}.pm-check{width:20px;height:20px;fill:var(--red);flex:none;opacity:0}.pm.on .pm-check{opacity:1}.btn-primary{width:100%;height:50px;border:0;border-radius:10px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;background:var(--red);letter-spacing:.2px;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--red-deep)}.btn-primary:disabled{opacity:.55}.tip{color:var(--muted);font-size:12px;margin-top:14px;text-align:center}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:12px 16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}.list-item .pinfo{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.list-item .pname{font-size:15px;color:var(--ink);font-weight:700;line-height:1.35;word-break:break-word}.list-item .badge{font-size:11px;background:var(--red-soft);color:var(--red);border-radius:6px;padding:1px 6px;font-weight:800;flex:none}.list-item .pbuy{flex:none;display:flex;align-items:center;gap:10px}.list-item .pprice{color:var(--red);font-weight:800;white-space:nowrap}.list-item .buy{flex:none;border:0;background:var(--red);color:#fff;border-radius:9px;padding:8px 16px;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s}.list-item .buy:hover:not(:disabled){background:var(--red-deep)}.list-item .buy:disabled{opacity:.55}.pkg-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:16px}@media (min-width:640px){.pkg-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.pkg-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0}}.pkg-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 20px 20px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.pkg-card.rec{border-color:var(--red);box-shadow:0 2px 10px color-mix(in srgb,var(--red) 14%,transparent)}.pkg-tag{position:absolute;top:14px;right:14px;background:var(--red-soft);color:var(--red);font-size:11px;font-weight:800;border-radius:6px;padding:2px 9px}.pkg-cur{position:absolute;left:-34px;top:16px;width:124px;transform:rotate(-45deg);background:#1b9e4b;color:#fff;text-align:center;padding:4px 0;font-size:11px;font-weight:800;letter-spacing:.5px;box-shadow:0 2px 5px #0000002e;z-index:1}.pkg-card.cur .pkg-name{padding-left:26px}.pkg-name{font-size:16px;font-weight:800;color:var(--ink);line-height:1.35;min-height:44px;word-break:break-word;padding-right:66px}.pkg-price{margin-top:12px;color:var(--red);font-weight:900;font-size:30px;letter-spacing:-.02em;line-height:1}.pkg-price .cur{font-size:18px;font-weight:800;margin-right:2px;vertical-align:5px}.pkg-buy{margin-top:18px;height:46px;border:0;border-radius:10px;background:var(--red);color:#fff;font-size:15px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:background .15s}.pkg-buy:hover:not(:disabled){background:var(--red-deep)}.pkg-buy:disabled{opacity:.55}.rec-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:12px 16px;padding:14px 16px;box-shadow:var(--shadow)}.rec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rec-title{font-size:15px;font-weight:800;color:var(--ink)}.rec-badge{font-size:11px;font-weight:800;border-radius:6px;padding:2px 8px;flex:none;margin-left:8px}.rec-badge.on{background:var(--success-bg);color:var(--success)}.rec-badge.off{background:#f0f0f0;color:#999}.rec-badge.wait{background:var(--warn-bg);color:var(--warn)}.rec-badge.bad{background:var(--danger-bg);color:var(--danger)}.rec-money{font-size:16px;font-weight:800;color:var(--ink);flex:none}.rec-money.plus{color:var(--success)}.rec-money.minus{color:var(--danger)}.rec-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);padding:4px 0}.rec-row>span:last-child{text-align:right;word-break:break-all}.rec-title .rec-sub{font-size:12.5px;font-weight:600;color:var(--muted);font-style:normal}.rec-parent{margin-top:10px;padding:10px 12px;background:var(--surface-2, #F6F8FA);border-radius:9px}.rec-parent-h{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:4px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 16px}.pager-size{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}.pager-size select{height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:14px;background:var(--surface);color:var(--ink);cursor:pointer}.pager-nav{display:inline-flex;align-items:center;gap:10px}.pager .pg-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:18px;font-weight:800;cursor:pointer;line-height:1}.pager .pg-btn:hover:not(:disabled){border-color:var(--red);color:var(--red)}.pager .pg-btn:disabled{opacity:.45;cursor:default}.pager .pg-info{font-size:13px;color:var(--muted);font-weight:700}.rec-row span:last-child{color:var(--ink);text-align:right}.rec-table{display:none}.rec-cards-m{display:block}@media (min-width:900px){.rec-cards-m{display:none}.rec-table{display:table;width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.rec-table thead th{text-align:left;font-size:13px;font-weight:800;color:var(--muted);padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--line)}.rec-table th.r,.rec-table td.r{text-align:right}.rec-table tbody td{padding:14px 18px;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line)}.rec-table tbody tr:last-child td{border-bottom:0}.rec-table tbody tr:hover td{background:var(--surface-2)}.rec-table td.minus{color:var(--danger);font-weight:800}.rec-table td.plus{color:var(--success);font-weight:800}.rec-table td.ord-no{word-break:break-all}.rec-table td .rec-sub{color:var(--muted);font-style:normal;font-size:12.5px;margin-left:4px}.rec-table tbody tr.rec-prow td{padding-top:0;color:var(--muted);font-size:12.5px;word-break:break-all}}.field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 14px;height:48px;margin-bottom:14px}.field .ico{width:18px;height:18px;fill:var(--muted);flex:none}.field input{border:0;outline:0;flex:1;font-size:15px;color:var(--ink);background:transparent;min-width:0}.field.cap{padding-right:6px}.cap-img{height:38px;width:100px;border-radius:8px;margin-left:8px;cursor:pointer;flex:none;object-fit:cover;background:var(--surface-2);border:1px solid var(--line)}@media (min-width:900px){.app-content .page{min-height:auto}.app-content .nav{background:transparent;color:var(--ink);padding:0 0 18px;font-size:24px}.app-content .nav .back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 6px 0 -6px;border-radius:50%;font-size:26px;color:var(--ink);cursor:pointer;flex:none}.app-content .nav .back:active{background:#0000000f}.app-content .nav .right{color:var(--red)}.app-content .card,.app-content .list-item,.app-content .rec-card{margin-left:0;margin-right:0}.app-content .form{padding:0;max-width:520px}.app-content .amount-box,.app-content .rec-card,.app-content .list-item{max-width:640px}}