:root{--navy-900: #060d24;--navy-800: #0a1a3f;--navy-700: #10235a;--royal-600: #1e4fd8;--royal-500: #2563eb;--royal-400: #3b82f6;--royal-300: #60a5fa;--gold-500: #f5b301;--gold-400: #ffc93c;--gold-300: #ffd968;--ink: #0b1220;--text: #1c2740;--muted: #64748b;--line: #e2e8f0;--bg: #f1f5fb;--card: #ffffff;--green: #16a34a;--red: #dc2626;--radius: 16px;--radius-sm: 12px;--shadow: 0 8px 24px rgba(10, 26, 63, .08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;overscroll-behavior-y:none}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .08s,opacity .15s,box-shadow .15s;font-family:inherit}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-gold{background:linear-gradient(135deg,var(--gold-500),#e6a400);color:#4a3200;box-shadow:0 6px 16px #f5b30159}.btn-ghost{background:#eef2ff;color:var(--royal-600);border:1px solid #dbe3ff}.btn-danger{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.icon-btn{background:#ffffff24;border:none;border-radius:10px;width:38px;height:38px;font-size:17px;cursor:pointer}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.field .opt{font-weight:400;font-style:normal;color:#94a3b8}.field input{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:#fbfdff;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.field input:focus{border-color:var(--royal-500);box-shadow:0 0 0 3px #2563eb24}.form-error{color:var(--red);font-size:13px;min-height:18px;margin-top:8px;text-align:center}.form-note{color:var(--muted);font-size:12.5px;text-align:center;margin-top:10px}.auth-row{display:flex;flex-direction:column;gap:6px}.auth-row .btn{width:100%}.form-ok{color:#15803d;font-size:13px;text-align:center;margin:8px 0 0;line-height:1.4}.verify-banner{display:flex;align-items:center;gap:12px;margin:0 16px 14px;padding:12px 14px;background:linear-gradient(135deg,#fff8e6,#fdf3d3);border:1px solid #f0d98c;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.verify-banner .vb-text{flex:1;display:flex;flex-direction:column;gap:2px}.verify-banner .vb-text strong{font-size:13.5px;color:var(--navy-800)}.verify-banner .vb-text span{font-size:12px;color:#8a6d1a}.verify-banner .btn{flex-shrink:0;white-space:nowrap}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 4px 10px}.section-head h3{font-size:16px;font-weight:800;color:var(--navy-800)}.link-btn{background:none;border:none;color:var(--royal-600);font-size:13px;font-weight:700;cursor:pointer}.card-form{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:8px}.history-list{display:flex;flex-direction:column;gap:8px}.hx-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow)}.hx-row .hx-main{min-width:0}.hx-row .hx-title{font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-row .hx-sub{font-size:12px;color:var(--muted)}.hx-row .hx-amt{font-weight:800;font-size:14.5px;white-space:nowrap}.hx-row .hx-amt.pos{color:var(--green)}.hx-row .hx-amt.neg{color:var(--red)}.badge{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}.badge.pending{background:#fef3c7;color:#92400e}.badge.approved,.badge.paid{background:#dcfce7;color:#166534}.badge.rejected{background:#fee2e2;color:#991b1b}.badge.active{background:#dbeafe;color:#1e40af}.badge.expired{background:#e2e8f0;color:#475569}.page-head{padding:6px 4px 4px}.page-head h2{font-size:22px;font-weight:800;color:var(--navy-800)}.page-head p{color:var(--muted);font-size:13.5px;margin-top:3px}.auth-screen{min-height:100dvh;background:radial-gradient(1000px 500px at 85% -10%,rgba(59,130,246,.55),transparent 60%),radial-gradient(800px 420px at -10% 100%,rgba(245,179,1,.25),transparent 55%),linear-gradient(160deg,var(--navy-800) 0%,var(--navy-700) 45%,var(--royal-600) 130%);display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:420px}.auth-brand{text-align:center;margin-bottom:26px}.auth-logo{width:66px;height:66px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,var(--gold-500),#e6a400);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#4a3200;box-shadow:0 12px 30px #f5b30166;overflow:hidden}.auth-logo .logo-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.auth-brand h1{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.3px}.auth-brand p{color:#ffffffa6;font-size:13.5px;margin-top:4px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#ffffff17;padding:6px;border-radius:14px;margin-bottom:18px;backdrop-filter:blur(6px)}.auth-tab{border:none;background:transparent;color:#ffffffb3;padding:11px;border-radius:10px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.auth-tab.active{background:#fff;color:var(--navy-800);box-shadow:0 4px 14px #0000002e}.auth-form{background:#fff;border-radius:20px;padding:22px 20px;box-shadow:0 24px 60px #040a2073}.auth-form .field>span{color:#334155}.auth-note{text-align:center;color:#ffffff8c;font-size:11.5px;margin-top:16px}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:40;background:linear-gradient(135deg,var(--navy-800),var(--royal-600));padding:14px 16px calc(14px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 18px #0a1a3f59}.header-brand{display:flex;align-items:center;gap:10px;color:#fff}.brand-logo{width:40px;height:40px;border-radius:12px;font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--gold-500),#e6a400);color:#4a3200;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f5b30166;overflow:hidden}.brand-logo .logo-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.header-brand strong{font-size:16.5px;display:block;line-height:1.15}.header-plan{font-size:11.5px;color:#ffffffb3;font-weight:500}.app-main{flex:1;padding:16px 16px 110px;overflow-y:auto}.tab-view{display:none}.tab-view.active{display:block;animation:fadeUp .22s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:50;width:100%;max-width:520px;display:flex;overflow-x:auto;scrollbar-width:none;background:#0a1a3ff7;backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #040a2059}.bottom-nav::-webkit-scrollbar{display:none}.nav-item{flex:1 0 auto;min-width:62px;max-width:76px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#ffffff8c;cursor:pointer;padding:6px 4px;border-radius:12px;transition:color .15s,background .15s;font-family:inherit}.nav-item .nav-ico{font-size:19px;line-height:1;filter:grayscale(1) opacity(.75);transition:filter .15s,transform .15s}.nav-item .nav-label{font-size:9.5px;font-weight:700;white-space:nowrap}.nav-item.active{color:var(--gold-300);background:#f5b3011f}.nav-item.active .nav-ico{filter:none;transform:translateY(-1px)}.hero-card{background:linear-gradient(135deg,var(--navy-800) 0%,var(--royal-600) 100%);border-radius:22px;padding:22px 20px;color:#fff;box-shadow:0 14px 34px #1e4fd859;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(245,179,1,.28),transparent 65%)}.hero-label{font-size:12.5px;color:#ffffffb3;font-weight:600}.hero-balance{font-size:32px;font-weight:800;margin:4px 0 14px;color:var(--gold-300);letter-spacing:-.5px}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.hero-split>div{background:#ffffff1a;border-radius:12px;padding:10px 12px}.hero-split span{display:block;font-size:10.5px;color:#ffffffa6;font-weight:600}.hero-split strong{font-size:15px;font-weight:800}.hero-split .gold{color:var(--gold-300)}.hero-banner{font-size:12px;color:#ffffffd9;background:#ffffff14;border-radius:10px;padding:8px 12px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.qa-btn{background:var(--card);border:none;border-radius:14px;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;box-shadow:var(--shadow);font-family:inherit;transition:transform .1s}.qa-btn:active{transform:scale(.96)}.qa-ico{width:38px;height:38px;border-radius:12px;font-size:17px;background:linear-gradient(135deg,#e8efff,#dbe4ff);color:var(--royal-600);display:flex;align-items:center;justify-content:center}.qa-btn span:last-child{font-size:11.5px;font-weight:700;color:var(--navy-800)}.plan-list{display:flex;flex-direction:column;gap:10px}.plan-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:4px solid var(--royal-500)}.plan-card.trial{border-left-color:var(--gold-500)}.plan-card.expired-card{border-left-color:#cbd5e1;opacity:.72}.plan-card .pc-name{font-weight:800;font-size:15.5px;color:var(--ink)}.plan-card .pc-sub{font-size:12px;color:var(--muted);margin-top:2px}.plan-card .pc-price{font-weight:800;color:var(--gold-500);font-size:17px}.plan-card .pc-btn{background:linear-gradient(135deg,var(--royal-500),var(--royal-600));color:#fff;border:none;border-radius:10px;padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap}.plan-card .pc-btn:disabled{opacity:.5}.plan-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.plan-meta .chip{font-size:10.5px;font-weight:700;background:#eef2ff;color:var(--royal-600);padding:3px 8px;border-radius:99px}.plan-meta .chip.gold{background:#fef9e7;color:#92600a}.announce-list{display:flex;flex-direction:column;gap:8px}.announce{background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow);border-left:3px solid var(--gold-500)}.announce h4{font-size:13.5px;font-weight:800;color:var(--ink)}.announce p{font-size:12.5px;color:var(--muted);margin-top:3px}.announce time{font-size:10.5px;color:#94a3b8}.tg-buttons{display:flex;flex-direction:column;gap:10px}.tg-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#229ed9,#1d8cc2);color:#fff;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px #229ed940;transition:transform .1s}.tg-btn:active{transform:scale(.98)}.tg-btn.channel{background:linear-gradient(135deg,#1e4fd8,#2563eb);box-shadow:0 6px 16px #2563eb40}.tg-ico{font-size:17px}.referral-card{background:linear-gradient(135deg,var(--navy-800),var(--royal-600));border-radius:20px;padding:20px;text-align:center;color:#fff;box-shadow:0 12px 30px #1e4fd84d}.rc-label{font-size:12px;color:#ffffffb3;font-weight:600}.rc-code{font-size:26px;font-weight:800;letter-spacing:5px;color:var(--gold-300);background:#ffffff14;border-radius:12px;padding:10px;margin:10px 0 14px;font-variant-numeric:tabular-nums}.referral-card .btn-ghost{background:#fff;color:var(--navy-800);border:none}.rc-hint{font-size:11px;color:#fff9;margin-top:10px;word-break:break-all}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stat-card{background:var(--card);border-radius:var(--radius-sm);padding:14px;box-shadow:var(--shadow)}.stat-card span{display:block;font-size:11.5px;color:var(--muted);font-weight:600}.stat-card strong{font-size:22px;font-weight:800;color:var(--navy-800)}.stat-card .gold{color:var(--gold-500)}.team-list{display:flex;flex-direction:column;gap:8px}.team-row{background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:10px}.team-row .tr-name{font-weight:700;font-size:14px;color:var(--ink)}.team-row .tr-sub{font-size:11.5px;color:var(--muted)}.team-row .tr-bonus{font-weight:800;color:var(--gold-500);font-size:14px;white-space:nowrap}.balance-chip{background:#eef2ff;border:1px solid #dbe3ff;color:var(--royal-600);border-radius:12px;padding:12px 14px;font-size:13.5px;font-weight:600;margin-bottom:12px}.balance-chip .gold{color:#b8860b}.bank-card{background:linear-gradient(135deg,var(--navy-800),var(--royal-600));border-radius:18px;padding:18px;color:#fff;margin-bottom:14px;box-shadow:0 12px 28px #1e4fd84d}.bank-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.15)}.bank-row:last-child{border-bottom:none}.bank-row span{font-size:12.5px;color:#ffffffa6}.bank-row strong{font-size:14.5px}.bank-row.big strong{font-size:21px;letter-spacing:2px;color:var(--gold-300);font-weight:800}.copy-mini{background:#ffffff29;border:none;color:#fff;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.task-plan-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:12px}.task-plan-card .tpc-head{display:flex;justify-content:space-between;align-items:center}.task-plan-card .tpc-name{font-weight:800;font-size:15.5px;color:var(--ink)}.task-progress{margin-top:12px}.task-progress .tp-bar{height:8px;border-radius:99px;background:#e8eef8;overflow:hidden}.task-progress .tp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--royal-500),var(--royal-400));transition:width .3s}.task-progress .tp-label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:6px;font-weight:600}.task-btn{margin-top:12px;width:100%}.task-btn.done{background:#e2e8f0!important;color:#64748b!important;box-shadow:none!important}.ad-slot{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 14px 34px #0a1a3f24;border:2px solid var(--royal-300);margin-top:6px}.ad-slot-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid var(--line)}.ad-badge{background:linear-gradient(135deg,var(--gold-500),#e6a400);color:#4a3200;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:6px;letter-spacing:.5px}.ad-countdown{font-weight:800;font-size:15px;color:var(--royal-600);font-variant-numeric:tabular-nums}.ad-body{min-height:180px;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#0f1f4a,#1e4fd8)}.ad-placeholder{text-align:center;color:#ffffffd9}.ad-placeholder strong{display:block;font-size:18px;margin:8px 0 4px}.ad-placeholder p{font-size:12.5px;color:#fff9}.ad-slot .btn{margin:12px 16px 16px;width:calc(100% - 32px)}.ad-note{font-size:12px;color:var(--muted);text-align:center;padding:0 16px 14px}.profile-head{display:flex;align-items:center;gap:14px;padding:8px 4px 16px}.avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--royal-500),var(--royal-600));color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #2563eb59}.profile-head h2{font-size:19px;font-weight:800;color:var(--navy-800)}.profile-head p{font-size:13px;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.p-cell{background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow)}.p-cell span{display:block;font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.p-cell strong{font-size:14.5px;color:var(--navy-800);word-break:break-word}.p-cell .gold{color:var(--gold-500)}.foot-note{text-align:center;color:#94a3b8;font-size:11.5px;margin:18px 0 6px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:96px;z-index:100;background:var(--navy-800);color:#fff;padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px #040a2066;max-width:88%;text-align:center;animation:fadeUp .2s ease}@media(min-width:640px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 60px #0a1a3f14}}
.wd-breakdown{background:#f8fafc;border:1px dashed #d0d9ea;border-radius:12px;padding:12px 14px;margin:2px 0 14px}.wd-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);padding:3px 0}.wd-row.total{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-weight:700;color:var(--ink)}.wd-row.total .gold{color:#b8860b;font-size:15px}.wd-row .neg{color:var(--red);font-weight:700}.maintenance-screen{position:fixed;inset:0;z-index:200;background:radial-gradient(1000px 500px at 85% -10%,rgba(59,130,246,.5),transparent 60%),linear-gradient(160deg,var(--navy-800) 0%,var(--navy-700) 45%,var(--royal-600) 130%);display:flex;align-items:center;justify-content:center;padding:24px 16px}.maint-card{background:#fff;border-radius:22px;padding:34px 26px;text-align:center;max-width:400px;width:100%;box-shadow:0 24px 60px #040a2073}.maint-logo{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,var(--gold-500),#e6a400);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 10px 26px #f5b30166}.maint-card h1{font-size:22px;font-weight:800;color:var(--navy-800);margin-bottom:8px}.maint-card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:20px}.maint-card .btn{width:100%}
.install-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff8e6,#fdf3d3);border:1px solid #f0d98c;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);margin-bottom:6px}.install-card-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--gold-500),#e6a400);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.install-card-body{flex:1;min-width:0}.install-card-body strong{display:block;font-size:13.5px;color:var(--navy-800)}.install-card-body span{font-size:11.5px;color:#8a6d1a;line-height:1.35;display:block;margin-top:2px}.install-card .btn{flex-shrink:0;white-space:nowrap;padding:10px 14px;font-size:12.5px}