*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172554;font:14px Arial,sans-serif}a{color:#176bc1;text-decoration:none}.side{position:fixed;left:0;top:0;bottom:0;width:235px;background:#142b50;color:#fff;padding:20px 12px}.brand{display:block;color:#fff;font-size:22px;font-weight:800;padding:10px 14px 24px}.brand span{color:#f59e0b}.brand small{display:block;color:#b9c7dc;font-size:11px;font-weight:400;margin-top:5px}.side nav a,.side-link{display:block;color:#dbe7f7;padding:11px 14px;border-radius:8px;margin:3px 0}.side nav a:hover,.side nav .active{background:#285b96}.main{margin-left:235px}.top{height:64px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:2}.content{padding:24px;max-width:1400px;margin:auto}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.muted{color:#718096;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.card,.panel,.login-card,.form-card{background:#fff;border:1px solid #e6ebf2;border-radius:10px;padding:18px;box-shadow:0 2px 8px #1e3a5f08}.label{color:#53647b;font-size:13px}.value{font-size:25px;font-weight:800;margin-top:8px}.pos{color:#089b59}.neg{color:#d33}.panel{margin-bottom:16px}.panel h2{margin:0 0 14px;font-size:17px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 7px;border-bottom:1px solid #edf0f4;text-align:left}.table th{color:#65758b}.table-scroll{overflow:auto}.pill,.chip{background:#eef4ff;padding:6px 9px;border-radius:20px;font-size:11px}.bar{height:7px;background:#e8eef7;border-radius:8px;margin:6px 0 12px}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700}.primary{background:#1677e8;color:#fff}.full{width:100%}.center{min-height:100vh;display:grid;place-items:center}.login-card,.form-card{width:min(560px,92vw)}.login-card{width:min(400px,92vw)}label{display:grid;gap:6px;margin:10px 0;font-weight:600}input,select{padding:11px;border:1px solid #d8e0ea;border-radius:7px;font:inherit;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wide{grid-column:1/-1}.error,.notice{padding:10px;border-radius:8px;margin:10px 0;background:#fff0f0;color:#a22}.notice{background:#edf9f1;color:#176b3a}.chips{display:flex;gap:8px;flex-wrap:wrap}.admin-top{height:64px;background:#142b50;color:#fff;padding:0 25px;display:flex;align-items:center;justify-content:space-between}.admin-top a{color:#fff}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide-panel{grid-column:1/-1}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.wide-panel{grid-column:auto}}@media(max-width:650px){.side{display:none}.main{margin-left:0}.content{padding:13px}.cards{grid-template-columns:1fr 1fr}.top{padding:0 13px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}


/* Login branding: only VENKATMEKA black, .com orange */
a.login-brand,
a.login-brand:link,
a.login-brand:visited,
a.login-brand:hover,
a.login-brand:active {
    color: #000000 !important;
}
a.login-brand span,
a.login-brand:hover span,
a.login-brand:visited span {
    color: #f59e0b !important;
}

/* V2.3 dashboard header */
.top-title{font-weight:700;color:#172554}
.top-right{display:flex;align-items:center;gap:14px;min-width:0}
.top-brand{white-space:nowrap;display:inline-block;font-size:17px;line-height:1;color:#172554!important}
.top-brand strong{color:#172554!important;font-weight:800}
.top-brand span{color:#f59e0b!important;font-weight:800}
.account-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf2ff;color:#176bc1;font-size:12px}
@media(max-width:650px){.top-brand{font-size:14px}.top-right{gap:8px}}

/* V3 MyInvestments dashboard */
.mi-body{background:#f4f7fb;color:#172b4d;font-family:Arial,Helvetica,sans-serif}.mi-layout{display:flex;min-height:100vh}.mi-sidebar{width:250px;background:linear-gradient(180deg,#172f55,#102646);color:#fff;position:fixed;inset:0 auto 0 0;padding:18px 10px;overflow:auto}.mi-logo{display:flex;gap:10px;align-items:center;color:#fff!important;padding:5px 9px 23px}.mi-logo b{font-size:23px}.mi-logo small{display:block;color:#cbd7e8;font-size:12px;margin-top:2px}.mi-mark{font-size:42px;font-weight:900;color:#19a463;line-height:1}.mi-sidebar nav a{display:flex;gap:17px;align-items:center;color:#eef4fc;padding:12px 14px;border-radius:7px;margin:2px 0;font-size:14px}.mi-sidebar nav a span{flex:1}.mi-sidebar nav a:hover,.mi-sidebar nav a.mi-active{background:#2d65a4}.mi-main{margin-left:250px;width:calc(100% - 250px)}.mi-header{height:62px;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;gap:20px;padding:0 22px;position:sticky;top:0;z-index:4}.mi-menu{border:0;background:none;font-size:21px;color:#365170}.mi-search{height:36px;background:#f1f4f8;border-radius:9px;flex:1;max-width:630px;padding:9px 14px;color:#274365}.mi-search span{color:#7b8da6;margin-left:8px}.mi-user{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.bell{position:relative;font-size:22px}.bell i{position:absolute;top:-7px;right:-6px;background:#e63f4c;color:#fff;border-radius:50%;font-size:10px;padding:3px 5px;font-style:normal}.avatar{width:34px;height:34px;background:#416fe0;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px}.mi-content{padding:15px;max-width:1500px;margin:auto}.mi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mi-card,.mi-panel{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 2px 8px rgba(28,55,90,.05)}.mi-card{padding:18px 21px;min-height:116px}.mi-card-title{color:#385172;font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between}.mi-card>strong{font-size:28px;letter-spacing:.2px}.mi-green,.mi-positive{color:#079b55}.mi-negative{color:#df3b3b}.mi-grid-two{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:12px}.mi-panel{padding:16px 18px}.mi-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.mi-panel-head h2{font-size:18px;margin:0}.mi-range{display:flex;gap:0;background:#f1f4f8;border-radius:7px;overflow:hidden}.mi-range span,.mi-range b{padding:7px 11px;font-size:11px;font-weight:400}.mi-range b{background:#2377d5;color:#fff;border-radius:6px}.trend-chart{height:250px;position:relative}.trend-chart svg{width:100%;height:215px}.chart-line{fill:none;stroke:#1680ef;stroke-width:4}.chart-fill{fill:url(#fill);stroke:none}.chart-labels{display:flex;justify-content:space-between;color:#71839b;font-size:10px;padding:0 4px}.chart-note{font-size:10px;color:#91a0b4;text-align:right;margin-top:5px}.allocation-wrap{display:grid;grid-template-columns:210px 1fr;align-items:center;min-height:250px;position:relative}.donut{width:190px;height:190px;border-radius:50%;background:conic-gradient(#2f80ed 0 var(--a),#155fc0 var(--a) 60%,#f5a623 60% 74%,#e46a25 74% 82%,#e43d4f 82% 90%,#7f91aa 90%);position:relative}.donut:after{content:"";position:absolute;inset:50px;background:#fff;border-radius:50%}.donut-center{position:absolute;left:42px;top:112px;width:140px;text-align:center;font-size:20px;font-weight:800;z-index:1}.alloc-list{padding-left:10px}.alloc-list>div{display:grid;grid-template-columns:13px 1fr auto;gap:8px;align-items:center;margin:11px 0;font-size:12px}.alloc-list i{width:11px;height:11px;border-radius:50%}.alloc-list b{font-weight:400}.lower{grid-template-columns:1.2fr 1fr}.mi-table{width:100%;border-collapse:collapse;font-size:12px}.mi-table th,.mi-table td{padding:10px 6px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}.mi-table th{font-weight:500;color:#6c7d94}.class-dot{display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:9px;vertical-align:middle}.tabs{display:flex;gap:24px;color:#49617e;font-size:12px}.tabs b{color:#0874df;border-bottom:2px solid #0874df;padding-bottom:10px}.view-all{display:block;text-align:right;margin-top:12px;font-size:12px}.mi-bottom-grid{display:grid;grid-template-columns:1.05fr 1fr .9fr;gap:12px;margin-top:12px}.mi-panel-head a{font-size:12px}.goal{margin:13px 0;position:relative}.goal>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.goal>div:first-child b{font-weight:400}.goalbar{height:7px;background:#e5ebf3;border-radius:5px}.goalbar i{display:block;height:100%;background:#2384ef;border-radius:5px}.goal small{display:block;text-align:right;color:#4c6685;margin-top:3px}.tx{display:flex;align-items:center;gap:9px;margin:10px 0}.tx-icon{width:28px;height:28px;border-radius:50%;background:#eef5ff;display:grid;place-items:center;color:#1675dd;font-weight:800}.tx div{flex:1}.tx b{display:block;font-size:12px;font-weight:500}.tx small{color:#71839b;font-size:10px}.tx strong{font-size:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{min-height:65px;border-radius:8px;background:#eef6ff;color:#176fd1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px}.quick-grid a:nth-child(2){background:#fff4ea;color:#db7c2d}.quick-grid a:nth-child(3){background:#fff0f2;color:#e23b4a}.quick-grid a:nth-child(4){background:#f1edff;color:#6e48d8}.quick-grid span{font-size:12px;color:#304c70}.empty-box{color:#71839b;font-size:12px;padding:16px 0}.muted{color:#71839b}
@media(max-width:1150px){.mi-cards{grid-template-columns:repeat(2,1fr)}.mi-bottom-grid{grid-template-columns:1fr 1fr}.mi-bottom-grid .quick{grid-column:1/-1}.allocation-wrap{grid-template-columns:190px 1fr}}
@media(max-width:800px){.mi-sidebar{width:68px}.mi-logo span:not(.mi-mark),.mi-sidebar nav a span{display:none}.mi-sidebar nav a{justify-content:center}.mi-main{margin-left:68px;width:calc(100% - 68px)}.mi-grid-two,.lower,.mi-bottom-grid{grid-template-columns:1fr}.mi-user>span:not(.avatar){display:none}.mi-search{display:none}.mi-cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.mi-cards{grid-template-columns:1fr}.mi-card>strong{font-size:24px}.mi-content{padding:9px}.allocation-wrap{grid-template-columns:1fr}.donut{margin:auto}.donut-center{left:calc(50% - 70px)}.alloc-list{margin-top:10px}.tabs{gap:9px}}

/* V3.1 visual refinement */
.mi-content{padding:18px 20px 28px;max-width:1540px}
.mi-cards{gap:14px}.mi-card{padding:20px 23px;min-height:126px}.mi-card>strong{font-size:30px}
.mi-grid-two{gap:14px;margin-top:14px}.mi-bottom-grid{gap:14px;margin-top:14px}
.mi-panel{padding:18px 20px}.mi-panel-head{margin-bottom:14px}.mi-panel-head h2{font-size:17px}
.trend-panel{min-height:320px}.trend-chart{height:255px}.trend-chart svg{height:215px}
.tabs{height:30px;align-items:flex-start}.tabs span,.tabs b{cursor:pointer;padding:0 0 9px}.tabs b,.tabs .active{color:#0874df;border-bottom:2px solid #0874df}
.mi-table th,.mi-table td{padding:11px 7px}.mi-table th{font-size:11px}.mi-table td{font-size:12px}
.allocation-wrap{min-height:260px}.donut{width:205px;height:205px}.donut:after{inset:54px}.donut-center{left:45px;top:116px;width:150px}
.mi-header{padding:0 25px;height:64px}.mi-search{max-width:680px;height:38px}
.mi-sidebar{width:255px}.mi-main{margin-left:255px;width:calc(100% - 255px)}
.mi-logo b{font-size:24px}.mi-sidebar nav a{padding:12px 15px;font-size:14px}
@media(max-width:1150px){.mi-sidebar{width:225px}.mi-main{margin-left:225px;width:calc(100% - 225px)}}
@media(max-width:800px){.mi-sidebar{width:68px}.mi-main{margin-left:68px;width:calc(100% - 68px)}}

/* V4 Mutual Funds */
.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 16px}.page-title-row h1{margin:0;font-size:25px}.page-title-row p{margin:5px 0 0;color:#71839b;font-size:13px}.mf-cards{grid-template-columns:repeat(5,1fr)}.mf-table-panel{margin-top:14px}.mf-sub{display:block;color:#7a8da5;font-size:10px;font-weight:400;margin-top:4px}.mf-bottom{margin-top:14px}.mf-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mf-detail{border:1px solid #e7edf4;border-radius:8px;padding:13px;display:grid;gap:6px;font-size:11px}.mf-detail b{font-size:13px;color:#183a65}.mf-detail span{color:#71839b}.mf-notes{margin:0;padding-left:19px;color:#61758f;font-size:12px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;padding:10px 15px;font-size:12px}.btn.primary{background:#2377d5;color:#fff}.muted{color:#71839b}
@media(max-width:1150px){.mf-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.page-title-row{align-items:flex-start;flex-direction:column}.mf-cards,.mf-detail-grid{grid-template-columns:1fr}.mf-table-panel{overflow:hidden}}

/* V4.6 Mutual Funds layout - desktop optimization */
.mi-content{max-width:none;width:100%;padding:18px 28px 34px}
.mf-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%;align-items:stretch}
.mf-cards .mi-card{min-width:0;min-height:128px;padding:20px 22px}
.mf-cards .mi-card-title{font-size:15px;white-space:nowrap;margin-bottom:10px}
.mf-cards .mi-card>strong{font-size:31px;white-space:nowrap;display:block;line-height:1.15}
.mf-cards .mi-card .muted,.mf-cards .mi-card>div:not(.mi-card-title){font-size:12px}
.mf-table-panel{margin-top:16px}
.mf-table-panel .mi-table th,.mf-table-panel .mi-table td{font-size:13px;padding:12px 8px}
.mf-table-panel .mi-table th{font-size:12px}
.page-title-row{margin-bottom:18px}
.page-title-row h1{font-size:28px}
.page-title-row p{font-size:14px}
.mf-bottom{margin-top:16px}

@media(max-width:1250px){
  .mi-content{padding-left:20px;padding-right:20px}
  .mf-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .mf-cards .mi-card{padding:17px 14px}
  .mf-cards .mi-card-title{font-size:13px}
  .mf-cards .mi-card>strong{font-size:25px}
}
@media(max-width:1050px){
  .mf-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .mf-cards{grid-template-columns:1fr}
  .mf-cards .mi-card>strong{font-size:28px}
}

/* V4.7 Mutual Funds - larger typography */
.page-title-row h1{font-size:30px}
.page-title-row p{font-size:15px}
.mf-cards .mi-card{padding:22px 24px;min-height:138px}
.mf-cards .mi-card-title{font-size:17px;margin-bottom:11px}
.mf-cards .mi-card>strong{font-size:34px;line-height:1.15}
.mf-cards .mi-card .muted,.mf-cards .mi-card>div:not(.mi-card-title){font-size:13px}
.mf-table-panel .mi-panel-head h2{font-size:20px}
.mf-table-panel .mi-table th{font-size:13px;padding:13px 9px}
.mf-table-panel .mi-table td{font-size:14px;padding:14px 9px}
.mf-sub{font-size:11px}
.mf-bottom .mi-panel-head h2{font-size:19px}
.mf-detail{font-size:13px;padding:15px}
.mf-detail b{font-size:15px}
.mf-notes{font-size:13px;line-height:1.9}
@media(max-width:1250px){
  .mf-cards{gap:10px}
  .mf-cards .mi-card{padding:18px 14px}
  .mf-cards .mi-card-title{font-size:14px}
  .mf-cards .mi-card>strong{font-size:28px}
}
@media(max-width:700px){
  .mf-cards .mi-card>strong{font-size:31px}
}

/* V4.8 - readability refinements */
.mf-cards .mi-card>strong{font-size:29px}
.mf-cards .mi-card-title{font-size:16px}
.mf-table-panel .mi-table th{font-size:14px}
.mf-table-panel .mi-table td{font-size:15px;padding:15px 10px}
.mf-table-panel .mi-table td b{font-size:20px}
.mf-sub{font-size:14px;line-height:1.45;margin-top:5px}
.mf-bottom .mi-panel-head h2{font-size:21px}
.mf-detail{font-size:16px;line-height:1.5;padding:17px;gap:8px}
.mf-detail b{font-size:20px}
.mf-detail span{font-size:16px}
.mf-notes{font-size:20px;line-height:1.8}
.page-title-row h1{font-size:27px}
.page-title-row p{font-size:14px}
.page-title-row .btn{font-size:16px;padding:12px 18px}
@media(max-width:1150px){.mf-cards .mi-card>strong{font-size:27px}}
@media(max-width:700px){.mf-cards .mi-card>strong{font-size:28px}.mf-detail{font-size:15px}.mf-detail b{font-size:18px}.mf-detail span{font-size:15px}.mf-notes{font-size:16px}.page-title-row .btn{font-size:15px}}

/* V6 Dashboard readability and space utilization */
.mi-content{max-width:none;width:100%;padding:18px 28px 34px}
.mi-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mi-card{min-height:126px;padding:20px 22px}
.mi-card-title{font-size:16px;margin-bottom:10px}
.mi-card>strong{font-size:30px;line-height:1.15}
.mi-green,.mi-card>div:not(.mi-card-title){font-size:13px}
.mi-grid-two{grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}
.mi-panel{padding:18px 20px}
.mi-panel-head{margin-bottom:13px}
.mi-panel-head h2{font-size:20px}
.trend-chart{height:270px}
.trend-chart svg{height:230px}
.chart-labels{font-size:12px}
.chart-note{font-size:11px}
.allocation-wrap{min-height:270px;grid-template-columns:225px 1fr}
.donut{width:200px;height:200px}
.donut-center{left:42px;top:118px;font-size:21px}
.alloc-list>div{font-size:14px;margin:13px 0}
.lower{grid-template-columns:1.2fr 1fr;gap:16px}
.mi-table{font-size:14px}
.mi-table th,.mi-table td{padding:13px 8px}
.mi-table th{font-size:14px}
.class-dot{width:15px;height:15px}
.tabs{font-size:13px}
.view-all{font-size:13px}
.mi-bottom-grid{grid-template-columns:1.05fr 1fr .9fr;gap:16px;margin-top:16px}
.goal>div:first-child{font-size:14px}
.goal small{font-size:12px}
.tx b{font-size:14px}
.tx small{font-size:12px}
.tx strong{font-size:13px}
.empty-box{font-size:14px;padding:18px 0}
.quick-grid{gap:11px}
.quick-grid a{min-height:72px}
.quick-grid span{font-size:13px}
@media(max-width:1250px){
  .mi-content{padding-left:20px;padding-right:20px}
  .mi-cards{gap:12px}
  .mi-card{padding:18px 16px}
  .mi-card-title{font-size:14px}
  .mi-card>strong{font-size:27px}
}
@media(max-width:1150px){
  .mi-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .mi-grid-two,.lower,.mi-bottom-grid{grid-template-columns:1fr}
  .mi-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .mi-cards{grid-template-columns:1fr}
  .mi-card>strong{font-size:26px}
  .mi-content{padding:10px}
}

/* V7 dashboard layout/readability is applied inline in index.php to avoid stale CSS caches. */
.admin-tx-panel .mi-panel-head{margin-bottom:14px}.admin-tx-table{min-width:1050px}.admin-tx-table th,.admin-tx-table td{vertical-align:middle}.admin-actions{display:flex;gap:7px;align-items:center}.admin-actions form{margin:0}.btn.small{padding:7px 10px;font-size:12px}.btn.danger{background:#fff0f0;color:#c62828;border:1px solid #f2c5c5}.admin-edit-card{width:min(760px,94vw)}.admin-edit-actions{display:flex;gap:10px;margin-top:6px}.admin-edit-actions .btn{min-width:120px}