.landing-container{font-family:var(--font-family);color:#333;background-color:#f4f6f9}.landing-container h1,.landing-container h2,.landing-container h3,.landing-container h4{color:var(--grey-brand);font-weight:800}.landing-container p{color:#666;line-height:1.6}.landing-nav{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:sticky;top:0}.landing-logo{color:var(--primary);align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.landing-logo span{color:var(--grey-brand)}.landing-links{gap:30px;display:flex}.landing-links a{color:var(--grey-brand);font-weight:600;text-decoration:none;transition:color .3s}.landing-links a:hover{color:var(--primary)}.landing-mobile-menu-btn{color:var(--grey-brand);cursor:pointer;background:0 0;border:none;padding:5px;display:none}.landing-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0006;display:none;position:fixed;inset:0}.landing-mobile-overlay.open{display:block}.landing-mobile-drawer{z-index:1000;background:#fff;flex-direction:column;width:280px;max-width:85vw;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:-100%;box-shadow:-5px 0 25px #0000001a}.landing-mobile-drawer.open{right:0}.landing-mobile-drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.landing-mobile-close-btn{color:var(--grey-brand);cursor:pointer;background:0 0;border:none;padding:5px}.landing-mobile-drawer-links{flex-direction:column;gap:5px;padding:20px;display:flex}.landing-mobile-drawer-links a{color:var(--grey-brand);border-bottom:1px solid #f1f5f9;padding:15px 10px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .2s}.landing-mobile-drawer-links a:hover{color:var(--primary)}.landing-mobile-drawer-links a:last-child{border-bottom:none}.landing-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.landing-btn-primary{background-color:var(--primary);color:#fff}.landing-btn-primary:hover{background-color:var(--primary-hover)}.landing-btn-secondary{background-color:var(--secondary);color:#000}.landing-btn-secondary:hover{background-color:#e5a315}.landing-btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.landing-btn-outline:hover{background-color:var(--primary);color:#fff}.landing-section{padding:80px 5%}.hero-section{background-color:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:60px 5% 120px;display:flex;position:relative}.hero-content{flex:1;max-width:600px}.hero-content h1{color:#fff;margin-bottom:20px;font-size:3rem;line-height:1.2}.hero-content p{color:#ffe6d5;margin-bottom:30px;font-size:1.1rem}.hero-buttons{gap:15px;display:flex}.hero-image-container{flex:1;justify-content:center;align-items:center;display:flex}.hero-image-container img{max-width:100%;height:auto;max-height:400px;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.features-container{z-index:10;justify-content:center;gap:30px;margin-top:-60px;padding:0 5%;display:flex;position:relative}.feature-card{text-align:center;background:#fff;border-radius:12px;flex:1;max-width:350px;padding:30px;box-shadow:0 10px 30px #00000014}.feature-card-icon{background-color:#fff3eb;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;display:flex}.feature-card h3{margin-bottom:15px;font-size:1.3rem}.feature-card p{font-size:.95rem}.about-section{background-color:#f8fafc;align-items:center;gap:50px;display:flex}.about-image{flex:1}.about-image img{border-radius:12px;width:100%;box-shadow:0 10px 20px #0000001a;-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.about-content{flex:1}.about-content h2{margin-bottom:20px;font-size:2.5rem;line-height:1.2}.about-checklist{gap:20px;margin-bottom:30px;display:flex}.about-check-item{color:var(--grey-brand);align-items:center;gap:10px;font-weight:700;display:flex}.about-check-item span{color:var(--primary);font-size:20px}.services-section{text-align:center;background-color:#fff}.services-section h2{margin-bottom:15px;font-size:2.5rem}.services-section>p{max-width:700px;margin:0 auto 50px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;gap:30px;display:grid}.service-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:40px 20px;transition:transform .3s,box-shadow .3s}.service-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 25px #0000000d}.service-icon{margin-bottom:20px;font-size:40px}.service-card h3{margin-bottom:15px}.service-card p{font-size:.9rem}.api-section{background-color:var(--grey-brand);color:#fff;justify-content:space-between;align-items:center;display:flex}.api-content{flex:1;max-width:500px}.api-content h2{color:#fff;margin-bottom:20px;font-size:2.5rem}.api-content p{color:#ccc;margin-bottom:30px}.api-image{flex:1;justify-content:center;display:flex}.api-image img{border-radius:8px;max-width:100%;box-shadow:0 20px 40px #0000004d}.why-choose-section{background-color:var(--primary);color:#fff;align-items:center;gap:50px;display:flex}.why-content{flex:1}.why-content h2{color:#fff;margin-bottom:20px;font-size:2.5rem}.why-content>p{color:#ffe6d5;margin-bottom:40px}.why-list{flex-direction:column;gap:30px;display:flex}.why-item{gap:20px;display:flex}.why-icon{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.why-item-text h4{color:#fff;margin-bottom:8px;font-size:1.2rem}.why-item-text p{color:#ffe6d5;font-size:.95rem}.why-image{flex:1;justify-content:center;display:flex}.why-image img{max-width:100%;height:auto;max-height:500px;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.testimonials-section{background-color:var(--secondary);text-align:center}.testimonials-section h2{color:var(--grey-brand);margin-bottom:10px;font-size:2.5rem}.testimonials-section>p{color:#333;margin-bottom:50px}.testimonials-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.testimonial-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000000d}.testimonial-card h4{margin-bottom:5px}.testimonial-stars{color:var(--secondary);margin-bottom:15px;font-size:18px}.testimonial-card p{font-size:.95rem;font-style:italic}.landing-footer{background-color:var(--grey-brand);color:#fff;text-align:center;letter-spacing:.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:30px 5%;font-size:1rem;font-weight:500}.landing-footer p{color:#fff}.go-top-btn{background-color:var(--primary);color:#fff;cursor:pointer;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #f25c194d}.go-top-btn:hover{background-color:var(--primary-hover);transform:translateY(-5px);box-shadow:0 6px 16px #f25c1966}@media (width<=900px){.hero-section,.about-section,.api-section,.why-choose-section{text-align:center;flex-direction:column}.hero-buttons{justify-content:center}.features-container{flex-direction:column;align-items:center;margin-top:40px}.about-checklist{justify-content:center}.why-item{text-align:left}}@media (width<=768px){.landing-links{display:none}.landing-mobile-menu-btn{display:block}.go-top-btn{width:45px;height:45px;bottom:20px;right:20px}}.layout-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--surface);z-index:50;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:260px;height:100%;padding:24px;transition:transform .3s;display:flex}.sidebar-header{margin-bottom:40px}.sidebar-header h2{margin:0;font-size:24px}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background-color:#ffffff0d}.nav-item.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f633}.sidebar-footer{margin-top:auto}.logout-btn{width:100%;color:var(--danger);border-color:#ef44444d}.logout-btn:hover{background-color:#ef44441a}.main-content{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.topbar{z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.topbar-left h3{margin:0;font-weight:600}.profile-circle{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.page-content{flex:1;padding:32px;overflow-y:auto}.mobile-menu-btn,.mobile-close-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;padding:0;display:none}.mobile-overlay{z-index:40;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.mobile-menu-btn,.mobile-close-btn{display:flex}.mobile-overlay.open{display:block}.topbar{padding:0 16px}.page-content{padding:16px}}.topbar-dropdown{border-radius:var(--radius-md);z-index:100;border:1px solid var(--border);flex-direction:column;width:220px;padding:8px 0;display:flex;position:absolute;top:120%;right:0;box-shadow:0 10px 25px -5px #00000080}.dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:8px 16px;font-size:.85rem}.dropdown-item{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:.95rem;text-decoration:none;transition:background .2s;display:flex}.dropdown-item:hover{background:var(--bg-input);color:var(--primary)}.dropdown-divider{background:var(--border);height:1px;margin:8px 0}.text-danger:hover{background:#ef44441a!important}.nav-accordion{flex-direction:column;display:flex}.nav-accordion-content{border-left:2px solid var(--border);flex-direction:column;gap:4px;margin-top:4px;margin-bottom:8px;margin-left:20px;padding-left:12px;display:flex}.nav-subitem{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:12px;padding:8px 12px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.nav-subitem:hover{background-color:var(--bg-surface);color:var(--text-main)}.nav-subitem.active{background-color:var(--primary-glow);color:var(--primary);font-weight:600}.skeleton{background-color:var(--border,#e5e7eb);background-image:linear-gradient(90deg, var(--border,#e5e7eb) 0px, var(--surface-muted,#f3f4f6) 40px, var(--border,#e5e7eb) 80px);background-size:200% 100%;border-radius:4px;animation:1.5s linear infinite shimmer}[data-theme=dark] .skeleton{background-color:#374151;background-image:linear-gradient(90deg,#374151 0,#4b5563 40px,#374151 80px)}.skeleton-text{border-radius:4px;height:1.2em;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-rect{display:block}.skeleton-circle{border-radius:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-container{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.wallet-card{background-color:var(--primary);color:#fff;box-shadow:0 10px 25px -5px var(--primary-glow);border:none;border-radius:16px;padding:24px;position:relative;overflow:hidden}.wallet-card:before{content:"";z-index:1;background:#ffffff1a;border-radius:50%;width:250px;height:250px;position:absolute;top:-50%;right:-10%}.wallet-card:after{content:"";z-index:1;background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40%;left:-10%}.wallet-content{z-index:2;position:relative}.wallet-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wallet-title{text-transform:uppercase;letter-spacing:.5px;color:#fffc;font-size:.875rem;font-weight:600}.wallet-badge{background:#fff3;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:flex}.badge-dot{background-color:#34d399;border-radius:50%;width:8px;height:8px}.balance-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.wallet-balance{color:#fff;margin:0;font-size:2.5rem;font-weight:800}.eye-btn{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.eye-btn:hover{background:#ffffff40}.wallet-divider{background:#ffffff26;height:1px;margin-bottom:16px}.bank-row{align-items:center;gap:12px;display:flex}.bank-info{flex:1}.bank-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem}.bank-account{margin:0;font-size:1rem;font-weight:600}.copy-btn{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.copy-btn:hover{background:#ffffff40}.quick-actions{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px;display:flex}.qa-item{cursor:pointer;color:var(--text-color);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px 8px;text-decoration:none;transition:background .2s;display:flex}.qa-item:hover{background:#ffffff0d}.qa-icon-wrap{width:48px;height:48px;color:var(--brand-color);background:#f25c1926;border-radius:50%;justify-content:center;align-items:center;display:flex}.qa-label{font-size:.875rem;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:16px;display:flex}.section-title{color:var(--text-color);margin:0;font-size:1.125rem;font-weight:700}.see-all{color:var(--brand-color);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-tile{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.service-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tile-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tile-label{color:var(--text-color);text-align:center;font-size:.875rem;font-weight:500}.recent-tx-list{flex-direction:column;gap:12px;display:flex}.tx-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.tx-left{flex-direction:column;gap:4px;display:flex}.tx-title{color:var(--text-color);font-size:.95rem;font-weight:600}.tx-date{color:var(--text-muted);font-size:.75rem}.tx-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tx-amount{font-size:1rem;font-weight:700}.tx-status{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}.tx-amount.credit{color:#10b981}.tx-amount.debit{color:var(--text-color)}.tx-status.success{color:#10b981}.tx-status.failed{color:#ef4444}.tx-status.pending{color:#f59e0b}.empty-tx{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}@media (width<=600px){.services-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:24px;animation:.3s ease-out modal-slide-up;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000001a}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:600}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.close-modal-btn:hover{background:var(--bg-input);color:var(--text-color)}.fund-details{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:16px}.fund-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.fund-detail-row:last-child{border-bottom:none;padding-bottom:0}.fund-detail-row:first-child{padding-top:0}.fund-label{color:var(--text-muted);font-size:.85rem}.fund-value{color:var(--text-color);align-items:center;gap:8px;font-weight:600;display:flex}.copy-text-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .2s;display:flex}.copy-text-btn:hover{opacity:.7}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-color);border-radius:8px;padding:12px 16px;font-size:1rem;transition:border-color .2s}.form-control:focus{border-color:var(--primary);outline:none}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--danger);margin-top:4px;font-size:.85rem}.auth-container{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:440px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{margin:0 0 8px;font-size:1.75rem}.auth-header p{color:var(--text-muted);margin:0}.auth-form{margin-bottom:24px}.w-100{width:100%}.mt-4{margin-top:16px}.auth-error{color:var(--danger);border-radius:var(--radius-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433;margin-bottom:24px;padding:12px;font-size:.875rem}.auth-footer{text-align:center;color:var(--text-muted);font-size:.875rem}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.pin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pin-modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:400px;padding:30px;position:relative;box-shadow:0 20px 40px #0003}.pin-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.pin-modal-close:hover{color:var(--text-color);background:#ffffff1a}.pin-modal-header{text-align:center;margin-bottom:24px}.pin-modal-icon{background:#2563eb1a;border-radius:25px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 15px;display:flex}.pin-modal-header h2{color:var(--text-color);margin-bottom:8px;font-size:1.25rem;font-weight:600}.pin-modal-header p{color:var(--text-muted);font-size:.9rem;line-height:1.4}.pin-input{text-align:center;letter-spacing:.5rem;font-size:1.5rem;font-weight:700}.service-container{max-width:600px;margin:0 auto}.service-card{padding:32px}.service-header{text-align:center;margin-bottom:24px}.service-header h2{margin:0 0 8px;font-size:1.5rem}.service-header p{color:var(--text-muted);margin:0}.network-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.network-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-weight:500;transition:all .2s;display:flex}.network-btn:hover{border-color:var(--primary-glow);background:#ffffff0d}.network-btn.active{border-color:var(--primary);color:var(--primary);background:#f25c191a;box-shadow:0 0 10px #f25c1933}.network-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.mtn{color:#000;background:#fc0}.airtel{background:red}.glo{background:#093}.nine-mobile{background:#060}.source-toggle{gap:12px;margin-bottom:24px;display:flex}.source-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1;padding:10px;font-weight:500;transition:all .2s}.source-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.validation-box{color:var(--success);border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b98133;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;font-size:.875rem;display:flex}.receipt-modal{overflow:hidden;background-color:var(--background)!important;width:90%!important;max-width:450px!important;padding:0!important}.receipt-capture-area{background-color:#fff;padding:30px;position:relative}[data-theme=dark] .receipt-capture-area{color:#f1f5f9;background-color:#1e293b}.receipt-header{text-align:center;margin-bottom:25px}.receipt-logo{object-fit:contain;width:60px;height:60px;margin-bottom:10px}.receipt-header h2{color:var(--grey-brand);margin-bottom:5px;font-size:1.5rem}[data-theme=dark] .receipt-header h2{color:#fff}.receipt-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.receipt-body{border-top:2px dashed var(--border);border-bottom:2px dashed var(--border);flex-direction:column;gap:15px;margin-bottom:20px;padding:20px 0;display:flex}.receipt-row{justify-content:space-between;align-items:center;display:flex}.receipt-col{flex-direction:column;align-items:flex-start;gap:5px}.receipt-label{color:var(--text-muted);font-size:.9rem}.receipt-value{color:var(--grey-brand);font-weight:600}[data-theme=dark] .receipt-value{color:#fff}.receipt-amount{font-size:1.4rem;color:var(--primary)!important}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-wrap{text-align:left;word-break:break-word;font-size:.9rem}.receipt-divider{background-color:var(--border);height:1px;margin:5px 0}.receipt-footer{text-align:center;color:var(--text-muted);font-size:.85rem}.receipt-url{color:var(--primary);margin-top:5px;font-weight:600}.receipt-actions{background-color:var(--card-bg);border-top:1px solid var(--border);gap:15px;padding:20px;display:flex}.receipt-actions button{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.admin-container{flex-direction:column;gap:24px;display:flex}.admin-header{margin-bottom:8px}.admin-badge{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:700}.admin-title{margin:4px 0 0;font-size:1.75rem;font-weight:700}.section-label{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:700}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.metric-card{padding:20px}.metric-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.metric-value{margin:0 0 4px;font-size:1.5rem;font-weight:800}.metric-label{color:var(--text-muted);margin:0 0 12px;font-size:.875rem}.metric-delta{align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.health-card{padding:24px}.health-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.health-title{margin:0;font-size:1.125rem;font-weight:700}.health-sub{color:var(--text-muted);font-size:.875rem}.health-stat{margin-bottom:16px}.health-stat-label{justify-content:space-between;margin-bottom:8px;font-size:.875rem;font-weight:600;display:flex}.health-bar-bg{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.health-bar-fill{border-radius:4px;height:100%}.service-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.service-row:last-child{border-bottom:none;padding-bottom:0}.service-info h4{margin:0 0 4px;font-size:1rem}.service-info p{color:var(--text-muted);margin:0;font-size:.875rem}.filter-row{gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-chip.success.active{background:#10b981;border-color:#10b981}.filter-chip.failed.active{background:#ef4444;border-color:#ef4444}.filter-chip.pending.active{background:#f59e0b;border-color:#f59e0b}.filter-chip.refunded.active{background:var(--primary);border-color:var(--primary)}.toggle-switch{background:var(--border);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background .3s;position:relative}.toggle-switch.active{background:var(--primary)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-thumb{transform:translate(20px)}.profile-container{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;padding-bottom:40px;display:flex}.profile-header{flex-direction:column;align-items:center;margin-top:16px;margin-bottom:16px;display:flex}.avatar-placeholder{width:80px;height:80px;color:var(--primary);background-color:#dbeafe;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.profile-name{color:var(--text-main);margin:0 0 4px;font-size:1.5rem;font-weight:700}.profile-sub{color:var(--text-muted);margin:0;font-size:.875rem}.profile-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px 8px;font-size:.8125rem;font-weight:600}.menu-group{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.menu-item{border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;width:100%;padding:16px;text-decoration:none;transition:background .2s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#00000005}.menu-icon-wrapper{width:36px;height:36px;color:var(--primary);background-color:#dbeafe;border-radius:10px;justify-content:center;align-items:center;margin-right:16px;display:flex}.menu-icon-wrapper.destructive{color:#ef4444;background-color:#fee2e2}.menu-text{color:var(--text-main);flex:1;margin:0;font-size:1rem;font-weight:500}.menu-text.destructive{color:#ef4444}.menu-chevron{color:var(--text-muted)}.beneficiaries-content{padding:20px}.add-btn{align-items:center;gap:8px;margin-bottom:24px;display:flex}.empty-state{background-color:var(--surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.empty-state p{margin-bottom:8px;font-size:1.1rem;font-weight:600}.beneficiaries-list{flex-direction:column;gap:12px;display:flex}.beneficiary-card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.beneficiary-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.b-info{align-items:center;gap:16px;display:flex}.b-icon{width:48px;height:48px;color:var(--primary);background-color:#f25c191a;border-radius:50%;justify-content:center;align-items:center;display:flex}.b-info h4{margin:0 0 4px;font-size:1.1rem}.b-id{color:var(--text);margin:0 0 2px;font-weight:600}.b-type{color:var(--text-muted);font-size:.8rem}.b-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.b-delete:hover{background-color:#ef44441a}.add-beneficiary-form{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.add-beneficiary-form h3{margin-top:0;margin-bottom:20px}.family-wallet-container{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.fw-header-area{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.fw-title{color:var(--text-color);margin:0;font-size:1.5rem;font-weight:800}.fw-subtitle{color:var(--text-muted);margin-top:4px;font-size:.9rem}.fw-empty-state{background:var(--surface);border:1px dashed var(--border);text-align:center;color:var(--text-muted);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;animation:.5s ease-out fade-in;display:flex}.fw-empty-icon{width:80px;height:80px;color:var(--primary);background:#f25c191a;border-radius:40px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.fw-empty-text{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:600}.fw-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.dependent-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out backwards slide-up;display:flex}.dependent-card:hover{border-color:#f25c194d;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.dc-header{align-items:center;gap:12px;display:flex}.dc-avatar{width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#f25c1933,#f25c190d);border-radius:16px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.dc-info{flex:1;overflow:hidden}.dc-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:1.1rem;font-weight:700;overflow:hidden}.dc-contact{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.dc-progress-area{background:var(--bg-main);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.dc-progress-labels{justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.dc-spent{color:var(--text-color)}.dc-limit{color:var(--text-muted)}.dc-progress-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.dc-progress-fill{border-radius:3px;height:100%;transition:width .5s ease-out,background-color .3s}.dc-actions{gap:8px;margin-top:4px;display:flex}.dc-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dc-btn-edit{color:#2563eb;background:#2563eb1a}.dc-btn-edit:hover{background:#2563eb26}.dc-btn-remove{color:#ef4444;background:#ef44441a}.dc-btn-remove:hover{background:#ef444426}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fw-input-icon-wrap{position:relative}.fw-input-icon-wrap svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.fw-input-icon-wrap input{padding-left:42px}.autotopup-container{max-width:1200px;margin:0 auto;padding:24px}.autotopup-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.autotopup-header h2{color:#111827;margin-bottom:8px;font-size:24px;font-weight:700}.autotopup-header p{color:#6b7280;margin:0;font-size:15px}.btn-refresh{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.btn-refresh:hover{background-color:#f9fafb}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background-color:#fff;border:1px dashed #e5e7eb;border-radius:16px;padding:64px 24px}.empty-icon-wrap{color:#9ca3af;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.empty-state h3{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:#6b7280}.schedules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.schedule-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d}.schedule-card.paused{opacity:.7;background-color:#f9fafb}.schedule-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.service-badge{background-color:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge[data-status=ACTIVE]{color:#059669;background-color:#d1fae5}.status-badge[data-status=PAUSED]{color:#dc2626;background-color:#fee2e2}.schedule-info{margin-bottom:20px}.schedule-info .title{color:#111827;margin-bottom:4px;font-size:18px;font-weight:700}.schedule-info .recipient{color:#6b7280;margin-bottom:12px;font-size:14px}.amount-row{align-items:center;gap:12px;display:flex}.amount{color:#4f46e5;font-size:20px;font-weight:800}.type-chip{color:#4f46e5;background-color:#eef2ff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.next-run{color:#6b7280;background-color:#f9fafb;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px;font-size:13px;display:flex}.schedule-actions{gap:12px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.btn-action:hover{opacity:.8}.btn-pause{color:#dc2626;background-color:#fef2f2}.btn-resume{color:#059669;background-color:#ecfdf5}.btn-delete{color:#4b5563;background-color:#f3f4f6}.analytics-container{max-width:1200px;margin:0 auto;padding:2rem}.analytics-header{margin-bottom:2rem}.analytics-header h1{color:#111827;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.analytics-header p{color:#6b7280;font-size:1rem}.analytics-overview{margin-bottom:2rem}.overview-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;max-width:400px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.overview-card h3{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem}.overview-card .amount{color:#111827;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.change-badge{border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.change-badge.increase{color:#dc2626;background:#fef2f2}.change-badge.decrease{color:#059669;background:#ecfdf5}.analytics-charts{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=768px){.analytics-charts{grid-template-columns:1fr 1fr}}.chart-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.chart-card h3{color:#111827;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.chart-wrapper{justify-content:center;align-items:center;min-height:300px;display:flex}.empty-chart{color:#9ca3af;font-size:.875rem;font-style:italic}.category-details h3{color:#111827;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.category-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;position:relative}.cat-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.cat-icon{color:#4b5563;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cat-header h4{color:#374151;font-size:1rem;font-weight:600}.cat-amounts{flex-direction:column;gap:.5rem;display:flex}.amount-col{justify-content:space-between;align-items:center;display:flex}.amount-col .label{color:#6b7280;font-size:.875rem}.amount-col .val{color:#111827;font-size:1rem;font-weight:600}.amount-col .val.text-muted{color:#9ca3af;font-weight:500}.cat-change{border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:1.25rem;right:1.25rem}.cat-change.increase{color:#dc2626;background:#fef2f2}.cat-change.decrease{color:#059669;background:#ecfdf5}.analytics-loading,.analytics-error{color:#6b7280;justify-content:center;align-items:center;min-height:50vh;font-size:1.125rem;display:flex}.analytics-error{color:#dc2626}.rescue-container{max-width:800px;margin:0 auto;padding:1rem}.rescue-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.rescue-header h2{color:#111827;letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.segmented-tabs{-webkit-backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff6;border-radius:100px;margin-bottom:2rem;padding:.35rem;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.tab-pill{color:#6b7280;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-pill:hover:not(.active){color:#374151;background:#ffffff80}.tab-pill.active{color:#fff;background:linear-gradient(135deg,#f25c19 0%,#d94a0f 100%);box-shadow:0 4px 12px #f25c194d}.rescue-card{-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #ffffff80;border-radius:24px;padding:2rem;box-shadow:0 20px 40px -10px #0000000d,inset 0 0 0 1px #ffffff4d}.rescue-card h5{color:#111827;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.input-group-modern{margin-bottom:1.5rem}.input-group-modern label{color:#4b5563;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;transition:color .2s;position:absolute;left:1rem}.premium-input{color:#1f2937;background:#f9fafb;border:2px solid #f3f4f6;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;font-weight:500;transition:all .2s}.premium-input:focus{background:#fff;border-color:#f25c19;box-shadow:0 0 0 4px #f25c191a}.premium-input:focus+.input-icon,.premium-input:focus~.input-icon{color:#f25c19}textarea.premium-input{resize:vertical;min-height:100px;padding-left:1rem}.select-wrapper:after{content:"";pointer-events:none;border-bottom:2px solid #9ca3af;border-right:2px solid #9ca3af;width:10px;height:10px;transition:border-color .2s;position:absolute;top:50%;right:1.25rem;transform:translateY(-70%)rotate(45deg)}.premium-input:focus~.select-wrapper:after{border-color:#f25c19}.premium-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f25c19 0%,#d94a0f 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 16px -4px #f25c1966}.premium-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px -4px #f25c1980}.premium-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.requests-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.request-card{background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.request-card:before{content:"";background:#e5e7eb;width:4px;height:100%;position:absolute;top:0;left:0}.request-card.pending:before{background:#f59e0b}.request-card.approved:before{background:#10b981}.request-card.declined:before{background:#ef4444}.request-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.req-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.req-name{color:#111827;margin:0;font-size:1.1rem;font-weight:700}.req-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.req-badge.pending{color:#d97706;background:#fef3c7}.req-badge.approved{color:#059669;background:#d1fae5}.req-badge.declined{color:#dc2626;background:#fee2e2}.req-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.req-detail-row{color:#4b5563;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.req-message{color:#4b5563;background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;font-style:italic}.req-actions{gap:.75rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.6rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.action-btn.approve{color:#fff;background:#10b981;box-shadow:0 4px 10px #10b9814d}.action-btn.approve:hover{background:#059669;box-shadow:0 6px 14px #10b98166}.action-btn.decline{color:#ef4444;background:0 0;border:2px solid #fecaca}.action-btn.decline:hover{background:#fef2f2;border-color:#ef4444}.empty-state{text-align:center;color:#6b7280;background:#ffffff80;border:2px dashed #e5e7eb;border-radius:24px;padding:4rem 2rem}.empty-state svg{color:#9ca3af;opacity:.5;margin-bottom:1rem}.section-title{color:#111827;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:800;display:flex}:root{--bg-main:#0b0f19;--bg-surface:#151a27;--bg-card:#151a27b3;--bg-input:#1c2333;--border:#2a3143;--primary:#f25c19;--primary-hover:#d94a0f;--primary-glow:#f25c1966;--secondary:#f6b119;--grey-brand:#545454;--text-main:#fff;--text-muted:#94a3b8;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-glow:0 0 20px var(--primary-glow);--font-family:"Inter", system-ui, -apple-system, sans-serif}body.light{--bg-main:#f4f6f9;--bg-surface:#fff;--bg-card:#ffffffd9;--bg-input:#f1f5f9;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--shadow-sm:0 4px 12px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}p{line-height:1.6}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-outline{color:var(--primary);border:1px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:#3b82f61a}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.input-field{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}select.input-field{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394A3B8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 16px top 50%;background-repeat:no-repeat;background-size:12px;padding-right:40px}select.input-field option{background-color:var(--bg-surface);color:var(--text-main)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}