:root{--green:#0b6b4f;--green-dark:#074c39;--mint:#e9f5ef;--ink:#13231d;--muted:#6d7b75;--line:#e4ebe7;--bg:#f7f9f8;--white:#fff;--danger:#b42318;--shadow:0 16px 40px rgba(18,56,43,.09)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0}a{color:inherit}.aflok-app-body{min-height:100vh;background:linear-gradient(180deg,#f2f7f4 0,#f8faf9 30%,#f8faf9 100%)}.aflok-app-shell{width:min(100%,520px);min-height:100vh;margin:auto;background:var(--bg);position:relative;padding-bottom:92px}.app-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.app-logo{display:flex;align-items:center;gap:9px;text-decoration:none}.app-logo>span,.login-brand>span{width:34px;height:34px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-weight:900}.app-logo strong{font-size:20px}.app-top-actions{display:flex;align-items:center;gap:10px}.icon-button{border:0;background:white;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;box-shadow:0 8px 24px rgba(14,68,50,.07)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mini-avatar{width:40px;height:40px;border-radius:14px;background:#dcece4;color:var(--green);display:grid;place-items:center;font-weight:900}.app-main{padding:6px 20px 28px}.greeting p{margin:4px 0;color:var(--muted);font-size:14px}.greeting h1{margin:0;font-size:30px;letter-spacing:-.04em}.greeting h1 span{font-size:24px}.hero-balance{margin-top:22px;border-radius:26px;padding:24px;background:linear-gradient(145deg,#0d7455,#084b39);color:white;box-shadow:0 20px 45px rgba(9,91,67,.22)}.hero-status{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:999px;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#77e3b7}.hero-balance p{margin:28px 0 5px;color:#cfe5dc;font-size:13px}.hero-balance h2{font-size:39px;letter-spacing:-.04em;margin:0}.hero-balance h2 small{font-size:15px;font-weight:800}.hero-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17)}.hero-breakdown span{font-size:12px;color:#cfe5dc}.hero-breakdown b{display:block;color:white;margin-top:5px;font-size:15px}.next-payment-card,.app-card,.support-card,.activity-row,.transaction-row,.schedule-item,.settings-list>a,.settings-list>div,.support-option{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 25px rgba(18,56,43,.04)}.next-payment-card{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:18px 19px}.next-payment-card strong{display:block;font-size:24px;margin:5px 0}.next-payment-card small{color:var(--muted)}.section-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--green)}.round-arrow{width:44px;height:44px;border-radius:15px;background:var(--mint);color:var(--green);display:grid;place-items:center}.app-card{padding:20px;margin-top:16px}.card-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h3,.section-heading h3{margin:4px 0 0;font-size:18px}.card-heading a,.section-heading a{font-size:13px;color:var(--green);text-decoration:none;font-weight:800}.progress-track{height:9px;border-radius:999px;background:#e8efeb;overflow:hidden;margin:18px 0}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#16a274,#0b6b4f);border-radius:inherit}.progress-track.light{background:rgba(255,255,255,.25)}.progress-track.light span{background:white}.progress-numbers,.loan-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.progress-numbers span,.loan-summary-grid span{font-size:12px;color:var(--muted)}.progress-numbers b,.loan-summary-grid b{display:block;margin-top:5px;color:var(--ink);font-size:15px}.app-section{margin-top:24px}.section-heading>span{color:var(--muted);font-size:12px}.activity-row,.transaction-row{display:flex;align-items:center;gap:13px;padding:16px;margin-top:12px;text-decoration:none}.activity-icon,.transaction-icon,.support-icon,.settings-icon{width:42px;height:42px;border-radius:15px;background:var(--mint);color:var(--green);display:grid;place-items:center;flex:0 0 auto}.activity-copy,.transaction-copy{min-width:0;flex:1}.activity-copy b,.activity-copy small,.transaction-copy b,.transaction-copy small{display:block}.activity-copy small,.transaction-copy small{color:var(--muted);font-size:11px;margin-top:4px}.activity-row>strong{font-size:14px}.support-card{display:flex;align-items:center;gap:13px;margin-top:16px;padding:15px;text-decoration:none}.support-card b,.support-card small{display:block}.support-card small{color:var(--muted);margin-top:3px}.support-arrow{margin-left:auto;color:var(--green)}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);height:78px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.bottom-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;color:#84908b;font-size:10px;font-weight:800}.bottom-nav a svg{width:21px;height:21px}.bottom-nav a.active{color:var(--green)}.page-title{margin:10px 0 20px}.page-title h1{font-size:29px;letter-spacing:-.04em;margin:5px 0}.page-title p{color:var(--muted);margin:6px 0}.loan-summary-card{background:linear-gradient(145deg,#102f27,#0b6b4f);color:white;border-radius:25px;padding:22px;box-shadow:var(--shadow)}.loan-summary-top span,.loan-summary-top strong{display:block}.loan-summary-top span{color:#cfe5dc;font-size:12px}.loan-summary-top strong{font-size:30px;margin-top:6px}.loan-summary-grid span{color:#cfe5dc}.loan-summary-grid b{color:white}.detail-card{padding:8px 20px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted);font-size:13px}.status-text{color:var(--green)}.schedule-list{display:grid;gap:10px;margin-top:12px}.schedule-item{display:flex;align-items:center;gap:12px;padding:14px}.schedule-number{width:34px;height:34px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:900}.schedule-item>div:nth-child(2){flex:1}.schedule-item b,.schedule-item small{display:block}.schedule-item small{color:var(--muted);margin-top:3px;font-size:11px}.schedule-item>strong{font-size:14px}.transaction-list{display:grid;gap:10px}.transaction-row{margin-top:0}.transaction-row.reversed{opacity:.6}.transaction-amount{text-align:right}.transaction-amount b,.transaction-amount small{display:block}.transaction-amount small{color:var(--muted);font-size:10px;margin-top:4px}.profile-hero{text-align:center;padding:18px 0 8px}.profile-avatar{width:80px;height:80px;border-radius:27px;background:linear-gradient(145deg,#0d7455,#084b39);color:white;display:grid;place-items:center;margin:auto;font-size:30px;font-weight:900;box-shadow:var(--shadow)}.profile-hero h1{margin:14px 0 3px}.profile-hero p{color:var(--muted);margin:0}.profile-form-card form{display:grid;gap:15px}.profile-form-card label,.login-form label{font-size:12px;font-weight:800;color:#46544e}.profile-form-card input,.profile-form-card textarea,.login-form input{width:100%;border:1px solid var(--line);background:#fafcfb;border-radius:14px;padding:14px 15px;margin-top:7px;font:inherit;outline:none}.profile-form-card input:focus,.profile-form-card textarea:focus,.login-form input:focus{border-color:#70b69d;box-shadow:0 0 0 4px rgba(11,107,79,.08)}.primary-button{border:0;background:var(--green);color:white;text-decoration:none;border-radius:15px;min-height:50px;padding:14px 18px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;box-shadow:0 12px 25px rgba(11,107,79,.18)}.settings-list{display:grid;gap:10px;margin-top:16px}.settings-list>a,.settings-list>div{display:flex;align-items:center;gap:13px;padding:14px;text-decoration:none}.settings-list span:nth-child(2){flex:1}.settings-list b,.settings-list small{display:block}.settings-list small{color:var(--muted);margin-top:3px}.settings-list>a>span:last-child{color:var(--green)}.support-section{margin-top:25px}.support-option{display:flex;align-items:center;gap:13px;padding:15px;text-decoration:none;margin-top:10px}.support-option>svg{width:40px;height:40px;background:var(--mint);color:var(--green);border-radius:14px;padding:10px}.support-option b,.support-option small{display:block}.support-option small{color:var(--muted);margin-top:3px}.logout-button{display:block;text-align:center;color:var(--danger);font-weight:900;text-decoration:none;padding:18px;margin-top:12px}.empty-hero{text-align:center;background:white;border:1px solid var(--line);border-radius:24px;padding:44px 22px;margin-top:24px}.empty-icon{width:64px;height:64px;border-radius:22px;background:var(--mint);color:var(--green);display:grid;place-items:center;margin:auto}.empty-icon svg{width:29px;height:29px}.empty-hero h2{margin:16px 0 7px}.empty-hero p,.empty-mini{color:var(--muted)}.empty-hero .primary-button{margin-top:20px}.empty-mini{background:white;border:1px dashed var(--line);border-radius:16px;padding:20px;text-align:center}.app-alert{padding:13px 15px;border-radius:14px;margin-bottom:14px;background:#e6f5ee;color:var(--green-dark);font-size:13px}.app-alert.error{background:#feeceb;color:#9f2e25}.login-body{min-height:100vh;background:linear-gradient(160deg,#0b6b4f 0,#084432 42%,#f5f8f6 42%);display:flex;justify-content:center;padding:34px 18px}.login-shell{width:min(100%,430px)}.login-brand{display:flex;align-items:center;gap:9px;color:white;font-size:21px;margin-bottom:34px}.login-card{background:white;border-radius:28px;padding:28px;box-shadow:0 28px 70px rgba(3,38,27,.23)}.login-heading h1{font-size:31px;letter-spacing:-.04em;margin:7px 0}.login-heading p{color:var(--muted);line-height:1.5}.login-form{display:grid;gap:14px;margin-top:24px}.forgot-link{display:block;text-align:center;color:var(--green);font-weight:800;text-decoration:none;margin-top:18px;font-size:13px}.login-help{text-align:center;color:#60726a;font-size:12px;margin-top:22px}.login-card .section-kicker{color:var(--green)}@media(min-width:700px){.aflok-app-shell{margin:24px auto;min-height:calc(100vh - 48px);border-radius:30px;box-shadow:0 25px 80px rgba(10,51,38,.12);overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.login-body{align-items:center}}

/* AFLOK CUSTOMER APP V3 — unified mobile financial experience */
a,button,input,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .12s ease,opacity .16s ease}
a:active,button:active{transform:scale(.985)}
.auth-card{text-align:left}.auth-card h1{font-size:30px;letter-spacing:-.045em;margin:9px 0 8px}.auth-card>p{color:var(--muted);line-height:1.6;margin:0 0 20px}.login-brand{text-decoration:none}.login-brand span{width:38px;height:38px;border-radius:13px;background:white;color:var(--green);display:grid;place-items:center;font-weight:950}.security-illustration{width:68px;height:68px;border-radius:23px;background:linear-gradient(145deg,#dff5eb,#f6fcf9);color:var(--green);display:grid;place-items:center;margin:0 auto 18px;box-shadow:inset 0 0 0 1px rgba(11,107,79,.08)}.security-illustration.small{width:58px;height:58px;border-radius:20px;margin:0 0 20px}.security-illustration svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-form{display:grid;gap:16px}.mobile-form label{font-size:12px;font-weight:850;color:#46544e}.mobile-form input{width:100%;border:1px solid var(--line);background:#fbfdfc;border-radius:15px;padding:15px 16px;margin-top:7px;font:inherit;outline:none}.mobile-form input:focus{border-color:#6eb296;box-shadow:0 0 0 4px rgba(11,107,79,.09)}.security-card{padding:22px}.password-meter{height:7px;border-radius:999px;background:#edf2ef;overflow:hidden}.password-meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e6a23c,#16a274);transition:width .2s ease}.form-help{display:block;color:var(--muted);line-height:1.45;margin-top:-8px}.page-title p{line-height:1.55}.receipt-app-body{padding:0 16px 40px}.receipt-app-shell{width:min(100%,520px);margin:0 auto}.receipt-app-top{padding:23px 4px 16px}.receipt-app-top .breadcrumb{display:inline-block;color:var(--green);font-size:13px;font-weight:850;text-decoration:none;margin-bottom:8px}.receipt-app-top h1{font-size:28px;letter-spacing:-.04em;margin:0}.mobile-receipt{background:white;border:1px solid var(--line);border-radius:27px;padding:22px;box-shadow:0 18px 50px rgba(11,74,54,.10);position:relative;overflow:hidden}.mobile-receipt:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#0b6b4f,#22ae7e)}.mobile-receipt .receipt-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;border-bottom:1px dashed var(--line)}.mobile-receipt .sidebar-brand{display:flex;align-items:center;gap:9px}.mobile-receipt .brand-mark.small{width:38px;height:38px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-weight:950}.mobile-receipt .sidebar-brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mobile-receipt .receipt-title{text-align:right}.mobile-receipt .receipt-title h2{font-size:14px;letter-spacing:.08em;margin:0}.mobile-receipt .receipt-title small{display:block;color:var(--muted);margin-top:5px}.mobile-receipt .data-grid{display:grid;grid-template-columns:1fr;margin-top:8px}.mobile-receipt .data-block{padding:0}.mobile-receipt .data-block h3{font-size:12px;letter-spacing:.1em;color:var(--green);margin:21px 0 4px;text-transform:uppercase}.mobile-receipt .detail-row{padding:13px 0}.mobile-receipt .detail-row strong{max-width:58%;text-align:right}.receipt-actions{margin:0 0 14px}.receipt-back-button{display:block;text-align:center;color:var(--green);font-weight:850;text-decoration:none;padding:20px}.void-receipt-banner{margin:0 0 14px;padding:13px 15px;border-radius:15px;background:#feeceb;color:#9f2e25;font-weight:900;text-align:center}.void-receipt-banner small{display:block;margin-top:5px;font-weight:600}.receipt-void{opacity:.68}.icon-button{cursor:default}.app-card,.next-payment-card,.activity-row,.transaction-row,.support-card,.schedule-item,.settings-list>a,.support-option{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.activity-row:hover,.transaction-row:hover,.support-card:hover,.schedule-item:hover,.settings-list>a:hover,.support-option:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(18,56,43,.07);border-color:#cddfd6}
@media print{.receipt-actions,.receipt-back-button,.receipt-app-top{display:none!important}.receipt-app-body{background:white;padding:0}.mobile-receipt{box-shadow:none;border:0;border-radius:0;max-width:100%}.mobile-receipt:before{display:none}}