*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}.App{min-height:100vh}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;color:#005bff}.loading-logo{margin-bottom:2rem}.logo-circle{width:120px;height:120px;border-radius:50%;background:#005bff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 30px #005bff4d;border:3px solid rgba(0,91,255,.2)}.logo-text{font-size:3rem;font-weight:700;color:#fff;margin:0;letter-spacing:1px}.logo-subtitle{font-size:1.5rem;color:#005bff;font-weight:600;letter-spacing:1px;margin-top:1rem}.loading-spinner{margin-bottom:1.5rem}.spinner{width:40px;height:40px;border:4px solid rgba(0,91,255,.3);border-top:4px solid #005BFF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;color:#005bff}.loading-tagline{font-size:.9rem;opacity:.8;font-weight:300;color:#6b7280}.watermark{position:absolute;top:10px;right:20px;font-size:.8rem;color:#ffffff4d;font-weight:700;letter-spacing:2px;z-index:1}.moniepoint-header{background:#005bff;color:#fff;padding:1rem;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative}.moniepoint-name{font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem}.moniepoint-name-gradient{font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;background:linear-gradient(-45deg,#fbbf24,#10b981,#3b82f6,#8b5cf6);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{color:#fff;-webkit-text-fill-color:white;background:none}.login-banner{background-color:#000;padding:.75rem;overflow:hidden;white-space:nowrap;margin:1rem 0;border-radius:8px;border:2px solid #005BFF}.login-scrolling-text{display:inline-block;color:#fff;font-weight:600;font-size:.95rem;animation:loginScroll 25s linear infinite;text-shadow:0 0 10px rgba(255,255,255,.3)}@keyframes loginScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.scrolling-banner{background-color:#000;padding:.5rem;overflow:hidden;white-space:nowrap;margin-top:.5rem;border-radius:4px}.scrolling-text{display:inline-block;color:#10b981;font-weight:500;animation:scroll 20s linear infinite}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.admin-controls{background:#f0f9ff;padding:1rem;margin:1rem;border-radius:8px;border:2px solid #005BFF}.admin-toggle label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#005bff}.admin-toggle input[type=checkbox]{width:18px;height:18px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#005bff,#06f)}.auth-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:400px;position:relative}.auth-header{text-align:center;margin-bottom:2rem;position:relative}.auth-header h1{color:#005bff;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#6b7280;font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500}.form-group input,.form-group select,.opinion-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.opinion-textarea:focus{outline:none;border-color:#005bff;box-shadow:0 0 0 3px #005bff1a}.form-group input[type=number],.form-group input[inputmode=numeric]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.opinion-textarea{resize:vertical;min-height:100px;margin-bottom:1rem}.error-text{color:#ef4444;font-size:.85rem;display:block;margin-top:.25rem}.success-text{color:#10b981;font-size:.85rem;display:block;margin-top:.25rem}.error-message{color:#ef4444;text-align:center;margin-bottom:1rem;font-size:.9rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px}.btn{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#005bff,#06f);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #005bff4d}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ef44444d}.text-link{color:#005bff;text-decoration:none;font-weight:500;cursor:pointer}.text-link:hover{text-decoration:underline}.moniepoint-dashboard{min-height:100vh;background-color:#f8fafc;padding-bottom:80px}.dashboard-header{background:#005bff;padding:.75rem 1rem;color:#fff;position:relative}.user-profile-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.profile-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#fff,#f8fafc);display:flex;alignItems:"center";justify-content:center;font-size:1.2rem;font-weight:700;color:#005bff;border:3px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05)}.user-info{flex:1}.user-name{font-size:1rem;font-weight:600;margin-bottom:.25rem}.account-number-section{display:flex;align-items:center;gap:.5rem}.account-number{font-size:.9rem;opacity:.9}.copy-icon{cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .3s ease;font-size:.9rem}.copy-icon:hover{background-color:#ffffff1a}.level-badge{background:#fff3;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.balance-section{background:#ffffff1a;padding:1rem;border-radius:12px;margin-bottom:.75rem;position:relative}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.balance-label{font-size:.85rem;opacity:.9;font-weight:600}.history-btn{background:none;border:none;color:#fff;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-weight:500}.balance-amount{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.balance-toggle{background:#fff3;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .3s ease;margin-left:.5rem}.balance-toggle:hover{background-color:#ffffff1a}.dashboard-content{padding:.75rem}.recent-transactions{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.transactions-title{font-size:.95rem;font-weight:600;color:#6b7280}.see-more-btn{color:#005bff;font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:none}.transaction-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.transaction-item:last-child{border-bottom:none}.transaction-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.transaction-icon.credit{background:#ecfdf5;color:#10b981}.transaction-icon.debit{background:#fef2f2;color:#ef4444}.transaction-description{font-size:.85rem;font-weight:500;color:#1f2937;margin-bottom:.25rem}.transaction-type{font-size:.75rem;color:#6b7280}.transaction-amount{font-size:.9rem;font-weight:600}.transaction-amount.credit{color:#10b981}.transaction-amount.debit{color:#ef4444}.promo-banner{background:linear-gradient(135deg,#00d4ff,#005bff);border-radius:12px;padding:1rem;margin-bottom:1rem;color:#fff;position:relative;overflow:hidden}.promo-content{position:relative;z-index:2}.promo-title{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.promo-description{font-size:.85rem;opacity:.9;margin-bottom:1rem}.promo-btn{background:#fff;color:#005bff;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;border:none;cursor:pointer}.promo-illustration{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:3rem;opacity:.3}.action-buttons{margin-bottom:1rem}.action-buttons-title{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.action-button{background:#fff;border:none;border-radius:12px;padding:.75rem .5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-size:1rem}.action-icon.transfer{background:#eff6ff;color:#005bff}.action-icon.topup{background:#fef3c7;color:#f59e0b}.action-icon.data{background:#ecfdf5;color:#10b981}.action-icon.bills{background:#fdf2f8;color:#ec4899}.action-label{font-size:.75rem;font-weight:500;color:#1f2937}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem 0;z-index:1000}.nav-tabs{display:flex;justify-content:space-around;align-items:center}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;cursor:pointer;transition:all .3s ease;border:none;background:none;color:#6b7280}.nav-tab.active{color:#005bff}.nav-tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem}.nav-tab-label{font-size:.65rem;font-weight:500}.nav-fab{width:50px;height:50px;border-radius:50%;background:#005bff;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;box-shadow:0 4px 12px #005bff4d;transition:all .3s ease}.nav-fab:hover{transform:translateY(-2px);box-shadow:0 6px 16px #005bff66}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem}.nav-header h1{color:#005bff;font-size:1.3rem}.nav-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.nav-link{color:#6b7280;text-decoration:none;font-size:.8rem;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .3s ease;white-space:nowrap}.nav-link:hover{color:#005bff;background-color:#f3f4f6}.customer-care-link{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important}.customer-care-link:hover{background:linear-gradient(135deg,#059669,#047857);color:#fff!important}.admin-link{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff!important}.admin-link:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff!important}.edit-profile-link{background:linear-gradient(135deg,#005bff,#06f);color:#fff!important}.edit-profile-link:hover{background:linear-gradient(135deg,#06f,#0052cc);color:#fff!important}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff!important}.atm-card-container{max-width:600px;margin:0 auto;padding:1.5rem}.atm-card{width:100%;max-width:350px;height:200px;border-radius:12px;padding:1rem;color:#fff;position:relative;margin:0 auto 2rem;box-shadow:0 8px 25px #0000004d;cursor:pointer;transition:transform .3s ease}.atm-card:hover{transform:translateY(-3px)}.atm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.bank-name-small{font-size:.9rem;font-weight:700;letter-spacing:1px}.watermark-small{font-size:.65rem;opacity:.7;letter-spacing:2px}.card-type-badge{font-size:.7rem;font-weight:700;background:#fff3;padding:.2rem .4rem;border-radius:4px}.card-chip{margin-bottom:1rem}.chip{width:30px;height:22px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;position:relative}.chip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:15px;background:#0000001a;border-radius:2px}.card-number{font-size:1rem;font-weight:700;letter-spacing:1.5px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.toggle-btn{background:#fff3;border:none;color:#fff;padding:.2rem;border-radius:3px;cursor:pointer;font-size:.8rem}.card-details{display:flex;justify-content:space-between;margin-bottom:.75rem}.label{font-size:.65rem;opacity:.8;margin-bottom:.2rem}.value{font-size:.8rem;font-weight:700}.card-footer{display:flex;justify-content:flex-end;align-items:center}.card-logo{display:flex;align-items:center;gap:.4rem}.mastercard-logo{display:flex;align-items:center}.circle{width:16px;height:16px;border-radius:50%}.circle-1{background:#eb001b;margin-right:-6px;z-index:1}.circle-2{background:#ff5f00;z-index:2}.card-brand{font-size:.7rem;font-weight:700;margin-left:.4rem}.verve-logo{background:linear-gradient(135deg,#00a651,#00d4aa);color:#fff;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700}.visa-logo{background:linear-gradient(135deg,#1a1f71,#0066b2);color:#fff;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700;font-style:italic}.card-info{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d}.card-info h3{color:#005bff;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px}.info-label{font-weight:500;color:#6b7280}.info-value{font-weight:600;color:#1f2937}.status-active{color:#10b981!important}.receipt-search-modal{max-width:600px}.receipt-search-content{padding:1.5rem}.search-section{margin-bottom:2rem}.receipt-display{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#f8fafc}.status-successful{color:#10b981}.status-failed{color:#ef4444}.status-pending{color:#f59e0b}.dashboard-footer{text-align:center;padding:2rem 1rem;margin-top:2rem;border-top:1px solid #e5e7eb}.dashboard-footer p{color:#6b7280;font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.customer-care-modal,.user-recovery-modal,.account-details-modal{padding:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{color:#005bff;margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem}.close-btn:hover{color:#ef4444}.customer-care-content,.user-recovery-content,.account-details-content{padding:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.contact-icon{font-size:1.5rem;width:40px;text-align:center}.contact-info h3{color:#005bff;margin-bottom:.25rem;font-size:1rem}.contact-link{color:#005bff;text-decoration:none;font-weight:500;display:block;width:100%}.contact-link:hover{text-decoration:underline}.contact-link h3{margin:0 0 .25rem;color:#005bff}.contact-link p{margin:0;color:#6b7280;font-size:.9rem}.contact-info p{color:#6b7280;font-size:.9rem;margin:.25rem 0}.user-opinion-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.user-opinion-section h3{color:#005bff;margin-bottom:1rem}.users-list{max-height:400px;overflow-y:auto}.user-item{background:#f8fafc;padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid #e5e7eb;position:relative}.user-item h4{color:#005bff;margin-bottom:.5rem}.user-item p{margin-bottom:.25rem;font-size:.9rem}.user-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:6px}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#f8fafc;border-radius:8px}.detail-label{font-weight:500;color:#6b7280}.detail-value{font-weight:600;color:#1f2937;text-align:right}.edit-form{background:#f0f9ff;padding:1rem;border-radius:8px;border:2px solid #005BFF}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.fund-adjustment{background:#fef3c7;padding:1rem;border-radius:8px;margin-top:1rem;border:2px solid #f59e0b}.fund-adjustment h5{color:#92400e;margin-bottom:.5rem}.pin-modal{max-width:400px}.pin-content{padding:1.5rem;text-align:center}.pin-content p{margin-bottom:1.5rem;color:#6b7280}.pin-input{text-align:center;font-size:1.2rem;letter-spacing:.5rem;font-weight:700}.pin-actions{display:flex;gap:1rem;margin-top:1.5rem}.pin-actions .btn{flex:1}.utility-services{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;text-align:center}.utility-services h2{color:#005bff;margin-bottom:1rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.service-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a;border-color:#005bff;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{color:#005bff;font-size:1.2rem;margin:0}.utility-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:500px;margin:0 auto}.utility-form h2{color:#005bff;margin-bottom:1rem;text-align:center}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions .btn{flex:1}.transfer-form{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:500px;margin:0 auto}.transfer-form h2{color:#005bff;margin-bottom:1.5rem;text-align:center}.transfer-code-section{background:#f0f9ff;padding:1.5rem;border-radius:8px;margin-top:1.5rem;border:2px solid #bfdbfe}.transfer-code-section h3{color:#005bff;margin-bottom:1rem}.success-container{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:500px;margin:2rem auto;position:relative}.receipt-container{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb}.receipt-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:4rem;color:#005bff1a;font-weight:700;letter-spacing:.5rem;z-index:0;pointer-events:none}.success-icon{font-size:4rem;margin-bottom:1rem;position:relative;z-index:1}.success-icon.successful{color:#10b981}.success-icon.failed{color:#ef4444}.success-icon.pending{color:#f59e0b}.success-container h2{color:#005bff;margin-bottom:1rem;position:relative;z-index:1}.transfer-details,.receipt-details{background:#f8fafc;padding:1.5rem;border-radius:8px;margin:1.5rem 0;text-align:left;position:relative;z-index:1}.receipt-details{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:1px solid #c7d2fe}.receipt-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.receipt-header h3{color:#005bff;font-size:1.5rem;margin-bottom:.5rem}.receipt-header p{color:#6b7280;font-size:.9rem}.receipt-body{margin-bottom:1.5rem}.receipt-row{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.receipt-row:last-child{border-bottom:none;font-weight:600}.status-row{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:.75rem;border-radius:6px;border:1px solid #10b981}.status-row.status-failed{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.status-row.status-pending{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:#f59e0b}.status-success{color:#10b981}.receipt-actions{display:flex;gap:1rem;position:relative;z-index:1}.receipt-actions .btn{flex:1}.transfer-details h3{color:#005bff;margin-bottom:1rem}.transfer-details p{margin-bottom:.5rem;color:#374151}.transaction-history{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.transaction-history h2{color:#005bff;padding:1.5rem;margin:0;border-bottom:1px solid #f3f4f6}.transaction-list{max-height:60vh;overflow-y:auto}.transaction-item-full{padding:1.5rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start}.transaction-item-full:last-child{border-bottom:none}.transaction-details{flex:1}.transaction-details h4{color:#1f2937;margin-bottom:.5rem}.transaction-details p{color:#6b7280;font-size:.9rem;margin-bottom:.25rem}.transaction-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.profile-form{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:500px;margin:0 auto}.profile-form h2{color:#005bff;margin-bottom:1.5rem;text-align:center}.fund-section{background:#f0f9ff;padding:1.5rem;border-radius:8px;margin-top:1.5rem;border:2px solid #bfdbfe}.fund-section h3{color:#005bff;margin-bottom:1rem}.receipt-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.receipt-content{background:#fff;padding:2rem;border-radius:12px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto}.admin-notification-editor{background:#f0f9ff;padding:1.5rem;border-radius:8px;margin:1rem;border:2px solid #005BFF}.admin-notification-editor h3{color:#005bff;margin-bottom:1rem}.notification-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;resize:vertical;min-height:80px;margin-bottom:1rem}.notification-textarea:focus{outline:none;border-color:#005bff;box-shadow:0 0 0 3px #005bff1a}@media (max-width: 768px){.auth-card{margin:1rem;padding:1.5rem}.moniepoint-name,.moniepoint-name-gradient{font-size:1.5rem}.balance-amount{font-size:1.6rem}.action-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.nav-header{flex-direction:column;gap:1rem;text-align:center}.nav-actions{justify-content:center;gap:.25rem}.nav-link{font-size:.75rem;padding:.4rem .6rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-item-full{flex-direction:column;align-items:flex-start}.receipt-modal{padding:.5rem}.receipt-content{padding:1.5rem}.service-grid{grid-template-columns:1fr}.form-actions,.receipt-actions,.pin-actions{flex-direction:column}.atm-card{width:100%;max-width:320px;height:180px;padding:.75rem}.info-grid,.form-row{grid-template-columns:1fr}.user-actions,.transaction-actions{flex-direction:column}.dashboard-content{padding:.5rem}.promo-banner,.action-buttons,.recent-transactions{margin:.5rem}.dashboard-header{padding:.5rem 1rem}.user-profile-section{gap:.5rem;margin-bottom:.5rem}.profile-avatar{width:40px;height:40px;font-size:1rem}.user-name{font-size:.9rem}.account-number{font-size:.8rem}.balance-section{padding:.75rem;margin-bottom:.5rem}.balance-amount{font-size:1.5rem}.card-number{font-size:.9rem;letter-spacing:1px}.card-details{margin-bottom:.5rem}.value{font-size:.75rem}.label{font-size:.6rem}}@media (max-width: 480px){.action-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.auth-card{padding:1rem}.balance-amount{font-size:1.4rem}.atm-card{height:160px;padding:.5rem}.card-number{font-size:.8rem}.nav-actions{flex-direction:column;width:100%}.nav-link{width:100%;text-align:center}.user-profile-section{flex-direction:column;text-align:center;gap:.5rem}.balance-header{flex-direction:column;gap:.5rem}.dashboard-header{padding:.5rem}.profile-avatar{width:35px;height:35px;font-size:.9rem}.action-icon{width:30px;height:30px;font-size:.9rem}.action-label{font-size:.7rem}.nav-tab-icon{width:18px;height:18px;font-size:.9rem}.nav-tab-label{font-size:.6rem}.nav-fab{width:45px;height:45px;font-size:1.2rem}}.empty-state,.loading{text-align:center;padding:2rem;color:#6b7280}.moniepoint-receipt-container{min-height:100vh;background:linear-gradient(135deg,#1565c0,#0d47a1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.receipt-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.curved-line{position:absolute;width:200px;height:200px}.curved-line.top-left{top:20px;left:20px}.curved-line.bottom-right{bottom:20px;right:20px;transform:rotate(180deg)}.moniepoint-receipt-card{background:#fff;border-radius:16px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 40px #0003;overflow:hidden;margin-bottom:2rem}.receipt-header-section{padding:2rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;position:relative}.debit-pill{background:#e3f2fd;color:#1976d2;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.amount-display{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.8rem;font-weight:700;color:#222;font-family:Inter,sans-serif}.moniepoint-logo{width:32px;height:32px;border-radius:50%;background:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.receipt-body-section{padding:0 1.5rem 2rem}.receipt-field{background:#f5f5f5;border-radius:8px;padding:1rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;min-height:50px}.field-label{font-size:.85rem;color:#666;font-weight:500;flex:1}.field-value{font-size:.9rem;color:#222;font-weight:600;text-align:right;flex:1;display:flex;justify-content:flex-end;align-items:center}.blue-pill{background:#1976d2;color:#fff;padding:.3rem .8rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pill{padding:.3rem .8rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pill.successful{background:#e8f5e8;color:#2e7d32}.status-pill.pending{background:#fff3e0;color:#f57c00}.status-pill.failed{background:#ffebee;color:#d32f2f}.wavy-edge{position:absolute;bottom:0;left:0;right:0;height:20px}.wavy-edge svg{width:100%;height:100%}.receipt-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:400px}.receipt-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.receipt-btn.primary{background:#1976d2;color:#fff}.receipt-btn.primary:hover{background:#1565c0;transform:translateY(-2px)}.receipt-btn.secondary{background:#fff;color:#1976d2;border:2px solid #1976D2}.receipt-btn.secondary:hover{background:#1976d2;color:#fff;transform:translateY(-2px)}@media (max-width: 480px){.moniepoint-receipt-container{padding:1rem .5rem}.moniepoint-receipt-card{max-width:100%;margin:0 .5rem 1rem}.receipt-header-section{padding:1.5rem 1rem 1rem}.amount-display{font-size:1.5rem}.receipt-body-section{padding:0 1rem 1.5rem}.receipt-field{flex-direction:column;align-items:flex-start;gap:.5rem;min-height:auto}.field-value{text-align:left;justify-content:flex-start}.receipt-actions{flex-direction:column;padding:0 1rem}.receipt-btn{width:100%}.curved-line{width:150px;height:150px}}.text-center{text-align:center}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.hidden{display:none}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-1{gap:1rem}.no-transactions-message{font-weight:600;color:#6b7280;font-size:1.1rem;text-align:center;margin-bottom:.5rem}.add-funds-message{font-weight:600;color:#f59e0b;font-size:1rem;text-align:center;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:2px solid #f59e0b}.clickable-info{cursor:pointer;transition:all .3s ease}.clickable-info:hover{background-color:#f3f4f6;padding:.5rem;border-radius:6px}.click-to-view{color:#005bff;font-weight:500;text-decoration:underline}.copy-notification{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:9999;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (max-width: 768px){html{-webkit-text-size-adjust:100%}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.moniepoint-dashboard{width:100vw;max-width:100vw;overflow-x:hidden}}.dark{background-color:#1f2937;color:#f9fafb}.dark .moniepoint-dashboard{background-color:#111827}.dark .dashboard-header{background:#1f2937}.dark .dashboard-content{background-color:#111827}.dark .recent-transactions,.dark .promo-banner,.dark .action-buttons,.dark .profile-form,.dark .transfer-form,.dark .utility-form,.dark .atm-card-container .card-info{background:#374151;color:#f9fafb}.dark .transaction-item,.dark .detail-item,.dark .info-item{border-color:#4b5563}.dark .form-group input,.dark .form-group select,.dark .opinion-textarea{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark .form-group input:focus,.dark .form-group select:focus,.dark .opinion-textarea:focus{border-color:#005bff;background:#374151}.dark .modal-content{background:#374151;color:#f9fafb}.dark .contact-item,.dark .user-item,.dark .receipt-field{background:#4b5563}.dark .auth-card{background:#374151;color:#f9fafb}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}