.page-mutual-funds{padding:10px 12px 28px!important;background:#05091d;color:#f5f7ff}.mf-page{max-width:1900px;margin:auto;font-family:Manrope,"Plus Jakarta Sans",sans-serif}.mf-page *{box-sizing:border-box}.mf-head{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:12px;border:1px solid #5361aa;border-radius:13px;background:linear-gradient(125deg,#2e247f 0,#211868 38%,#0a102e 38%,#0a102e 100%);overflow:hidden}.mf-head span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#b7a6ff}.mf-head h2{margin:2px 0;color:#fff;font:800 24px/1.1 Sora,Manrope,sans-serif}.mf-head p{margin:0;color:#b8c3dc;font-size:11px}.mf-head-actions{display:flex;gap:9px}.mf-refresh,.mf-add{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #6958d9;border-radius:10px;color:#fff;font:800 11px Manrope;background:#182346}.mf-add{background:linear-gradient(135deg,#8a5aff,#5a2dde);box-shadow:0 0 18px rgba(114,68,239,.3)}.mf-refresh svg,.mf-add svg{width:16px}.mf-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.mf-metric{min-height:90px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #435e9e;border-radius:12px;background:#101b3b;overflow:hidden;position:relative}.mf-metric:after{content:"";position:absolute;right:-20px;bottom:-36px;width:110px;height:85px;border:1px solid rgba(111,126,231,.2);border-radius:50%}.mf-metric>svg{width:38px;height:38px;padding:9px;border-radius:10px;color:#a99bff;background:#33277a;flex:none}.mf-metric span{display:flex;flex-direction:column;min-width:0}.mf-metric small,.mf-metric em{color:#aab6d0;font-size:9px;font-style:normal}.mf-metric strong{margin:2px 0;color:#fff;font-size:16px;white-space:nowrap}.mf-metric.violet{border-color:#7956dd;background:#171741}.mf-metric.positive{border-color:#318c65;background:#102b35}.mf-metric.positive>svg,.positive{color:#4ae994!important}.mf-metric.negative{border-color:#b4435b;background:#2b162c}.mf-metric.negative>svg,.negative{color:#ff667a!important}.mf-metric.blue>svg{color:#83b8ff;background:#1c3e78}.mf-metric.amber{border-color:#a87638;background:#292039}.mf-metric.amber>svg{color:#ffc473;background:#6c422b}.neutral{color:#84bdf7!important}.mf-grid,.mf-lower{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(320px,.95fr);gap:12px;margin-bottom:12px}.mf-panel{overflow:hidden;border:1px solid #46559b;border-radius:14px;background:linear-gradient(145deg,#111d43,#0b1431)}.mf-panel>header{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #273a69}.mf-panel h3{display:flex;align-items:center;gap:8px;margin:0;color:#f7f8ff;font-size:14px}.mf-panel h3 svg{width:17px;color:#9678ff}.mf-performance>header>div>strong{display:block;margin-top:3px;font-size:18px}.mf-performance>header em{margin-left:7px;font-size:10px;font-style:normal}.mf-ranges{display:flex;border:1px solid #344c82;border-radius:9px;overflow:hidden}.mf-ranges button{min-width:48px;padding:7px 9px;border:0;border-right:1px solid #2c416e;background:#0d1835;color:#b6c0d7;font-size:9px}.mf-ranges button:last-child{border:0}.mf-ranges button.active{background:linear-gradient(135deg,#7658f3,#4d2bcd);color:#fff}.mf-chart-wrap{height:295px;position:relative;padding:0 10px 5px}.mf-chart{width:100%;height:100%}.mf-chart .grid{stroke:#263961;stroke-width:1;stroke-dasharray:3 4}.mf-chart .axis{fill:#93a2c2;font-size:9px}.mf-chart .value-line{fill:none;stroke:#7283ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mf-chart .point{fill:#47e393;stroke:#111a3c;stroke-width:2}.mf-chart .point.latest{fill:#fff;stroke:#7658ff;stroke-width:3}.mf-chart-tip{position:absolute;right:35px;top:17px;display:flex;flex-direction:column;padding:7px 10px;border:1px solid #354f8b;border-radius:8px;background:#111d43}.mf-chart-tip small{color:#a9b5cc;font-size:8px}.mf-chart-tip strong{font-size:11px}.mf-no-chart{height:295px;display:grid;place-content:center;justify-items:center;gap:8px;color:#93a1bd;font-size:11px}.mf-no-chart svg{width:38px;color:#8267ef}.mf-allocation{padding-bottom:13px}.mf-ring{width:178px;height:178px;display:grid;place-items:center;margin:23px auto 18px;border-radius:50%;position:relative}.mf-ring:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:#0c1633}.mf-ring span{z-index:1;display:flex;flex-direction:column;align-items:center}.mf-ring strong{font-size:12px}.mf-ring small{color:#9da9c3;font-size:9px}.mf-allocation ul{list-style:none;margin:0;padding:0 18px}.mf-allocation li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:6px 0;color:#aeb9d1;font-size:10px}.mf-allocation li i{width:9px;height:9px;border-radius:50%}.mf-allocation li b{color:#e9ecf8}.mf-lower{grid-template-columns:minmax(0,2.65fr) minmax(340px,1fr)}.mf-table{overflow-x:auto}.mf-table-head,.mf-fund{min-width:930px;display:grid;grid-template-columns:2fr .75fr .9fr .9fr 1fr 1fr 1fr .55fr;align-items:center;gap:10px;padding:10px 13px}.mf-table-head{background:#172650;color:#aeb9d1;font-size:9px;font-weight:800}.mf-fund{min-height:68px;border-top:1px solid #26385f;font-size:10px}.mf-name{display:flex;align-items:center;gap:10px}.mf-name>span:last-child,.mf-fund>span{display:flex;flex-direction:column}.mf-name strong,.mf-fund>strong{color:#fff}.mf-name small,.mf-fund small{color:#929fba;font-size:8px}.mf-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#3458aa,#24336c);color:#bcd2ff;font-weight:800}.mf-fund b{display:flex;flex-direction:column}.mf-view{width:max-content;padding:6px 11px;border:1px solid #6655d2;border-radius:8px;background:#18234a;color:#d9dfff;font-size:9px;font-weight:800}.mf-sip-head,.mf-sip{display:grid;grid-template-columns:1.45fr .75fr .8fr .55fr;align-items:center;gap:8px;padding:10px 12px}.mf-sip-head{background:#172650;color:#aeb9d1;font-size:8px;font-weight:800}.mf-sip{min-height:67px;border-top:1px solid #26385f;font-size:9px}.mf-sip>span:first-child{display:flex;flex-direction:column}.mf-sip strong{font-size:10px}.mf-sip small{color:#8e9bb8;font-size:8px}.mf-sip em{width:max-content;padding:5px 8px;border-radius:7px;font-style:normal;font-weight:800}.mf-sip em.on{background:#164c38;color:#60ee99}.mf-sip em.off{background:#563d1d;color:#ffd17c}.mf-activity{margin-bottom:8px}.mf-view-all{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#a687ff;font-size:9px;font-weight:800}.mf-view-all svg{width:14px}.mf-lot-head,.mf-lot{display:grid;grid-template-columns:.8fr 2fr .8fr .8fr .9fr .7fr;align-items:center;gap:10px;padding:9px 14px}.mf-lot-head{background:#172650;color:#abb7d0;font-size:9px;font-weight:800}.mf-lot{border-top:1px solid #26385f;font-size:10px}.mf-lot b{width:max-content;padding:4px 8px;border-radius:7px;background:#164b38;color:#5bec96;text-transform:capitalize}.mf-no-lots{display:flex;align-items:center;justify-content:center;gap:8px;padding:25px;color:#98a6c1;font-size:10px}.mf-no-lots svg{width:18px;color:#8267ef}.mf-foot{display:flex;align-items:center;gap:6px;margin:8px 2px;color:#8190ae;font-size:8px}.mf-foot svg{width:13px}.mf-loading,.mf-error{padding:55px;border:1px solid #354d84;border-radius:14px;color:#aeb8cf;text-align:center}.mf-error{color:#ff7a86}.mf-sync-message{display:none;margin:0 0 10px;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:700}.mf-sync-message.show{display:block}.mf-sync-message.working{border:1px solid #345795;background:#102044;color:#bcd3ff}.mf-sync-message.success{border:1px solid #318760;background:#102f2b;color:#72eda7}.mf-sync-message.error{border:1px solid #873a50;background:#351629;color:#ff8b97}.mf-refresh:disabled{opacity:.7}.mf-refresh.working svg{animation:mf-spin .8s linear infinite}@keyframes mf-spin{to{transform:rotate(360deg)}}body[data-signed="1"] .sidebar .mutual-funds-nav>svg:first-child{color:#67e5b0!important;background:rgba(48,190,137,.18)!important}body[data-signed="1"] .sidebar .mutual-funds-nav.active>svg:first-child{color:#fff!important}.mf-page strong,.mf-page h2,.mf-page h3{letter-spacing:-.015em}
@media(max-width:1200px){.mf-metrics{grid-template-columns:repeat(3,1fr)}.mf-grid,.mf-lower{grid-template-columns:1fr}.mf-allocation{display:grid;grid-template-columns:auto 1fr;align-items:center}.mf-allocation>header{grid-column:1/-1}.mf-allocation .mf-ring{margin:18px 30px}.mf-allocation ul{padding-right:35px}}
@media(max-width:768px){.page-mutual-funds{padding:10px 10px 100px!important}.mf-head{min-height:70px;padding:12px}.mf-head h2{font-size:19px}.mf-head p,.mf-head>div>span{display:none}.mf-head-actions span{display:none}.mf-refresh,.mf-add{width:38px;padding:0;justify-content:center}.mf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-metric{min-height:102px;align-items:flex-start}.mf-metric strong{font-size:14px;white-space:normal}.mf-performance>header{align-items:flex-start}.mf-ranges button{min-width:34px;padding:6px}.mf-chart-wrap{height:225px}.mf-chart .axis{font-size:7px}.mf-allocation{display:none}.mf-table-head,.mf-fund{min-width:780px}.mf-sip-head,.mf-sip{grid-template-columns:1.3fr .8fr .8fr}.mf-sip-head span:last-child,.mf-sip em{display:none}.mf-lot-head{display:none}.mf-lot{grid-template-columns:1fr 1.6fr 1fr}.mf-lot span:nth-of-type(3),.mf-lot span:nth-of-type(4){display:none}.mf-lot b{justify-self:end}}
.mf-update-stack{display:flex;flex-direction:column;align-items:center;gap:3px}.mf-sync-message{display:block!important;min-height:10px;max-width:150px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#aebbd3;font-size:8px;font-weight:700;line-height:1.1;text-align:center}.mf-sync-message.success{color:#65e99c}.mf-sync-message.error{color:#ff8090}.mf-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px}.mf-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(3,7,24,.78);backdrop-filter:blur(6px)}.mf-dialog{position:relative;width:min(680px,100%);overflow:hidden;border:1px solid #6657c9;border-radius:16px;background:#0d1734;color:#f5f7ff;box-shadow:0 25px 80px rgba(0,0,0,.55)}.mf-dialog>header{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #2c3f71;background:linear-gradient(120deg,#292075,#141a43)}.mf-dialog header small{color:#aa92ff;font-size:8px;font-weight:800;letter-spacing:.15em}.mf-dialog h3{margin:3px 0;font-size:20px}.mf-dialog header p{margin:0;color:#b3bed6;font-size:10px}.mf-modal-close{align-self:flex-start;border:0;background:transparent;color:#dce2f4;font-size:26px}.mf-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px 20px}.mf-form label{display:flex;flex-direction:column;gap:5px;color:#b9c3d9;font-size:9px;font-weight:800}.mf-form label:nth-child(2){grid-column:1/-1}.mf-form input{height:40px;padding:0 11px;border:1px solid #3f568d;border-radius:9px;outline:0;background:#101c3d;color:#fff;font:600 11px Manrope}.mf-form input:focus{border-color:#8164f5;box-shadow:0 0 0 3px rgba(129,100,245,.16)}.mf-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;border-top:1px solid #273961}.mf-cancel,.mf-save{height:38px;padding:0 16px;border-radius:9px;font-size:10px;font-weight:800}.mf-cancel{border:1px solid #405481;background:#111d3d;color:#c9d1e4}.mf-save{border:1px solid #8062f5;background:linear-gradient(135deg,#815cf5,#542cda);color:#fff}.mf-form-error{min-height:16px;margin:0 20px 13px;color:#ff7e8d;font-size:10px}@media(max-width:620px){.mf-form{grid-template-columns:1fr}.mf-form label:nth-child(2){grid-column:auto}.mf-dialog{max-height:92vh;overflow:auto}.mf-sync-message{display:none!important}}
.mf-payment-reviews>header{gap:16px}.mf-payment-reviews>header small{color:#aeb9d1;font-size:9px}.mf-review-row{grid-template-columns:.65fr 1.8fr .75fr 1.2fr .7fr auto auto}.mf-review-row select{min-width:150px;height:32px;padding:0 8px;border:1px solid #465da0;border-radius:8px;background:#0d1835;color:#eef1ff;font-size:10px}.mf-review-row label{display:flex;align-items:center;gap:5px;color:#b5c0d8;font-size:9px;white-space:nowrap}@media(max-width:900px){.mf-review-row{grid-template-columns:.7fr 1.5fr .8fr 1fr}.mf-review-row label{display:none}}@media(max-width:620px){.mf-payment-reviews>header{align-items:flex-start;flex-direction:column}.mf-review-row{grid-template-columns:1fr 1.6fr 1fr}.mf-review-row select{grid-column:1/-1;width:100%}.mf-review-row .mf-view{display:block}}

/* Daily mutual-fund movement markers. */
.mf-chart .point{stroke:#111a3c;stroke-width:2}.mf-performance-point.up .point{fill:#47e393}.mf-performance-point.down .point{fill:#ff667a}.mf-performance-point.flat .point{fill:#84bdf7}.mf-change-label{font-size:9px;font-weight:800;paint-order:stroke;stroke:#10183a;stroke-width:4px;stroke-linejoin:round}.mf-performance-point.up .mf-change-label{fill:#74eea8}.mf-performance-point.down .mf-change-label{fill:#ff91a0}.mf-performance-point.flat .mf-change-label{fill:#a5d4ff}
/* Unified readable portfolio chart. */
.mf-chart-wrap{height:285px}.mf-chart .axis{fill:#c7d2ec!important;font-weight:700;paint-order:stroke;stroke:#0b1238;stroke-width:3px;stroke-linejoin:round}.mf-chart .value-line{stroke:#8494ff;stroke-width:4}@media(max-width:768px){.mf-chart-wrap{height:245px}.mf-chart .axis{font-size:8px}}