:root{color:#eef6ff;background:#060a12;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(120deg,rgba(24,224,194,.12),transparent 28%),linear-gradient(240deg,rgba(24,224,194,.14),transparent 32%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#060a12;background-size:auto,auto,28px 28px,28px 28px}button,input,select{font:inherit}button{border:0;cursor:pointer}h1,h2,p{margin:0}input,select{width:100%;height:42px;padding:0 12px;border:1px solid rgba(130,166,205,.24);border-radius:8px;color:#eef6ff;background:#ffffff0f;outline:none}select option{color:#14202e}label{display:grid;gap:8px;color:#8fa6bd;font-size:13px}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:18px}.auth-card{width:min(390px,100%);display:grid;gap:14px;padding:18px;border:1px solid rgba(130,166,205,.28);border-radius:12px;background:#101a2cf0;box-shadow:0 22px 60px #00000061}.auth-card h1{font-size:28px}.auth-card p{color:#8fa6bd;font-size:13px;line-height:1.6}.auth-card button,.panel button{height:42px;border-radius:8px;color:#061019;background:linear-gradient(135deg,#18e0c2,#cafff7);font-weight:850}.auth-segmented button{width:auto}.auth-message{color:#18e0c2;font-size:13px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(24,224,194,.45);border-radius:14px;color:#061019;background:linear-gradient(135deg,#18e0c2,#d7fff8);font-weight:950}.mobile-shell{position:relative;width:min(430px,100%);min-height:100vh;margin:0 auto;padding:14px 14px 90px;background:#0b1220;box-shadow:0 0 0 1px #608bbc38,0 22px 60px #00000061}.top-panel,.section-title,.list-row,.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-panel{margin-bottom:14px}.page-content{display:grid;gap:12px}.eyebrow{color:#18e0c2;font-size:12px;font-weight:850}.live-badge{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;color:#061019;background:linear-gradient(135deg,#18e0c2,#cafff7);font-size:12px;font-weight:850;white-space:nowrap}.hero-panel,.panel,.metric-card{border:1px solid rgba(130,166,205,.22);border-radius:10px;background:#101a2c;box-shadow:0 12px 28px #00000038}.hero-panel{min-height:170px;display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:14px;align-items:center;padding:18px;background:linear-gradient(135deg,#07101ce6,#172846e0),linear-gradient(120deg,#18e0c229,#4f8cff1a)}.hero-panel h2{margin-top:8px;font-size:25px;line-height:1.1}.hero-panel p:last-child{margin-top:10px;color:#8fa6bd;font-size:13px;line-height:1.55}.hero-panel svg{width:58px;height:58px;color:#18e0c2}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{min-height:108px;padding:12px}.metric-card svg,.list-row svg,.info-row svg{width:22px;height:22px;color:#4f8cff}.metric-card p,.list-row p,.info-row p{color:#8fa6bd;font-size:12px}.metric-card strong{display:block;margin-top:10px;font-size:18px;word-break:break-word}.panel{display:grid;gap:12px;padding:14px}.section-title-stacked{align-items:stretch;flex-direction:column}.section-title h2{font-size:17px}.section-title span{color:#8fa6bd;font-size:12px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid rgba(130,166,205,.22);border-radius:10px;background:#ffffff0a}.segmented button{min-width:54px;height:30px;color:#8fa6bd;background:transparent}.field-block{display:grid;gap:8px}.field-label{font-size:12px;color:#8fa6bd}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.package-grid button{min-height:44px;border-radius:8px;color:#eaf6ff;border:1px solid rgba(130,166,205,.22);background:#ffffff0b}.package-grid button.active{color:#061019;border-color:#18e0c2b3;background:linear-gradient(135deg,#18e0c2,#cafff7)}.method-preview{padding:12px;border:1px solid rgba(130,166,205,.22);border-radius:8px;background:#ffffff0b}.method-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.method-preview-head div{display:flex;gap:8px}.method-preview-head button{min-height:30px;padding:0 10px;border-radius:8px;font-size:12px;color:#061019;background:#18e0c2}.method-preview strong{display:block}.method-preview p{color:#8fa6bd;font-size:12px;line-height:1.5}.account-detail-list{display:grid;gap:8px;margin:0}.account-detail-list div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:start}.account-detail-list dt{color:#8fa6bd;font-size:12px}.account-detail-list dd{margin:0;color:#eef6ff;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.segmented button.active{color:#061019;background:linear-gradient(135deg,#18e0c2,#cafff7)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{min-height:74px;display:grid;place-items:center;gap:8px;border:1px solid rgba(130,166,205,.22);border-radius:10px;color:#eef6ff;background:#101a2c;font-size:13px;font-weight:850}.quick-grid svg{width:22px;height:22px;color:#18e0c2}.balance-panel,.profile-card{border:1px solid rgba(130,166,205,.22);border-radius:10px;background:#101a2c;box-shadow:0 12px 28px #00000038}.balance-panel{display:grid;gap:8px;padding:18px}.balance-panel p,.balance-panel span,.profile-card p,.empty-state{color:#8fa6bd;font-size:13px}.balance-panel strong{font-size:30px;line-height:1.1;word-break:break-word}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(130,166,205,.18)}.asset-row:first-of-type{border-top:0}.asset-row span{color:#8fa6bd;font-size:13px}.asset-row strong{text-align:right;word-break:break-word}.profile-card{display:flex;align-items:center;gap:12px;padding:16px}.profile-card h2{font-size:18px}.brand-mark.small{width:46px;height:46px;border-radius:12px}.list-row{padding:12px 0;border-top:1px solid rgba(130,166,205,.22)}.list-row:first-of-type{border-top:0}.toast{position:fixed;left:50%;bottom:86px;width:min(330px,calc(100% - 36px));transform:translate(-50%);padding:12px 14px;border-radius:8px;color:#fff;background:#080e18f5;text-align:center;font-size:13px;box-shadow:0 16px 36px #00000057}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:min(430px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;transform:translate(-50%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(130,166,205,.22);background:#080e18f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:8px;color:#8fa6bd;background:transparent;font-size:11px;font-weight:800}.bottom-nav svg{width:20px;height:20px;display:block}.bottom-nav button.active{color:#18e0c2;background:#18e0c21a}.invite-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(24,224,194,.28);border-radius:12px;background:linear-gradient(135deg,#07101cd9,#172846e6),linear-gradient(120deg,#18e0c22e,#4f8cff1a);box-shadow:0 12px 28px #00000038}.invite-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-head h2{margin-top:6px;font-size:22px}.invite-head svg{width:36px;height:36px;color:#18e0c2}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.invite-link{display:block;min-width:0;padding:10px 12px;border:1px solid rgba(130,166,205,.28);border-radius:8px;color:#eef6ff;background:#ffffff0d;font-size:12px;word-break:break-all;line-height:1.4}.invite-code-block{display:grid;gap:6px}.invite-code-label{color:#8fa6bd;font-size:12px;font-weight:700}.invite-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.invite-code{display:block;min-width:0;padding:12px 14px;border:1px solid rgba(24,224,194,.35);border-radius:8px;color:#18e0c2;background:#18e0c214;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:800;letter-spacing:2px;text-align:center}.copy-btn{display:inline-flex;align-items:center;gap:6px;height:auto;padding:0 14px;border-radius:8px;color:#061019;background:linear-gradient(135deg,#18e0c2,#cafff7);font-size:13px;font-weight:850}.copy-btn svg{width:16px;height:16px}.copy-btn:disabled{opacity:.55;cursor:not-allowed}.invite-tip{color:#8fa6bd;font-size:12px;line-height:1.5}.invite-tip strong{color:#18e0c2}.row-tag{align-self:center;padding:4px 10px;border-radius:999px;color:#061019;background:#18e0c22e;font-size:11px;font-weight:800;white-space:nowrap}.subpage-header{display:flex;align-items:center;gap:12px;padding:4px 4px 0}.subpage-header h2{font-size:18px}.back-btn{height:32px;padding:0 12px;border:1px solid rgba(130,166,205,.28);border-radius:8px;color:#eef6ff;background:#ffffff0a;font-size:13px;font-weight:800}.profile-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-top:1px solid rgba(130,166,205,.14);border-radius:0;color:#eef6ff;background:transparent;text-align:left}.profile-row:first-of-type{border-top:0}.profile-row-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:#8fa6bd;background:transparent}.profile-row-icon svg{width:18px;height:18px}.profile-row-text{flex:1;display:grid;gap:2px;min-width:0}.profile-row-text strong{font-size:14px;color:#eef6ff;font-weight:700}.profile-row-text p{color:#8fa6bd;font-size:12px}.profile-row svg{width:18px;height:18px;color:#8fa6bd}.logout-btn{width:100%;height:44px;margin-top:4px;border:1px solid rgba(255,99,132,.35);border-radius:8px;color:#ff6b81;background:#ff638414;font-size:14px;font-weight:800}.logout-btn:active{background:#ff638429}.confirm-sheet{position:fixed;inset:0;z-index:30;display:grid;place-items:end center;background:#02060e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sheet-fade .18s ease-out}.confirm-sheet-card{width:min(430px,100%);margin:0 14px calc(14px + env(safe-area-inset-bottom));padding:18px 18px 14px;border:1px solid rgba(130,166,205,.28);border-radius:14px;background:#101a2c;box-shadow:0 22px 60px #00000073;animation:sheet-up .22s ease-out}.add-payment-sheet{text-align:left;max-height:86vh;overflow-y:auto}.add-payment-field{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;color:#dce6f5d9}.add-payment-field input,.add-payment-field select{width:100%;height:38px;padding:0 10px;border-radius:8px;border:1px solid rgba(130,166,205,.35);background:#14203499;color:#e6eefb;font:inherit;font-size:14px}.confirm-sheet-card h3{margin:0 0 6px;font-size:16px}.confirm-sheet-card p{color:#8fa6bd;font-size:13px;line-height:1.55}.confirm-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.confirm-sheet-actions button{height:42px;border-radius:8px;font-weight:800;font-size:14px}.confirm-sheet-cancel{border:1px solid rgba(130,166,205,.28);color:#eef6ff;background:#ffffff0a}.confirm-sheet-danger{border:0;color:#fff;background:linear-gradient(135deg,#ff6b81,#ff305a)}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.link-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;color:#8fa6bd;font-size:12px;padding:4px 8px;border-radius:6px}.link-btn:hover:not(:disabled){color:#eef6ff;background:#ffffff0d}.link-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin-anim 1s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reward-today-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.reward-today-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(130,166,205,.18)}.reward-today-card p{display:inline-flex;align-items:center;gap:4px;color:#8fa6bd;font-size:12px}.reward-today-card strong{font-size:20px;color:#eef6ff;font-weight:600}.reward-today-total{grid-column:1 / -1;background:linear-gradient(135deg,#18e0c238,#ffb84c1f);border-color:#18e0c252}.reward-today-total strong{font-size:28px}.reward-today-total p{color:#b6d3e8;font-size:12px}.reward-today-total span{color:#8fa6bd;font-size:11px}.reward-hint{color:#8fa6bd;font-size:12px;margin-top:4px}.reward-filter-row{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.reward-filter-group{display:flex;flex-direction:column;gap:6px}.reward-filter-group-label{font-size:11px;color:#8fa6bd;letter-spacing:1px;font-weight:600;text-transform:none}.reward-filter-group-chips{display:flex;flex-wrap:wrap;gap:6px}.reward-chip{background:#ffffff0a;border:1px solid rgba(130,166,205,.22);color:#b6d3e8;padding:4px 10px;border-radius:999px;font-size:12px}.reward-chip.active{background:linear-gradient(135deg,#18e0c247,#ffb84c2e);border-color:#18e0c266;color:#eef6ff}.reward-empty{text-align:center;color:#8fa6bd;font-size:13px;padding:24px 0}.reward-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.reward-row{padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(130,166,205,.18);border-left:3px solid rgba(24,224,194,.55);display:flex;flex-direction:column;gap:6px}.reward-row.reward-direct,.reward-row.reward-differential{border-left-color:#ffb84ca6}.reward-row-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.reward-row-main strong{font-size:14px;color:#eef6ff}.reward-row-main p{font-size:12px;color:#8fa6bd;margin-top:2px}.reward-amount{font-size:16px;font-weight:600;color:#18e0c2;white-space:nowrap}.reward-amount.in{color:#7ee787}.reward-amount.out{color:#ff8b9c}.reward-row-meta{display:flex;flex-direction:column;gap:2px;color:#8fa6bd;font-size:11px}.ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ledger-summary-six,.ledger-summary-seven,.ledger-summary-eight{grid-template-columns:repeat(2,1fr)}@media(min-width:560px){.ledger-summary-six,.ledger-summary-seven,.ledger-summary-eight{grid-template-columns:repeat(4,1fr)}}.ledger-summary-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(24,224,194,.18)}.ledger-summary-card p{color:#a8b3c7;font-size:12px;display:inline-flex;align-items:center;gap:4px}.ledger-summary-card strong{font-size:20px;color:#eef0f7;font-weight:600}.ledger-summary-card span{color:#8fa6bd;font-size:11px}.ledger-summary-card.ledger-in{background:linear-gradient(135deg,#7ee7871f,#18e0c20f);border-color:#7ee7874d}.ledger-summary-card.ledger-in strong{color:#7ee787}.ledger-summary-card.ledger-out{background:linear-gradient(135deg,#ff8b9c1f,#18e0c20f);border-color:#ff8b9c4d}.ledger-summary-card.ledger-out strong{color:#ff8b9c}.ledger-summary-card.ledger-balance{grid-column:1 / -1;background:linear-gradient(135deg,#18e0c22e,#ffb84c1a);border-color:#18e0c259}.ledger-summary-card.ledger-balance strong{font-size:28px;color:#18e0c2}.ledger-summary-card.ledger-net{background:#ffffff0a;border-color:#82a6cd47}.ledger-summary-card.ledger-net strong{color:#eef6ff}.ledger-summary-card.ledger-today{background:linear-gradient(135deg,#18e0c21f,#ffb84c14);border-color:#18e0c238}.ledger-summary-card.ledger-today strong{color:#cafff7}.ledger-summary-card.ledger-reward{background:linear-gradient(135deg,#18e0c224,#7ee78714);border-color:#18e0c252}.ledger-summary-card.ledger-reward strong{color:#18e0c2}.ledger-summary-card.ledger-reward-total{background:#18e0c20f;border-color:#18e0c238}.ledger-summary-card.ledger-reward-total strong{color:#cafff7}.reward-row.in{border-left-color:#7ee787a6}.reward-row.out{border-left-color:#ff8b9ca6}.reward-row.ledger-recharge,.reward-row.ledger-recharge_approved,.reward-row.ledger-recharge_pending{border-left-color:#7ee7878c}.reward-row.ledger-withdraw,.reward-row.ledger-withdraw_approved,.reward-row.ledger-withdraw_pending{border-left-color:#ff8b9c8c}.reward-row.ledger-invest,.reward-row.ledger-principal_return{border-left-color:#18e0c28c}.reward-row.ledger-static{border-left-color:#7ee7878c}.reward-row.ledger-direct{border-left-color:#fbbf24a6}.reward-row.ledger-differential{border-left-color:#18e0c2b3}.status-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600;letter-spacing:.3px}.status-tag.pending{background:#18e0c22e;color:#18e0c2}.status-tag.approved{background:#18e0c238;color:#18e0c2}.status-tag.rejected{background:#ff5d732e;color:#ff5d73}.status-tag.completed{background:#82a6cd2e;color:#b6d3e8}.reward-row-meta .muted{color:#8fa6bd;font-size:11px;margin-left:4px}.reward-row-meta a{color:#18e0c2;text-decoration:none;border-bottom:1px dashed rgba(24,224,194,.5)}.reward-row-meta a:hover{color:#cafff7;border-bottom-color:#cafff7}.investment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.investment-row{padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(130,166,205,.22);border-left:3px solid rgba(24,224,194,.55);display:flex;flex-direction:column;gap:6px}.investment-row.investment-matured{border-left-color:#ffb84cb3}.investment-row.investment-claimed,.investment-row.investment-cancelled{border-left-color:#82a6cd59;opacity:.7}.investment-row-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.investment-row-main strong{font-size:17px;color:#eef6ff}.investment-row-main p{font-size:12px;color:#8fa6bd;margin-top:2px}.investment-status-running{color:#18e0c2;font-size:12px;font-weight:600}.investment-status-matured{color:#f3a72f;font-size:12px;font-weight:600}.investment-status-claimed,.investment-status-cancelled{color:#8fa6bd;font-size:12px;font-weight:600}.investment-row-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#8fa6bd}.empty-state{text-align:center;color:#8fa6bd;font-size:13px;padding:20px 0}.recent-ledger-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.recent-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(130,166,205,.18);border-left:3px solid rgba(126,231,135,.55)}.recent-ledger-row.out{border-left-color:#ff8b9c8c}.recent-ledger-row strong{font-size:14px;color:#eef6ff;display:block}.recent-ledger-row p{font-size:11px;color:#8fa6bd;margin-top:2px}.recent-ledger-amount{font-size:15px;font-weight:600;white-space:nowrap}.recent-ledger-amount.in{color:#7ee787}.recent-ledger-amount.out{color:#ff8b9c}
