@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;font-family:var(--font-primary);min-height:50px;line-height:1}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--brand-green-gradient-start),var(--brand-green-gradient-end));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--disabled-color);color:var(--text-white)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-subtle);border-color:var(--brand-green-primary)}.btn-outline{background:transparent;color:var(--brand-green-primary);border:2px solid var(--brand-green-primary)}.btn-outline:hover:not(:disabled){background:var(--brand-green-primary);color:#fff}.btn-full-width{width:100%}.btn-loading{display:flex;align-items:center;gap:var(--space-sm)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.input-container{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);display:flex;gap:2px}.required-asterisk{color:#ff3b30;font-weight:700}.input-wrapper{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-base);background:var(--bg-primary);overflow:hidden}.input-wrapper:focus-within{border-color:var(--brand-green-primary)}.input-wrapper.has-prefix{padding-left:var(--space-sm)}.input-prefix{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:600;padding-right:var(--space-sm);border-right:1px solid var(--border-color);margin-right:var(--space-sm)}.input-field{flex:1;padding:var(--space-md);border:none;outline:none;font-size:var(--font-size-base);color:var(--text-primary);background:transparent;font-family:var(--font-primary);min-height:50px}.input-field::placeholder{color:var(--text-tertiary)}.input-field:disabled{background:var(--bg-secondary);cursor:not-allowed}.input-error{border-color:var(--error-color)}.input-error-message{font-size:var(--font-size-sm);color:var(--error-color);margin-top:-4px}.input-counter{align-self:flex-end;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:-4px}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transition-base) ease-in-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);background:#fff;padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.loading-inline{display:inline-flex;align-items:center;gap:var(--space-sm)}.loading-spinner{border-radius:50%;border-style:solid;border-color:var(--brand-green-light);border-top-color:transparent;animation:spin 1s linear infinite}.loading-spinner-small{width:20px;height:20px;border-width:2px}.loading-spinner-medium{width:40px;height:40px;border-width:4px}.loading-spinner-large{width:60px;height:60px;border-width:5px}.loading-message{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.loading-overlay .loading-message{color:var(--text-primary)}.marketing-section{padding:var(--space-xl) 0;border-top:1px solid var(--border-color);margin-top:var(--space-xl)}.marketing-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);text-align:center}.marketing-features{display:flex;flex-direction:column;gap:var(--space-md)}.marketing-feature{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card-subtle);border-radius:var(--radius-sm);transition:transform var(--transition-base)}.marketing-feature:hover{transform:translate(4px)}.marketing-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.marketing-text{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.login-page{min-height:100vh;background:linear-gradient(to bottom,var(--bg-card-light),var(--bg-primary));display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.login-container{width:100%;max-width:600px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.login-content{display:flex;flex-direction:column;gap:var(--space-lg)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-md)}.logo-image{width:200px;height:50px;object-fit:contain}.login-header{text-align:center}.login-subtitle{font-size:var(--font-size-xl);color:var(--brand-green-dark);font-weight:400;margin-bottom:var(--space-xs)}.login-title{font-size:var(--font-size-2xl);color:var(--brand-green-dark);font-weight:600;margin-bottom:var(--space-xs);font-family:var(--font-heading)}.login-description{font-size:var(--font-size-md);color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.login-footer{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center;padding-top:var(--space-md);border-top:1px solid var(--border-color)}.terms-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.terms-text a{color:var(--brand-green-primary);text-decoration:underline}.version-text{font-size:var(--font-size-xs);color:var(--text-tertiary)}@media(max-width:768px){.login-container{padding:var(--space-lg)}.login-title{font-size:var(--font-size-2xl)}.login-subtitle{font-size:var(--font-size-lg)}}.otp-page{min-height:100vh;background:linear-gradient(to bottom,var(--bg-card-light),var(--bg-primary));display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.otp-container{width:100%;max-width:600px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.otp-content{display:flex;flex-direction:column;gap:var(--space-lg)}.back-button{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;padding:var(--space-sm);cursor:pointer;transition:color var(--transition-base);align-self:flex-start}.back-button:hover{color:var(--brand-green-primary)}.back-icon{font-size:20px}.otp-header{text-align:center}.otp-title{font-size:var(--font-size-3xl);color:var(--brand-green-dark);font-weight:600;margin-bottom:var(--space-md);font-family:var(--font-heading)}.otp-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.otp-description strong{color:var(--text-primary)}.otp-inputs{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-lg) 0}.otp-input{width:48px;height:48px;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-primary);color:var(--text-primary);transition:all var(--transition-base)}.otp-input:focus{outline:none;border-color:var(--brand-green-primary);box-shadow:0 0 0 2px #15ab9533}.otp-input.filled{background:var(--bg-card-subtle);border-color:var(--brand-green-primary)}.resend-section{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:-var(--space-md)}.resend-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.resend-button{background:transparent;border:none;color:var(--brand-green-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;transition:color var(--transition-base)}.resend-button:hover:not(:disabled){color:var(--brand-green-dark)}.resend-button:disabled{opacity:.6;cursor:not-allowed}.resend-timer{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:500}@media(max-width:768px){.otp-container{padding:var(--space-lg)}.otp-title{font-size:var(--font-size-2xl)}.otp-inputs{gap:var(--space-xs)}.otp-input{width:42px;height:42px;font-size:var(--font-size-lg)}}.top-bar{position:sticky;top:0;background:#fff;z-index:100;transition:transform var(--transition-base),opacity var(--transition-base)}.top-bar.visible{transform:translateY(0);opacity:1}.top-bar.hidden{transform:translateY(-100%);opacity:0}.top-bar-content{max-width:600px;margin:0 auto;padding:var(--space-md);display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;transition:opacity var(--transition-base)}.user-info:hover{opacity:.8}.user-avatar{width:48px;height:48px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 4px #0000002e}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column}.welcome-text{font-size:var(--font-size-sm);color:#787878}.user-name{font-size:var(--font-size-base);font-weight:600;color:#000}.top-bar-logo{position:absolute;left:50%;transform:translate(-50%);cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.top-bar-logo img{height:32px;width:auto}.top-bar-logo:hover{opacity:.8}.top-bar-actions{display:flex;align-items:center;gap:var(--space-sm)}.action-icon{background:transparent;border:none;font-size:24px;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.action-icon:hover{background:var(--bg-card-subtle)}.action-icon svg{width:24px;height:24px}@media(max-width:768px){.top-bar-content{padding:var(--space-sm) var(--space-md)}.user-avatar{width:40px;height:40px}.welcome-text{font-size:var(--font-size-xs)}.user-name{font-size:var(--font-size-sm)}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:#fff;box-shadow:0 -2px 8px #0000001a;z-index:100;transition:transform var(--transition-base),opacity var(--transition-base)}.bottom-nav.visible{transform:translateY(0);opacity:1}.bottom-nav.hidden{transform:translateY(100%);opacity:0}.bottom-nav-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-around;padding:var(--space-sm) 0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);color:#888;flex:1;max-width:120px}.nav-item:hover,.nav-item.active{color:#07786b}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon{width:24px;height:24px;transition:transform var(--transition-base)}.nav-label{font-size:var(--font-size-xs);font-weight:500}@media(min-width:1024px){.bottom-nav{display:none}}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn var(--transition-base) ease-in-out}.sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;z-index:999;display:flex;flex-direction:column;box-shadow:-4px 0 12px #00000026;transform:translate(100%);transition:transform .3s ease-out}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.sidebar-logo-brand{height:28px;width:auto;object-fit:contain}.sidebar-close{background:transparent;border:none;font-size:28px;cursor:pointer;padding:var(--space-sm);color:var(--text-primary);transition:color var(--transition-base);display:flex;align-items:center;justify-content:center}.sidebar-close svg{width:28px;height:28px}.sidebar-close:hover{color:var(--brand-green-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-md) 0}.sidebar-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;cursor:pointer;transition:background var(--transition-base);color:var(--text-primary);font-size:var(--font-size-base);text-align:left}.sidebar-item:hover{background:var(--bg-card-subtle)}.sidebar-icon{width:24px;height:24px;color:var(--text-secondary);transition:color var(--transition-base)}.sidebar-item:hover .sidebar-icon{color:var(--brand-green-primary)}.sidebar-label{font-weight:500}.sidebar-divider{height:1px;background:var(--border-color);margin:var(--space-md) var(--space-lg)}.sidebar-item.logout{color:var(--error-color)}.sidebar-item.logout .sidebar-icon{color:var(--error)}.sidebar-item.logout:hover{background:#ff3b301a}@media(max-width:768px){.sidebar{width:100%;max-width:280px}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998;padding:var(--space-md);animation:fadeIn var(--transition-base) ease-in-out}.modal-content{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--text-primary);font-family:var(--font-heading)}.modal-close{background:transparent;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}@media(max-width:768px){.modal-content{max-height:95vh}.modal-header,.modal-body{padding:var(--space-md)}}.loan-calculator{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #00000008}.chart-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.chart-header h2{font-size:18px;font-weight:700;color:#034236;margin:0}.payable-badge{background:#222;color:#fff;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:160px;margin-top:40px;gap:12px}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.bar-top-amount{font-size:13px;font-weight:800;color:#034236;margin-bottom:8px;white-space:nowrap}.bar{width:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:10px 4px;color:#fff;font-size:11px;font-weight:700;transition:height .3s ease}.base-bar{background:#15ab95}.stacked-bar{width:100%;display:flex;flex-direction:column}.extra-bar{background:#e0e0e0;color:#444;font-size:9px;border-radius:8px 8px 0 0;margin-bottom:-4px;z-index:1}.extra-bar+.base-bar{border-radius:0 0 8px 8px}.interest-badge{background:#034236;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;margin:12px 0 6px}.loan-type{font-size:11px;font-weight:600;color:#666;text-align:center;line-height:1.3}.calculator-section{padding:12px 0}.calculator-section h2{font-size:20px;font-weight:800;color:#034236;margin-bottom:24px}.amount-section,.rate-section{margin-bottom:32px}.amount-text,.rate-text{font-size:26px;font-weight:800;color:#034236;margin-bottom:12px;display:flex;align-items:baseline;gap:8px}.amount-text span,.rate-text span{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;appearance:none;background:#f0f0f0}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#15ab95;border:4px solid #ffffff;box-shadow:0 2px 8px #00000026;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#888;margin-top:10px}.period-buttons{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.period-buttons::-webkit-scrollbar{display:none}.period-btn{padding:10px 18px;border-radius:24px;background:#f5f5f5;border:1px solid transparent;font-size:13px;font-weight:700;color:#666;cursor:pointer;white-space:nowrap;transition:all .2s}.period-btn.active{background:#034236;color:#fff}.results-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #F0F0F0;border-radius:12px;overflow:hidden;margin-top:24px}.results-table th{background:#034236;color:#fff;padding:14px;font-size:14px;font-weight:700}.results-table td{padding:14px;font-size:14px;color:#444;border-bottom:1px solid #F0F0F0}.highlight-row{background:#eaf0ef!important}.highlight-row td{color:#034236!important;font-weight:800!important}.brand{color:#07786b}.repayment-section{margin-top:32px}.repayment-title{font-size:18px;font-weight:800;color:#034236;margin-bottom:4px}.repayment-subtitle{font-size:13px;color:#666;font-weight:500;margin-bottom:20px}.repayment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.repayment-card{background:#fff;border-radius:16px;padding:16px;text-align:center;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;border:1px solid #F0F0F0}.repayment-badge{padding:8px 12px;border-radius:12px;margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center}.badge-text{font-size:11px;font-weight:800;color:#fff;line-height:1.2}.badge-red{background:#e57373}.badge-green{background:#4db6ac}.card-illustration{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.card-illustration img{max-width:100%;max-height:100%;object-fit:contain}.card-amount{font-size:20px;font-weight:800;color:#034236;margin-top:auto}.faq-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px}.faq-header{margin-bottom:20px}.faq-header h2{font-size:20px;font-weight:700;color:#2c2c2c;margin:0}.faq-item{padding:18px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-question p{font-size:15px;font-weight:600;color:#2c2c2c;flex:1;margin:0;line-height:1.4}.faq-arrow{font-size:18px;color:#067a69;font-weight:700}.faq-answer{margin-top:12px;animation:fadeIn .3s ease-out}.faq-answer p{font-size:14px;color:#555;line-height:1.6;margin:0}.view-all-wrapper{display:flex;justify-content:center;margin-top:20px}.view-all-btn{background:#fff;padding:10px 24px;border:1px solid #15AB95;border-radius:20px;color:#067a69;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#eaf0ef;transform:translateY(-1px)}.dashboard-page{background-color:#f5f5f5;max-width:600px;margin:0 auto;min-height:100vh;padding-bottom:80px;position:relative}.dashboard-content{padding:16px;display:flex;flex-direction:column;gap:20px}.hero-card{position:relative;background:linear-gradient(to bottom,#d7e9e7,#fff);border-radius:24px;padding:32px 24px;margin-bottom:8px;box-shadow:0 4px 12px #0000000a;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:slideUp .6s ease-out forwards}.hero-background{position:absolute;inset:0;opacity:.1}.hero-background:before,.hero-background:after{content:"";position:absolute;width:200px;height:100px;background:var(--bg-black);transform:rotate(-28deg)}.hero-background:before{top:-20px;left:20%}.hero-background:after{bottom:-20px;right:20%}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-subtitle{font-size:16px;color:#034236;font-weight:500;margin:0;opacity:.8}.hero-title{font-size:36px;font-weight:800;color:#034236;margin:0;line-height:1.1}.hero-description{font-size:16px;color:#2c2c2c;margin:0}.hero-description strong{color:#07786b;font-weight:700}.hero-arrow{margin:8px 0;color:#034236;display:flex;justify-content:center}.hero-arrow svg{width:32px;height:32px}.hero-button{background:#07786b;color:#fff;border:none;padding:14px 28px;border-radius:32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;max-width:280px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #07786b33;margin-top:8px}.hero-button svg{width:20px;height:20px}.hero-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #07786b4d;background:#06665b}.hero-button:active{transform:translateY(0)}.section{margin-top:8px}.section-title{font-size:14px;font-weight:800;color:#444;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px 8px}.section-description{text-align:center;color:var(--text-secondary)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin-bottom:8px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s}.quick-action:hover{transform:translateY(-2px)}.quick-action-icon{width:60px;height:60px;background:linear-gradient(to bottom,#15ab95,#067a69);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 4px 12px #15ab9533}.quick-action-icon svg{width:28px;height:28px}.quick-action-label{font-size:11px;font-weight:700;color:#067a69;text-align:center;line-height:1.3;white-space:pre-wrap}.eligibility-banner{background:linear-gradient(135deg,#eaf0ef,#f5f9f8);border-radius:20px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin:12px 0;box-shadow:0 4px 12px #00000005;cursor:pointer;border:1px solid #E0EAE8;transition:transform .2s}.eligibility-banner:hover{transform:scale(1.01)}.banner-text{flex:1}.banner-title{font-size:18px;font-weight:800;color:#034236;margin:0 0 4px}.banner-subtitle{font-size:14px;color:#07786b;font-weight:600;margin:0}.banner-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.banner-icon img{width:100%;height:100%;object-fit:contain}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.action-card{background:#07786b;border-radius:12px;padding:20px;height:160px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;flex-direction:column}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #07786b33;background:#06665b}.action-card-content{color:#fff;display:flex;flex-direction:column;gap:4px;z-index:1}.action-card-title{font-size:15px;font-weight:700;margin:0}.action-card-subtitle{font-size:12px;opacity:.9;font-weight:500}.action-icon-large{width:90px;height:90px;position:absolute;right:-10px;bottom:-15px;opacity:.8}.action-icon-large img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.share-modal-content{display:flex;flex-direction:column;gap:var(--space-lg)}.referral-code,.referral-link{display:flex;flex-direction:column;gap:var(--space-sm)}.referral-code label,.referral-link label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.code-display{font-size:var(--font-size-xl);font-weight:700;color:var(--brand-green-primary);font-family:monospace;padding:var(--space-md);background:var(--bg-card-subtle);border-radius:var(--radius-sm);text-align:center}.link-container{display:flex;gap:var(--space-sm)}.link-input{flex:1;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:monospace;background:var(--bg-secondary)}.copy-button{background:var(--brand-green-primary);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background var(--transition-base)}.copy-button:hover{background:var(--brand-green-dark)}.share-actions{display:flex;gap:var(--space-sm)}.share-whatsapp{flex:1;background:#25d366;color:#fff;border:none;padding:var(--space-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:opacity var(--transition-base)}.share-whatsapp:hover{opacity:.9}@media(max-width:768px){.dashboard-content{padding:var(--space-sm)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.quick-actions{grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.quick-action-icon{width:50px;height:50px;font-size:24px}.action-grid{grid-template-columns:1fr}.eligibility-banner{flex-direction:column;text-align:center;gap:var(--space-md)}}@media(min-width:1024px){.dashboard-page{padding-bottom:0}}.pending-applications-page{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column;padding-bottom:20px;max-width:600px;margin:0 auto;padding-top:56px;overflow-x:hidden}.pending-applications-page .header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:56px;background:#fff;z-index:1000;border-bottom:1px solid #f0f0f0}.pending-applications-page .back-btn,.pending-applications-page .menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;color:#333;cursor:pointer;transition:opacity .2s}.pending-applications-page .back-btn:hover,.pending-applications-page .menu-btn:hover{opacity:.7}.pending-applications-page .screen-title{font-size:18px;font-weight:600;color:#333;margin:0}.pending-applications-page .search-container{padding:12px 16px;background:#fff;width:100%}.pending-applications-page .search-bar-inner{display:flex;align-items:center;justify-content:space-between;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:0 12px;height:44px}.pending-applications-page .search-icon{font-size:18px;color:#999;margin-right:8px}.pending-applications-page .search-input{flex:1;height:100%;padding:0;border:none;background:transparent;color:#333;font-size:14px}.pending-applications-page .search-input:focus{outline:none;border-color:#0e8b7d}.pending-applications-page .search-input::placeholder{color:#999}.pending-applications-page .filter-wrapper{max-height:50px;background:#fff;border-bottom:1px solid #f0f0f0;overflow-x:auto;overflow-y:hidden}.pending-applications-page .filter-wrapper::-webkit-scrollbar{height:2px}.pending-applications-page .filter-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.pending-applications-page .filter-wrapper::-webkit-scrollbar-thumb{background:#0e8b7d;border-radius:1px}.pending-applications-page .filter-container{display:flex;align-items:center;gap:8px;padding:0 16px;height:50px;min-width:max-content}.pending-applications-page .filter-btn{padding:8px 16px;border-radius:20px;background:#f5f5f5;border:none;font-size:14px;color:#666;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.pending-applications-page .filter-btn:hover{background:#e8e8e8}.pending-applications-page .filter-btn.active{background:#0e8b7d;color:#fff}.pending-applications-page .filter-separator{width:1px;height:30px;background:#ddd;margin:0 8px}.pending-applications-page .refresh-wrapper{width:100%;padding:16px 16px 8px;display:flex;justify-content:flex-end;background:#f8f9fa}.pending-applications-page .refresh-btn{padding:6px 12px;border:1px solid #0E8B7D;border-radius:8px;background:none;color:#0e8b7d;font-size:12px;font-weight:500;cursor:pointer;min-width:90px;transition:all .2s}.pending-applications-page .refresh-btn:hover:not(:disabled){background:#0e8b7d;color:#fff}.pending-applications-page .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.pending-applications-page .applications-list{flex:1;padding:0 16px 20px;overflow-y:auto}.pending-applications-page .application-card{background:#fff;min-width:350px;padding:16px;margin:8px 0;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #0000001a;transition:box-shadow .2s}.pending-applications-page .application-card:hover{box-shadow:0 2px 4px #00000026}.pending-applications-page .app-info{flex:1}.pending-applications-page .app-name{font-size:16px;font-weight:600;color:#333;margin:0 0 4px;word-break:break-word;overflow-wrap:break-word}.pending-applications-page .app-mobile{font-size:14px;color:#0e8b7d;font-weight:500;margin:0 0 2px;word-break:break-all}.pending-applications-page .app-type{font-size:12px;color:#666;margin:0 0 2px}.pending-applications-page .app-date{font-size:12px;color:#999;margin:0}.pending-applications-page .status-container{display:flex;align-items:center}.pending-applications-page .status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500;min-width:80px;text-align:center;white-space:nowrap}.pending-applications-page .status-badge.status-inprogress{background-color:#e3f2fd;color:#1565c0}.pending-applications-page .status-badge.status-referred{background-color:#fdecef;color:#b71c1c}.pending-applications-page .status-badge.status-loggedin{background-color:#fff5cc;color:#7a5c00}.pending-applications-page .status-badge.status-completed{background-color:#e6f4ea;color:#176b34}.pending-applications-page .status-badge.status-expired{background-color:#fdecef;color:#b71c1c}.pending-applications-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.pending-applications-page .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0E8B7D;border-radius:50%;animation:spin 1s linear infinite}.pending-applications-page .loading-container p{margin-top:16px;font-size:16px;color:#666}.pending-applications-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.pending-applications-page .error-text{font-size:16px;color:#721c24;text-align:center;margin-bottom:20px}.pending-applications-page .retry-btn{background:#0e8b7d;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.pending-applications-page .retry-btn:hover{background:#0c7569}.pending-applications-page .empty-state{text-align:center;color:#666;font-size:16px;margin-top:40px}.pending-applications-page .snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:568px;padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #00000026;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.pending-applications-page .snackbar.success{background:#0e8b7d}.pending-applications-page .snackbar.error{background:#b71c1c}.pending-applications-page .snackbar p{color:#fff;font-size:14px;margin:0;flex:1}.pending-applications-page .snackbar button{background:none;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-left:12px;transition:opacity .2s}.pending-applications-page .snackbar button:hover{opacity:.8}.pending-applications-page .sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.pending-applications-page .sidebar-menu{position:fixed;right:0;top:0;bottom:0;width:280px;max-width:80%;background:#fff;box-shadow:-2px 0 8px #0000001a;animation:slideIn .3s ease;padding:20px;overflow-y:auto}.pending-applications-page .close-btn{position:absolute;top:16px;right:16px;font-size:32px;background:none;border:none;cursor:pointer;color:#666;transition:color .2s;z-index:10}.pending-applications-page .close-btn:hover{color:#333}.pending-applications-page .sidebar-header{display:flex;justify-content:center;align-items:center;padding:20px 0 30px;margin-top:40px}.pending-applications-page .sidebar-logo{max-width:180px;height:auto}.pending-applications-page .sidebar-menu ul{list-style:none;padding:0;margin:0}.pending-applications-page .sidebar-menu li{padding:16px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;transition:background .2s}.pending-applications-page .sidebar-menu li:hover{background:#f8f9fa}@media(min-width:768px){.pending-applications-page .applications-list{max-width:800px;margin:0 auto;padding:0 16px 20px}.pending-applications-page .application-card{padding:20px}.pending-applications-page .search-container,.pending-applications-page .filter-wrapper,.pending-applications-page .refresh-wrapper{max-width:800px;margin:0 auto}}.completed-page{min-height:100vh;background-color:#f8f9fa;max-width:600px;margin:0 auto;padding-top:56px;padding-bottom:20px;overflow-x:hidden}.completed-page .header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;border-bottom:1px solid #eeeeee}.completed-page .header-actions{display:flex;gap:8px}.completed-page .icon-btn{background:none;border:none;font-size:24px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .2s}.completed-page .icon-btn:hover{background:#f0f0f0}.completed-page .screen-title{font-size:18px;font-weight:600;color:#333;margin:0}.sticky-controls{position:sticky;z-index:900;background:#f8f9fa}.search-container{padding:12px 16px;background:#fff}.search-bar-inner{display:flex;align-items:center;justify-content:space-between;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:0 12px;height:44px}.search-icon{margin-right:10px;font-size:18px}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333}.filter-wrapper{background:#fff;border-bottom:1px solid #eee;overflow-x:auto;white-space:nowrap}.filter-wrapper::-webkit-scrollbar{height:2px}.filter-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.filter-wrapper::-webkit-scrollbar-thumb{background:#0e8b7d;border-radius:1px}.filter-container{display:flex;padding:8px 16px;gap:8px;align-items:center}.filter-btn{padding:6px 16px;border-radius:18px;background:#f5f5f5;border:none;font-size:13px;color:#666;font-weight:500;cursor:pointer}.filter-btn.active{background:#0e8b7d;color:#fff}.filter-separator{width:1px;height:20px;background:#ddd;margin:0 4px}.refresh-wrapper{width:100%;padding:16px 16px 8px;display:flex;justify-content:flex-end;background:#f8f9fa}.refresh-btn{padding:6px 16px;border:1px solid #0E8B7D;border-radius:8px;background:none;color:#0e8b7d;font-size:13px;font-weight:600;cursor:pointer;min-width:100px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#0e8b7d;color:#fff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.applications-list{padding:8px 16px}.application-card{background:#fff;border-radius:12px;padding:16px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d}.app-info{flex:1}.app-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#333;word-break:break-word}.app-mobile{margin:0 0 2px;font-size:14px;color:#0e8b7d;font-weight:500}.app-type{margin:0 0 2px;font-size:12px;color:#666}.app-date{margin:0;font-size:12px;color:#999}.status-badge{padding:6px 14px;border-radius:12px;font-weight:600;font-size:12px;min-width:80px;text-align:center;white-space:nowrap}.status-badge.status-success{background:#e6f4ea;color:#176b34}.status-badge.status-error{background:#fdecef;color:#b71c1c}.status-badge.status-info{background:#e3f2fd;color:#1565c0}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state,.loading-state,.error-state{text-align:center;padding:40px 20px;color:#666}.referral-page{min-height:100vh;background-color:#fff;max-width:600px;margin:0 auto;display:flex;flex-direction:column}.referral-page .top-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #eeeeee;height:56px}.referral-page .logo{height:32px}.referral-page .nav-actions{display:flex;gap:8px}.referral-page .icon-btn{background:none;border:none;font-size:24px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.form-container{padding:24px 16px;flex:1}.tab-bar{display:flex;background:#f1f3f4;padding:4px;border-radius:12px;margin-bottom:24px}.tab-item{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:#666;transition:all .3s ease}.tab-item.active{background:#fff;color:#0e8b7d;box-shadow:0 2px 4px #0000001a}.referral-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:#333}.input-group input{height:48px;padding:0 16px;border:1.5px solid #eeeeee;border-radius:10px;font-size:15px;outline:none;background:#f9f9f9;transition:border-color .2s}.input-group input:focus{border-color:#0e8b7d;background:#fff}.button-wrapper{margin-top:auto;padding-top:32px;padding-bottom:24px}.submit-btn{width:100%;height:52px;background:#0e8b7d;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:601px){.submit-btn{max-width:568px}}._rewardsPage_w09tc_1{background-color:#f5f5f5;max-width:600px;margin:0 auto;min-height:100vh;padding-bottom:80px;position:relative}._rewardsContent_w09tc_10{padding:16px;display:flex;flex-direction:column;gap:20px}._header_w09tc_18{background-color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}._logo_w09tc_30{height:24px}._headerActions_w09tc_34{display:flex;gap:12px}._iconBtn_w09tc_39{background:none;border:none;font-size:24px;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}._missionBanner_w09tc_52{background:linear-gradient(to bottom,#606060,#1c1c1c);border-radius:16px;padding:24px;position:relative;overflow:hidden;color:#fff;display:flex;justify-content:space-between}._missionText_w09tc_63{flex:1;z-index:1}._missionTitle_w09tc_68{font-size:14px;font-weight:700;margin:0 0 8px}._missionSubtext_w09tc_74{font-size:12px;margin:0 0 16px;opacity:.9}._missionButtons_w09tc_80{display:flex;align-items:center;gap:12px}._knowMoreBtn_w09tc_86{background:linear-gradient(to bottom,#1c1e1f,#282a2c);border:none;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;cursor:pointer}._tcLink_w09tc_96{font-size:12px;font-weight:600;text-decoration:underline;cursor:pointer}._missionAsset_w09tc_103{position:absolute;right:-20px;top:50%;transform:translateY(-50%);height:100px;opacity:.9}._referralActions_w09tc_113{background-color:#fff;border-radius:16px;padding:20px}._sectionHeader_w09tc_119{margin-bottom:20px}._sectionTitle_w09tc_123{font-size:16px;font-weight:600;color:#222;margin:0 0 4px}._sectionDesc_w09tc_130{font-size:12px;color:#888;margin:0}._whatsappBtn_w09tc_136{background-color:#138f6a;color:#fff;border:none;border-radius:12px;padding:14px;width:100%;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;cursor:pointer;transition:transform .2s}._whatsappBtn_w09tc_136:active{transform:scale(.98)}._secondaryGrid_w09tc_158{display:grid;grid-template-columns:1fr 1fr;gap:12px}._secondaryBtn_w09tc_164{background-color:#fff;color:#138f6a;border:1.5px solid #138F6A;border-radius:12px;padding:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}._progressOverview_w09tc_180{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 4px 12px #00000008;animation:_slideUp_w09tc_1 .4s ease-out forwards}._progressStat_w09tc_191{display:flex;flex-direction:column;align-items:center;gap:4px}._statValue_w09tc_198{font-size:24px;font-weight:800;color:#138f6a}._statLabel_w09tc_204{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}._vSeparator_w09tc_212{width:1px;height:40px;background-color:#f0f0f0}._rewardStructure_w09tc_219{display:flex;flex-direction:column;gap:16px}._rewardCard_w09tc_225{background-color:#fff;border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent;opacity:0;transform:translateY(20px);animation:_slideUp_w09tc_1 .5s ease-out forwards}._rewardCard_w09tc_225:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}._rewardAchieved_w09tc_246{background-color:#e6f4ea;border-color:#138f6a33}._rewardCurrent_w09tc_251{border-color:#138f6a;box-shadow:0 4px 12px #138f6a1a}._rewardHeader_w09tc_256{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}._achievedLabel_w09tc_263{background-color:#138f6a;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase}._rewardIconContainer_w09tc_273{background-color:#effffd;border-radius:12px;width:44px;height:44px;min-width:44px;border:1px solid #F0F0F0;display:flex;align-items:center;justify-content:center;margin-top:2px}._rewardIcon_w09tc_273{width:28px;height:28px;object-fit:contain}._rewardInfo_w09tc_292{display:flex;flex-direction:column;flex:1}._rewardAmount_w09tc_298{font-size:16px;font-weight:700;color:#222}._rewardDesc_w09tc_304{font-size:12px;color:#666;line-height:1.4;margin-bottom:12px}._tierProgressBarWrapper_w09tc_312{display:flex;align-items:center;gap:10px}._tierProgressBar_w09tc_312{flex:1;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden}._tierProgressFill_w09tc_326{height:100%;background:linear-gradient(to right,#138f6a,#15ab95);border-radius:3px;transition:width 1s cubic-bezier(.17,.67,.83,.67)}._tierProgressText_w09tc_333{font-size:11px;font-weight:700;color:#138f6a;min-width:35px;text-align:right}@keyframes _slideUp_w09tc_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeIn_w09tc_1{0%{opacity:0}to{opacity:1}}._tcCard_w09tc_359{background:linear-gradient(135deg,#606060,#1c1c1c);border-radius:16px;padding:20px;position:relative;overflow:hidden;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:transform .2s;opacity:0;animation:_fadeIn_w09tc_1 .5s ease-out forwards}._tcCardContent_w09tc_376{z-index:1}._tcCardTitle_w09tc_380{font-size:18px;font-weight:600;margin:0}._tcCardSubtitle_w09tc_386{font-size:14px;opacity:.8;margin:4px 0 0}._tcCardAsset_w09tc_392{height:60px}._partnersSection_w09tc_397{margin-top:10px}._partnersHeader_w09tc_401{margin-bottom:12px}._partnersList_w09tc_405{display:flex;flex-direction:column;gap:12px}._partnerCard_w09tc_411{background-color:#fff;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 8px #00000005}._partnerMain_w09tc_421{display:flex;flex-direction:column;gap:4px}._partnerName_w09tc_427{font-size:14px;font-weight:700;color:#222}._partnerLabel_w09tc_433{font-size:12px;color:#888}._partnerBadgeContainer_w09tc_438{display:flex;flex-direction:column;align-items:flex-end;gap:8px}._partnerStatusBadge_w09tc_445{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}._partnerDate_w09tc_452{font-size:11px;color:#888}._loadingContainer_w09tc_458,._errorContainer_w09tc_458,._emptyContainer_w09tc_458{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background-color:#fff;border-radius:16px;text-align:center}._emptyImage_w09tc_469{width:120px;margin-bottom:16px}._emptyText_w09tc_474{color:#888;font-size:14px}._retryBtn_w09tc_479{margin-top:16px;background-color:#138f6a;color:#fff;border:none;padding:8px 24px;border-radius:8px;cursor:pointer}._shareModal_w09tc_490{padding:8px 0}._modalSection_w09tc_494{margin-bottom:20px}._modalLabel_w09tc_498{display:block;font-size:14px;color:#666;margin-bottom:8px}._copyGroup_w09tc_505{display:flex;gap:8px}._modalInput_w09tc_510{flex:1;background-color:#f8f8f8;border:1px solid #eee;padding:12px;border-radius:8px;font-size:14px;color:#222}._copyInputBtn_w09tc_520{background-color:#138f6a;color:#fff;border:none;padding:0 16px;border-radius:8px;font-weight:600;cursor:pointer}.empanelment-page{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center}.empanelment-container{width:100%;max-width:600px;padding:20px;margin-top:20px}.empanelment-header{margin-bottom:30px;position:relative;display:flex;flex-direction:column}.back-btn-wrapper{margin-bottom:20px}.empanelment-back-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #D9D9D9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .2s}.empanelment-back-btn:hover{background:#f5f5f5}.empanelment-title{font-size:32px;font-weight:700;color:#333;line-height:45px;margin:0}.empanelment-form{display:flex;flex-direction:column;gap:20px}.empanelment-form .input-container{display:flex;flex-direction:column}.empanelment-form .input-label{font-size:14px;color:#666;font-weight:500;margin-bottom:5px}.empanelment-form .input-field{border:1px solid #D9D9D9;border-radius:5px;padding:12px;font-size:16px;height:auto;transition:border-color .2s}.empanelment-form .input-field:focus{border-color:#07786b;outline:none}.empanelment-form .input-error .input-field{border-color:#ff3b30}.empanelment-form .input-disabled .input-field{background-color:#f5f5f5;color:#aaa}.google-section{margin:10px 0;display:flex;flex-direction:column;gap:15px}.divider{display:flex;align-items:center;text-align:center;color:#999;font-size:14px;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #eee}.divider span{padding:0 12px}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#fff;border:1px solid #2E8B57;border-radius:8px;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s}.google-signin-btn:hover{box-shadow:0 2px 8px #0000001a;border-color:#1a5a3a}.google-icon{width:20px;height:20px}.empanelment-form .btn-primary{background-color:#07786b;height:48px;font-size:16px;font-weight:600;border-radius:5px}.empanelment-form .btn-primary:disabled{background-color:#e0e0e0;color:#aaa;cursor:not-allowed}@media(max-width:600px){.empanelment-container{padding:20px;margin-top:0}.empanelment-title{font-size:28px;line-height:38px}}.arn-details-page{min-height:100vh;background-color:#f8f9fa;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.arn-container{width:100%;max-width:480px;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000000d}.arn-header{margin-bottom:32px}.arn-title{font-size:32px;font-weight:700;color:#333;margin:0;line-height:1.2}.step-label{font-size:12px;font-weight:500;color:#999;white-space:nowrap}.arn-form{display:flex;flex-direction:column;gap:24px}.arn-input-wrapper{display:flex;align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:0 16px;height:56px;transition:all .2s}.arn-input-wrapper:focus-within{border-color:#07786b;background:#fff;box-shadow:0 0 0 2px #07786b1a}.arn-prefix{font-size:18px;font-weight:600;color:#666;margin-right:8px}.arn-input-field{flex:1;height:100%;background:transparent;border:none;font-size:20px;font-weight:600;color:#333;letter-spacing:4px}.arn-input-field:focus{outline:none}.arn-input-field.error{color:#ff3b30}.error-message{color:#ff3b30;font-size:14px;margin:-16px 0 0}@media(max-width:480px){.arn-container{padding:24px;box-shadow:none;background:transparent}}.arn-scanner-page{min-height:100vh;background-color:#f8f9fa;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.scanner-container{width:100%;max-width:480px;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000000d}.scanner-header{margin-bottom:32px}.scanner-title{font-size:32px;font-weight:700;color:#333;margin:0;line-height:1.2}.stepper{display:flex;align-items:center;margin-bottom:40px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.step-number{width:28px;height:28px;border-radius:50%;background:#eee;color:#666;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.step.active .step-number{background:#07786b;color:#fff}.step.visited .step-number{background:#e6f4ea;color:#07786b}.step-label{font-size:12px;font-weight:500;color:#999}.step.active .step-label{color:#07786b}.step-connector{flex:1;height:2px;background:#eee;margin-bottom:24px}.step-connector.active{background:#e6f4ea}.scanner-actions{display:flex;flex-direction:column;gap:16px}.action-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fdfdfd;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s}.action-card:hover{background:#f8f9fa;border-color:#07786b;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.action-icon{font-size:28px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f0f7f6;border-radius:50%}.action-text h3{font-size:16px;font-weight:600;color:#333;margin:0 0 4px}.action-text p{font-size:13px;color:#666;margin:0}.preview-content{display:flex;flex-direction:column;gap:24px}.preview-image-container{width:100%;max-height:400px;overflow:hidden;border-radius:12px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.preview-image{width:100%;height:auto;object-fit:contain}.pdf-placeholder{padding:40px;text-align:center;display:flex;flex-direction:column;gap:12px}.pdf-placeholder span{font-size:32px}.preview-actions{display:flex;gap:12px}.compliance-note{margin-top:32px;padding-top:24px;border-top:1px solid #eee}.compliance-note p{font-size:14px;line-height:1.5;color:#666;margin:0}@media(max-width:480px){.scanner-container{padding:24px;box-shadow:none;background:transparent}}.congratulations-page{min-height:100vh;background-color:#f8f9fa;padding:40px 20px;display:flex;justify-content:center;align-items:center}.congratulations-container{width:100%;max-width:480px;background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 10px 30px #0000000d;text-align:center}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.success-icon-circle{width:80px;height:80px;background:#e6f4ea;border-radius:50%;display:flex;align-items:center;justify-content:center}.check-icon{font-size:48px;color:#07786b}.congratulations-header{margin-bottom:32px}.congratulations-title{font-size:32px;font-weight:700;color:#333;margin:0 0 12px}.congratulations-subtitle{font-size:16px;color:#666;line-height:1.5;margin:0}.id-card-section{background:#f0f7f6;padding:24px;border-radius:12px;margin-bottom:24px}.id-label{font-size:12px;font-weight:600;color:#07786b;text-transform:uppercase;margin-bottom:8px}.id-card{display:flex;align-items:center;justify-content:center;gap:12px}.id-value{font-size:24px;font-weight:700;color:#333;letter-spacing:1px}.copy-btn{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666}.copy-btn:hover{background:#f5f5f5;color:#07786b;border-color:#07786b}.verification-notice{font-size:14px;color:#666;line-height:1.5;margin-bottom:40px;padding:0 10px}.next-steps{text-align:left;margin-bottom:40px}.section-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;gap:16px}.step-icon-bg{width:40px;height:40px;background:#f0f7f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#07786b;font-size:20px;flex-shrink:0}.step-info h4{font-size:15px;font-weight:600;color:#333;margin:0 0 4px}.step-info p{font-size:13px;color:#666;margin:0}@media(max-width:480px){.congratulations-page{padding:20px 16px;align-items:flex-start}.congratulations-container{padding:32px 24px;box-shadow:none;background:transparent}.congratulations-title{font-size:28px}}.customers-page{min-height:100vh;background:#f8f8f8;display:flex;flex-direction:column}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:100;max-width:600px;margin:0 auto;width:100%}.logo-container{display:flex;align-items:center}.logo{width:120px;height:32px}.icons-container{display:flex;align-items:center;gap:20px}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.icon-btn .icon{font-size:24px;color:#1a1a1a}.icon-btn:hover{opacity:.7}.content{flex:1;padding:16px 16px 100px;max-width:600px;margin:0 auto;width:100%}.page-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.page-subtitle{font-size:14px;color:#666;margin:0 0 24px}.categories-container{margin-top:8px}.category-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.category-card:active{transform:translateY(0)}.category-card:focus{outline:2px solid #07786B;outline-offset:2px}.category-content{display:flex;align-items:center;gap:16px}.category-icon-container{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.category-icon{font-size:28px}.category-title{font-size:16px;font-weight:600;color:#333;margin:0}.category-count-container{display:flex;align-items:center;gap:8px}.category-count{min-width:24px;height:24px;border-radius:12px;background:#00a86b;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px}.chevron{font-size:24px;color:#00a86b;font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:8px 0 max(16px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #0000001a;z-index:100;max-width:600px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#888;flex:1;padding:8px}.nav-item.active{color:#07786b}.nav-item .icon{font-size:24px}.nav-item .label{font-size:12px;font-weight:500}.nav-item:hover{opacity:.7}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.sidebar-menu{background:#fff;width:280px;height:100%;padding:20px;box-shadow:-2px 0 8px #0000001a;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.close-btn{position:absolute;top:16px;right:16px;font-size:32px;background:none;border:none;cursor:pointer;color:#666}.sidebar-menu ul{list-style:none;padding:0;margin:40px 0 0}.sidebar-menu li{padding:16px 0;border-bottom:1px solid #eee;cursor:pointer;font-size:16px;color:#333}.sidebar-menu li:hover{color:#07786b}@media(min-width:768px){.content{max-width:600px;margin:0 auto}.category-card{padding:20px}.category-title{font-size:18px}.bottom-nav{display:none}}@media(min-width:1024px){.content{max-width:600px}.categories-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-card{margin-bottom:0}}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);min-width:300px;max-width:500px;padding:var(--space-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);z-index:10000;animation:slideDown .3s ease-out}.toast-success{background:var(--success-color);color:#fff}.toast-error{background:var(--error-color);color:#fff}.toast-info{background:var(--brand-green-primary);color:#fff}.toast-content{display:flex;align-items:center;gap:var(--space-sm);flex:1}.toast-icon{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-message{font-size:var(--font-size-base);line-height:1.4}.toast-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);line-height:1}.toast-close:hover{opacity:.7}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.toast{left:var(--space-md);right:var(--space-md);min-width:auto}}:root{--brand-green-primary: #07786B;--brand-green-light: #15AB95;--brand-green-dark: #034236;--brand-green-medium: #067A69;--brand-green-mint: #54D4A0;--brand-green-gradient-start: #15AB95;--brand-green-gradient-end: #067A69;--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-card-light: rgb(215, 233, 231);--bg-card-subtle: #EAF0EF;--bg-black: #000000;--bg-gray: #333333;--bg-very-light-gray: #f0f0f0;--bg-ultra-light-gray: #F9F9F9;--bg-light-mint: #f0f8f7;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #888888;--text-subtle: #787878;--text-white: #f7f7f7;--text-dark: #2c2c2c;--text-medium-dark: #555555;--border-color: #e0e0e0;--error-color: #FF3B30;--success-color: #008B77;--disabled-color: #cccccc;--accent-blue: #4A90E2;--accent-red: #F16B58;--font-primary: "DM Sans", system-ui, -apple-system, sans-serif;--font-heading: "DM Sans", system-ui, -apple-system, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 36px;--font-size-hero: 50px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 25px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 18px rgba(0, 0, 0, .18);--shadow-calculator: 0 2px 4px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--calculator-gray: #D9D9D9;--calculator-badge: #2C2C2C}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:600}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}a{color:var(--brand-green-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--brand-green-dark)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}button:disabled{cursor:not-allowed;opacity:.6}input{font-family:inherit;outline:none}.container{width:100%;max-width:600px;margin:0 auto;padding:0}@media(min-width:1024px){.container{padding:0 var(--space-xl)}}.text-center{text-align:center}.text-error{color:var(--error-color);font-size:var(--font-size-sm)}.text-success{color:var(--success-color)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gradient-primary{background:linear-gradient(135deg,var(--brand-green-gradient-start),var(--brand-green-gradient-end))}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0%,#e8e8e8 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--brand-green-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-green-dark)}*:focus-visible{outline:2px solid var(--brand-green-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scalePop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-in-out}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-bounce{animation:bounce 1s infinite ease-in-out}.animate-pulse{animation:pulse 2s infinite ease-in-out}.animate-spin{animation:spin 1s linear infinite}