/* Mani Fintech identity: supplied artwork, forest green, leaf green, and white. */
.brand-symbol img,.brand-hero img{clip-path:inset(0 0 44% 0)}
:root{--ink:#043d2a;--muted:#627d6a;--green:#087b35;--lime:#8cdb20;--line:#e1ebdf;--canvas:#f7faf5;--white:#fff}
.brand-name{display:inline-flex;gap:4px;font-size:22px;font-weight:750;letter-spacing:-1px;align-items:baseline;color:#11842e}.brand-name b{color:#003d29}.brand-name>span{background:linear-gradient(110deg,#59ba19,#00812e);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-symbol{position:relative;display:inline-block;overflow:hidden;width:43px;height:34px;flex-shrink:0;background:white}.brand-symbol img{position:absolute;width:72px;max-width:none;left:-15px;top:-11px}.logo{gap:7px;letter-spacing:-1px}.logo-light{color:var(--ink)}
.login-layout{grid-template-columns:50% 50%;min-height:100vh}.login-story,.staff-theme .login-story{background:#fff;color:var(--ink);padding:34px 9% 24px;border-right:1px solid #e4efdc}.login-story:before{display:none}.story-content{max-width:470px;padding:25px 0 24px;align-items:flex-start}.brand-hero{position:relative;width:100%;height:205px;overflow:hidden;margin:0 0 21px;background:white}.brand-hero img{position:absolute;width:440px;max-width:none;left:50%;top:-66px;transform:translateX(-50%)}.story-content .eyebrow,.staff-theme .story-content .eyebrow{color:#348a36;font-size:9px;letter-spacing:2.6px}.live-dot,.staff-theme .live-dot{background:#70cd1c}.story-content h1{font-size:clamp(35px,3.7vw,54px);letter-spacing:-2px;line-height:1.12;margin:19px 0}.story-content em{font-family:inherit;font-style:normal;font-weight:650;background:linear-gradient(100deg,#046333,#67c31b);background-clip:text;-webkit-background-clip:text;color:transparent}.story-content>p,.staff-theme .story-content>p{color:#6d826d;font-size:12px;line-height:1.9;max-width:370px}.collection-visual,.staff-theme .collection-visual{background:#f7fbf3;border-color:#dcebcf;color:var(--ink);box-shadow:none;transform:none;border-radius:10px;margin-top:23px;padding:14px 18px;max-width:375px;width:100%;border-top:3px solid #71c922}.visual-top{color:#688960;font-size:7px}.mini-mark{background:#e8f5d9;color:#228b31}.visual-title{font-size:15px;margin:13px 0}.visual-flow{margin-bottom:13px}.visual-flow>span{color:#128134;font-size:13px}.visual-flow small{color:#718b63}.visual-flow i{background:#d6e9c3}.visual-footer{color:#68885b;border-top-color:#dceacc;padding-top:10px;font-size:8px}.story-footer{font-size:8px;letter-spacing:.3px;color:#729069;gap:12px}.login-side{background:radial-gradient(ellipse at 100% 0%,#eefaDE 0%,transparent 47%),#f8fbf5;padding:34px 9% 24px}.portal-switch{font-size:10px}.portal-switch a{color:#087a36}.login-box{padding:35px 0;max-width:380px}.portal-badge{color:#258143;font-size:9px}.portal-badge>span{background:#e6f5d9;border-color:#d5eac4;color:#088038}.login-box h2{color:#073f2a;font-weight:650}.login-intro{color:#6f8369}.primary,.staff-theme .primary{background:linear-gradient(110deg,#047834,#2b9f28);box-shadow:0 5px 13px #147d2419}.primary:hover,.staff-theme .primary:hover{background:linear-gradient(110deg,#00622a,#218b20)}.login-submit{border-radius:7px}.login-assurance{color:#708666}.invitation{border-top-color:#dce9d2}.invite-icon{color:#2d8b34;background:#eaf5df}.invitation p{color:#778c6d}.login-bottom{font-size:8px;color:#79926d}.login-bottom a{color:#2b7b37}.staff-theme .portal-badge>span{background:#ddedd2;border-color:#bad6aa}.staff-theme .login-story{border-top:4px solid #076b31;padding-top:30px}.staff-theme .collection-visual{border-top-color:#087934}
.sidebar .brand-name{font-size:21px;gap:3px}.sidebar{border-right-color:#e0eadb}.workspace-badge{color:#61904b}.nav-link.active{background:linear-gradient(90deg,#e7f5d8,#f2f9ea);color:#137735;border-left:3px solid #67be24;padding-left:10px}.nav-link:hover{background:#f0f8e9}.workspace{background:#f6faf2}.topbar{background:#fff}.avatar{background:#e4f3d6;color:#3b7c2a}.welcome-banner{background:linear-gradient(110deg,#00492d,#087b34 72%,#45a923);border:1px solid #087136}.welcome-banner .eyebrow{color:#c9edb5}.welcome-banner p{color:#d0e6c4}.banner-symbol{color:#a4e956}.stat-icon{background:#edf7e2;color:#409f2b}.stat-value{color:#073e28}.stat-note,.page-head p{color:#78896c}.chart rect{fill:#b2df80}.chart rect:last-of-type{fill:#309d2d}.quick-icon{background:#eaf6db;color:#218633}.status.approved,.status.delivered,.status.active{background:#e7f5df;color:#238230}.sidebar-note .live-dot{background:#67c52b}.toast{background:#066630}.docs-page{background:#f8fbf5}.docs-main pre{background:#053e2a}.docs-main h1{color:#044c2c}.docs-header{border-bottom:2px solid #e4f0d9}.workspace-footer{color:#708565}.topbar .profile-meta small{color:#708565}
@media(min-width:1500px){.login-story{padding-left:12%;padding-right:12%}.brand-hero{height:240px}.brand-hero img{width:490px;top:-70px}.collection-visual{margin-top:30px}}
@media(max-width:1100px){.login-story,.staff-theme .login-story{padding-left:8%;padding-right:8%}.login-side{padding-left:8%;padding-right:8%}.brand-name{font-size:20px}.sidebar .brand-name{font-size:18px}.sidebar .brand-symbol{width:34px}.brand-hero{height:174px}.brand-hero img{width:370px;top:-55px}.story-content h1{font-size:39px}.story-footer{gap:6px}.visual-top{font-size:6px}.story-content{padding-top:20px;padding-bottom:20px}}
@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-story,.staff-theme .login-story{padding:23px 7% 28px;min-height:auto;border-right:0;border-bottom:1px solid #e1edda}.story-content{padding:21px 0 0}.brand-hero{display:none}.story-content h1{font-size:32px;letter-spacing:-1.3px;margin:14px 0}.story-content h1 em{display:block}.story-content>p{max-width:520px;font-size:11px}.login-side{padding:23px 7%}.login-box{padding:32px 0;max-width:460px}.brand-name{font-size:23px}.sidebar .brand-name{font-size:20px}.sidebar .brand-symbol{width:43px}.story-footer{display:none}.collection-visual{display:none}.login-bottom{font-size:8px}.portal-switch{justify-content:space-between}.welcome-banner{background:linear-gradient(120deg,#004d2d,#128332)}}

/* Full Mani Fintech artwork: remove the legacy cropped-logo presentation. */
.brand-symbol{width:44px;height:44px;border-radius:9px}
.brand-symbol img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;clip-path:none}
.brand-hero{height:245px}
.brand-hero img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;clip-path:none}
@media(min-width:1500px){.brand-hero{height:280px}.brand-hero img{width:100%}}
@media(max-width:1100px){.sidebar .brand-symbol{width:40px;height:40px}.brand-hero{height:210px}.brand-hero img{width:100%}}
@media(max-width:800px){.sidebar .brand-symbol{width:43px;height:43px}.brand-hero{display:none}}