@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:#EDEDF5;color:#958d9e}::-webkit-scrollbar{width:0}#appCapsule{padding-top:56px;padding-bottom:65px;min-height:100vh}.appHeader{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000}.appHeader .left,.appHeader .right{display:flex;align-items:center;gap:8px}.appHeader .pageTitle{flex:1 1;text-align:center}.appHeader .logo{height:32px}.headerButton{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;font-size:1.4rem}.headerButton .badge{position:absolute;top:-4px;right:-4px;font-size:.6rem}.appBottomMenu{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 6px rgba(0,0,0,.1);z-index:999}.appBottomMenu .item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#958d9e;text-decoration:none;font-size:.65rem;flex:1 1;padding:6px 0}.appBottomMenu .item ion-icon{font-size:1.3rem;margin-bottom:2px}.appBottomMenu .item.active{color:#6236ff}.wallet-card-section{padding:16px}.wallet-card{background:linear-gradient(135deg,#6236ff,#9b51e0);border-radius:20px;padding:20px;color:#fff;box-shadow:0 8px 24px rgba(98,54,255,.35)}.wallet-card .balance .title{font-size:.8rem;opacity:.8;display:block}.wallet-card .balance .total{font-size:2rem;font-weight:700;margin:4px 0 16px}.wallet-footer{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.wallet-footer .item a{flex-direction:column;text-decoration:none;font-size:.75rem;gap:6px}.icon-wrapper,.wallet-footer .item a{display:flex;align-items:center;color:#fff}.icon-wrapper{width:40px;height:40px;border-radius:50%;justify-content:center;font-size:1.2rem}.section{padding:0 16px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-heading .title{font-size:1rem;font-weight:600;color:#27173e;margin:0}.transactions .item{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px;text-decoration:none;color:inherit;box-shadow:0 1px 4px rgba(0,0,0,.06)}.transactions .item .detail{display:flex;align-items:center;gap:12px}.transactions .item .detail strong{display:block;color:#27173e;font-size:.875rem}.transactions .item .detail p,.transactions .item .detail small{margin:0;font-size:.75rem;color:#958d9e}.transactions .item .right .price{font-weight:700;font-size:.9rem}.form-group.basic{margin-bottom:16px}.input-wrapper label.label{display:block;font-size:.8rem;color:#27173e;font-weight:500;margin-bottom:4px}.action-sheet .modal-dialog{position:fixed;bottom:0;left:0;right:0;margin:0;max-width:100%}.action-sheet .modal-content{border-radius:20px 20px 0 0;border:none}.profileBox{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#6236ff,#9b51e0);color:#fff}.profileBox .in strong{display:block;font-size:.95rem}.profileBox .in .text-muted{font-size:.75rem;color:rgba(255,255,255,.7)!important}.bill-box{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.06)}.bill-box .price{font-size:1.1rem;font-weight:700;color:#27173e;margin:8px 0}.bill-box p{font-size:.75rem;color:#958d9e;margin-bottom:12px}.goals .item{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.goals .item .in{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.goals .item .in h4{font-size:.9rem;font-weight:600;color:#27173e;margin:0}.goals .item .in p{font-size:.75rem;color:#958d9e;margin:0}.goals .item .in .price{font-weight:700;color:#6236ff}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.blog-card .text{padding:10px 12px}.blog-card .text .title{font-size:.8rem;font-weight:600;color:#27173e;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.appFooter{text-align:center;padding:20px 16px;font-size:.75rem;color:#958d9e}.listview{list-style:none;padding:0;margin:0}.listview .item{padding:12px 16px;text-decoration:none;color:#27173e;border-bottom:1px solid #f0f0f0;gap:12px}.icon-box,.listview .item{display:flex;align-items:center}.icon-box{width:36px;height:36px;border-radius:10px;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.badge-danger{background:#ff4444}.badge-success{background:#00c851}@keyframes bounceBadge{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.badge-animate{animation:bounceBadge 1s infinite}.imaged{object-fit:cover;border-radius:50%}.imaged.w32{width:32px;height:32px}.imaged.w36{width:36px;height:36px}.imaged.w48{width:48px;height:48px}.imaged.w64{width:64px;height:64px}.imaged.w-100{width:100%;border-radius:0}.card-block{cursor:pointer}#loader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-icon{width:64px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.panelbox .modal-dialog{position:fixed;left:0;top:0;bottom:0;margin:0;width:280px;max-width:80vw}.panelbox .modal-content{height:100%;border-radius:0;overflow-y:auto}.action-group{display:flex;gap:8px;padding:12px 16px;flex-wrap:wrap}.action-button{flex:1 1;min-width:80px;background:#f0f0f0;border-radius:12px;padding:12px 8px;text-align:center;text-decoration:none;color:#27173e;font-size:.75rem}.action-button .iconbox{width:40px;height:40px;background:#6236ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;color:#fff;font-size:1.1rem}.carousel-multiple,.carousel-single{padding:0 16px;overflow:hidden}.timeline-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.timeline-item .dot{width:10px;height:10px;border-radius:50%;background:#6236ff;margin-top:4px;flex-shrink:0}.admin-wrapper{min-height:100vh;background:#f4f6f9}.admin-sidebar{width:250px;min-height:100vh;background:#1a1f36;position:fixed;left:0;top:0;bottom:0;padding:20px 0;z-index:100}.admin-content{margin-left:250px;padding:24px}@media (max-width:768px){.admin-sidebar{width:100%;min-height:auto;position:relative}.admin-content{margin-left:0}}