*{box-sizing:border-box}body,html{margin:0;background:#080a0f;color:#f5f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell,body{min-height:100vh}.shell{width:100%;max-width:520px;margin:auto;padding:24px 18px 110px;background:radial-gradient(circle at 70% -10%,#162038 0,transparent 38%)}header{justify-content:space-between;margin-bottom:22px}.eyebrow,header{display:flex;align-items:center}.eyebrow{gap:7px;font-size:11px;letter-spacing:1.9px;color:#8090aa;font-weight:800}h1{font-size:29px;margin:5px 0 0;letter-spacing:-1px}.iconBtn{width:42px;height:42px;border-radius:14px;border:1px solid #232838;background:#11151e;color:#dce5f3;display:grid;place-items:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.hero{border:1px solid #252b3a;border-radius:25px;padding:21px;background:linear-gradient(145deg,#151a25,#0d1119);box-shadow:0 20px 60px rgba(0,0,0,.35)}.heroTop{display:flex;justify-content:space-between;color:#7e8ba3;font-size:11px;font-weight:700;letter-spacing:1.3px}.live{color:#63e6a5;display:flex;align-items:center;gap:6px}.live i{width:6px;height:6px;border-radius:100%;background:#63e6a5;box-shadow:0 0 12px #63e6a5}.big{font-size:39px;font-weight:750;letter-spacing:-2px;margin:11px 0 7px}.gain,.loss{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700}.gain,.positive{color:#4fe29a}.loss,.negative{color:#ff6d7a}.gain small,.loss small{margin-left:3px;padding:3px 7px;border-radius:7px;background:#173226;font-size:11px}.heroGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #252a37}.heroGrid div{display:flex;flex-direction:column;gap:6px}.heroGrid span,.stats span{font-size:11px;color:#758198}.heroGrid strong{font-size:16px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin:25px 2px 11px}.sectionTitle>span{font-size:11px;letter-spacing:1.2px;color:#728099;font-weight:800}.sectionTitle button{border:0;background:none;color:#8ca0c2;font-weight:700}.list{display:flex;flex-direction:column;gap:11px}.card{border:1px solid #202634;background:#10141c;border-radius:19px;padding:16px}.cardHead{display:flex;justify-content:space-between;gap:12px}.accountName{font-size:15px;font-weight:750}.meta{font-size:11px;color:#77849a;margin-top:5px;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#4fe29a}.dot.warning{background:#f6c65d}.dot.danger{background:#ff6d7a}.accountBadge{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.4px;border:1px solid #2a3a56;color:#8fb5ff;background:#111b2c}.accountBadge.challenge{border-color:#4b3b20;color:#e7c56f;background:#1b160e}.accountBadge.personal{border-color:#29483e;color:#7eddbb;background:#0f1d18}.equity{text-align:right}.equity small{display:block;color:#647087;font-size:9px;letter-spacing:1px}.equity b{font-size:16px}.editAccountBtn{margin-top:9px;border:1px solid #29344a;background:#111827;color:#8fb5ff;border-radius:9px;padding:6px 8px;display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:13px;border-top:1px solid #1d2330}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:13px}.progressLabel{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;color:#667289}.bar{height:5px;background:#202635;overflow:hidden;margin-top:6px}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:#5c8cff}.bar i.warn{background:#f6c65d}.target{display:flex;justify-content:space-between;margin-top:13px;font-size:12px;color:#8492a9}.target strong{color:#fff}.insight{display:grid;grid-template-columns:45px 1fr 18px;grid-gap:12px;gap:12px;align-items:center;border:1px solid #243047;background:#111827;margin-top:17px;border-radius:18px;padding:14px}.insightIcon{width:42px;height:42px;border-radius:13px;background:#19243a;display:grid;place-items:center;color:#79a7ff}.insight p{margin:4px 0 0;color:#8290a7;font-size:12px;line-height:1.4}.accountsPage{margin-top:6px}.groupHeader{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 11px;color:#8ea0bc;font-size:10px;letter-spacing:1.2px;font-weight:800}.groupHeader b{width:23px;height:23px;border-radius:8px;background:#151b26;display:grid;place-items:center;color:#dce5f3;font-size:10px}.challengeHead{margin-top:24px;color:#d1b46f}.personalHead{margin-top:24px;color:#78c9aa}.riskPage{display:flex;flex-direction:column;gap:15px}.riskScore{border:1px solid #234033;background:linear-gradient(145deg,#10221a,#10151a);padding:20px;border-radius:22px}.riskScore span{font-size:10px;letter-spacing:1.3px;color:#7d9288}.riskScore strong{display:block;font-size:34px;color:#4fe29a;margin:5px 0}.riskScore p{margin:0;color:#819187;font-size:12px}.analyticsPage h3,.riskPage h3{font-size:13px;margin:6px 2px 0}.riskRuleCard{border:1px solid #202634;background:#10141c;border-radius:17px;padding:14px}.riskRuleTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.riskRuleTop>div{min-width:0}.riskRuleTop b{display:block;font-size:12px}.riskRuleTop span{display:block;margin-top:4px;color:#738198;font-size:10px}.riskRuleTop button{display:flex;align-items:center;gap:5px;border:1px solid #2d3c58;background:#131c2d;color:#8fb5ff;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800}.ruleGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:13px}.ruleGrid div{background:#0c1017;border:1px solid #1d2431;border-radius:11px;padding:10px}.ruleGrid span{display:block;color:#68758a;font-size:9px}.ruleGrid b{display:block;margin-top:4px;font-size:13px}.emptyRule{margin-top:12px;border:1px dashed #2c3443;border-radius:12px;padding:11px;color:#768399;font-size:10px;line-height:1.45}.alertBox{display:flex;gap:12px;border:1px solid #4a3c20;background:#1d1810;border-radius:16px;padding:14px;color:#e4bd64}.alertBox p{color:#9d8e6d;margin:4px 0 0;font-size:11px;line-height:1.4}.modalBackdrop{position:fixed;z-index:50;inset:0;background:rgba(2,4,8,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}.modal{width:min(520px,100%);background:#10141c;border:1px solid #283042;border-radius:24px 24px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -30px 80px rgba(0,0,0,.45)}.modalHead{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px}.modalHead span{display:block;font-size:9px;letter-spacing:1.2px;color:#6f7e96;font-weight:800}.modalHead b{display:block;font-size:17px;margin-top:4px}.modalHead small{display:block;color:#8a96aa;margin-top:3px}.modalHead button{width:36px;height:36px;border:1px solid #293142;background:#171c26;color:#dce4f2;border-radius:11px;display:grid;place-items:center}.modalHead svg{width:17px}.modal label{display:block;color:#8390a5;font-size:10px;font-weight:700;margin-top:11px}.modal input{width:100%;margin-top:6px;background:#0b0f15;border:1px solid #252d3b;border-radius:12px;padding:13px 12px;color:#fff;font-size:16px;outline:none}.modal input:focus{border-color:#5c8cff}.typePicker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:7px}.typePicker button{border:1px solid #252d3b;background:#0b0f15;color:#7d899d;border-radius:11px;padding:10px 6px;font-size:9px;font-weight:800}.typePicker button.selected{border-color:#5c8cff;background:#15213a;color:#9bbcff}.saveBtn{width:100%;margin-top:17px;border:0;border-radius:13px;padding:14px;background:#5c8cff;color:#fff;font-weight:800}.analyticsPage{display:flex;flex-direction:column;gap:15px}.analyticsGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.metric{border:1px solid #202634;background:#10141c;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}.analyticsSplit span,.metric span{font-size:9px;letter-spacing:1px;color:#6f7d94}.metric strong{font-size:21px}.metric small{font-size:10px;color:#69758a}.analyticsSplit{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.analyticsSplit>div{border:1px solid #202634;background:#10141c;border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:5px;min-width:0}.analyticsSplit b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analyticsSplit strong{font-size:15px}.performanceList{display:flex;flex-direction:column;gap:9px}.perfRow{display:grid;grid-template-columns:115px 1fr 70px;grid-gap:10px;gap:10px;align-items:center;border:1px solid #202634;background:#10141c;border-radius:15px;padding:12px}.perfRow>div:first-child{min-width:0}.perfRow b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perfRow span{font-size:9px;color:#69758a}.perfTrack{height:6px;border-radius:999px;background:#202635;overflow:hidden}.perfTrack i{display:block;height:100%;border-radius:999px;background:#4fe29a}.perfTrack i.negativeBar{background:#ff6d7a}.perfRow>strong{text-align:right;font-size:11px}.analyticsNote{display:flex;gap:12px;border:1px solid #243047;background:#111827;border-radius:16px;padding:14px;color:#79a7ff}.analyticsNote p{color:#8290a7;margin:4px 0 0;font-size:11px;line-height:1.4}nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:82px;padding:10px 15px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,10,15,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #1c2230}nav button{background:none;border:0;color:#5d6a80;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;font-weight:700}nav svg{width:20px}nav button.active{color:#77a3ff}@media(min-width:700px){.shell{border-left:1px solid #171c27;border-right:1px solid #171c27}.modal{border-radius:24px;margin-bottom:20px}}