.dashboard:has(.home-header){padding:23px 22px calc(101px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#f0f5e9 0, #fbfcf9 285px)}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.home-brand{display:flex;align-items:center;gap:7px}.home-brand>img{width:29px;height:29px;border-radius:9px}.home-brand>span{font-size:17px;letter-spacing:-.65px;font-weight:800;line-height:1.1}.home-brand strong{font-weight:500}.home-brand small{display:block;font-size:5.5px;letter-spacing:1.6px;font-weight:600;color:#819177;margin-top:4px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .notification{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;background:#fff9;border-color:#e0e7d8}.header-actions .notification>.icon{width:17px;height:17px}.home-avatar{display:grid;place-items:center;border:3px solid white;width:35px;height:35px;border-radius:50%;background:#e9d9c0;font-size:12px;font-weight:800;color:#786246;box-shadow:0 0 0 1px #e6e7d9}
.home-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.home-welcome p{font-size:10px;color:#87947e;margin-bottom:5px}.home-welcome p>span{margin-left:3px}.home-welcome h1{font-size:28px;font-weight:800;letter-spacing:-1.2px;overflow-wrap:anywhere}.welcome-flower{font-size:46px;color:#b9cc92;font-weight:400;line-height:1;margin-right:7px;transform:rotate(12deg)}
.home-balance{padding:18px 20px 0;border-radius:21px;box-shadow:0 9px 24px #1b704a15;background:#08775a}.home-balance .balance-top{margin-bottom:18px}.home-balance .balance-top>span:first-child{font-size:13px;letter-spacing:-.2px}.home-balance .balance-top .icon{width:17px;height:17px}.balance-brandmark{font-size:20px;font-weight:800;line-height:1;color:#c6e7a0;letter-spacing:-3px}.balance-brandmark>span{font-size:13px;vertical-align:top;letter-spacing:0}.home-balance .balance-label{font-size:10px}.home-balance .balance-row{margin-bottom:22px;margin-top:5px}.home-balance .balance-row>strong{font-size:33px;line-height:1.2;letter-spacing:-1px}.home-balance .balance-row>button{padding:11px 13px;background:#d7f3ae;border-radius:10px;font-size:10px}.balance-shortcuts{display:flex;align-items:center;border-top:1px solid #ffffff18;margin:0 -20px;padding:0 19px;background:#00563c25}.balance-shortcuts>button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:#d5e9de;font-size:8px;padding:13px 0;flex:1;min-height:41px}.balance-shortcuts>button:first-child{justify-content:flex-start}.balance-shortcuts>button:last-child{justify-content:flex-end}.balance-shortcuts .icon{width:13px;height:13px}.balance-shortcuts .icon:last-child{width:9px;height:9px;opacity:.7}.balance-shortcuts>span{width:1px;height:13px;background:#ffffff1f}
.home-services{background:white;border:1px solid #e9edde;border-radius:20px;margin-top:23px;padding:18px 12px 22px}.home-services .section-heading{padding:0 3px;margin-bottom:21px}.home-services h2{font-size:13px;letter-spacing:-.4px}.home-services .section-heading>span{font-size:7px;color:#8da079;white-space:nowrap}.home-services .service-grid{margin:0;row-gap:21px}.home-services .service-grid>button{font-size:8px;gap:8px}.home-services .service-icon{width:48px;height:48px;border-radius:16px}.home-services .service-icon>.icon{width:23px;height:23px}.home-services .service-grid>button:hover .service-icon{box-shadow:inset 0 0 0 1px #193d3318}
.home-stories{margin-top:25px}.home-stories .section-heading{margin-bottom:13px}.home-stories h2,.home-providers h2,.home-recent h2{font-size:14px;letter-spacing:-.4px}.tiny-spark{font-size:18px!important;color:#b6a15d!important}.people-banner{display:block;position:relative;isolation:isolate;width:100%;height:190px;padding:0;border:1px solid #e5ebd3;border-radius:19px;overflow:hidden;background:#edf3df;text-align:left}.people-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.people-banner-copy{display:flex;flex-direction:column;align-items:flex-start;padding:21px 17px;height:100%;max-width:55%}.story-eyebrow{font-size:6px;font-weight:800;letter-spacing:1.35px;color:#68824e}.people-banner-copy>strong{font-size:22px;font-weight:800;line-height:1.23;letter-spacing:-.8px;margin-top:11px;color:#214b36}.story-caption{font-size:8px;line-height:1.8;margin-top:8px;color:#718565}.story-cta{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;color:#275b3f;margin-top:auto;padding-top:8px}.story-cta>.icon{width:12px;height:12px}.people-banner:hover .story-cta{text-decoration:underline}
.home-providers{margin-top:26px}.home-providers .section-heading{margin-bottom:15px}.home-provider-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.home-provider-grid>button{display:flex;flex-direction:column;gap:7px;align-items:center;padding:0;border:0;background:transparent;min-width:0}.home-provider-grid>button>span{display:grid;place-items:center;width:100%;height:46px;background:white;border:1px solid #e6ebdf;border-radius:12px}.home-provider-grid img{width:80%;height:27px;object-fit:contain}.home-provider-grid small{font-size:7px;color:#829175}.home-provider-grid>button:hover>span{border-color:#8db77b}
.home-guide{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:17px 14px;border:1px solid #efdfc9;background:#faf0e1;border-radius:17px;margin-top:25px}.guide-art{position:relative;display:grid;place-items:center;flex-shrink:0;width:43px;height:52px;transform:rotate(-9deg);border-radius:12px;background:#f3d9af;color:#ac7836}.guide-art>.icon{width:30px;height:30px;stroke-width:1.4}.guide-art>span{position:absolute;right:-5px;bottom:4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:2px solid #faf0e1;background:#739765;color:white}.guide-art>span .icon{width:10px;height:10px}.guide-copy{display:flex;flex-direction:column;gap:5px}.guide-copy>small{font-size:6px;letter-spacing:1.2px;font-weight:700;color:#ab8d65}.guide-copy>strong{font-size:14px;letter-spacing:-.4px;color:#695134}.guide-copy>span{font-size:8px;color:#aa9578}.guide-arrow{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border:1px solid #e7d4b8;border-radius:50%;color:#a3875d;flex-shrink:0}.guide-arrow>.icon{width:12px;height:12px}
.home-recent{margin-top:26px}.home-recent .section-heading{margin-bottom:15px}.home-empty{display:flex;align-items:center;gap:12px;padding:18px 14px;background:white;border:1px solid #e9edde;border-radius:16px}.empty-art{display:grid;place-items:center;width:42px;height:45px;flex-shrink:0;background:#f0f3e9;border-radius:14px;color:#a0b58b}.empty-art>.icon{width:23px;height:23px;stroke-width:1.4}.home-empty strong{font-size:10px;font-weight:700;color:#6c7d60}.home-empty p{font-size:8px;line-height:1.9;color:#99a28e;margin-top:5px}.home-footer{display:flex;align-items:center;gap:8px;margin-top:28px;padding:0 4px;color:#94a186}.home-footer>img{opacity:.5}.home-footer>span:nth-child(2){font-size:8px;font-weight:600}.home-footer small{display:block;font-size:7px;font-weight:400;color:#afb8a5;margin-top:5px}.home-footer>span:last-child{margin-left:auto;color:#afbe90;font-size:21px}
.people-banner>img{object-fit:contain;object-position:right bottom}.people-banner-copy>strong{font-size:21px}
@media(max-width:360px){.dashboard:has(.home-header){padding-left:16px;padding-right:16px}.home-services{padding-left:9px;padding-right:9px}.home-services h2{font-size:12px}.home-services .section-heading>span{font-size:6px}.home-services .service-grid>button{font-size:7px}.home-services .service-icon{width:43px;height:43px}.people-banner{height:177px}.people-banner-copy{padding:17px 13px;max-width:56%}.people-banner-copy>strong{font-size:19px}.story-eyebrow{font-size:5.5px;letter-spacing:1px}.story-caption{font-size:7px}.home-provider-grid{gap:5px}.home-provider-grid small{font-size:6px}.home-provider-grid>button>span{height:40px;border-radius:10px}.home-welcome h1{font-size:26px}.home-guide{padding:15px 11px;gap:10px}.guide-copy>strong{font-size:13px}.guide-copy>span{font-size:7px}}

/* Shared NusaPulsa connected-ribbon identity. */
.home-brand>img{width:36px;height:36px;border-radius:0}.home-brand{gap:9px}.home-brand small{font-size:7px;letter-spacing:1.2px}.home-balance .balance-brandmark{display:block;width:34px;height:34px;object-fit:contain}