@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{--nb-bg:#020617;--nb-card:#0f172aeb;--nb-primary:#2563eb;--nb-accent:#38bdf8;--nb-text:#f8fafc;--nb-muted:#94a3b8;--nb-radius:20px;--nb-shadow:0 25px 60px #00000073}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--nb-bg);color:var(--nb-text);min-height:100vh;font-family:Inter,system-ui,sans-serif}.landing{background:radial-gradient(80% 50% at 50% -20%,#2563eb59,#0000),radial-gradient(60% 40% at 90% 80%,#38bdf81f,#0000),#020617;min-height:100vh;overflow-x:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.25rem 6%;display:flex}.landing-logo{letter-spacing:-.5px;font-size:1.75rem;font-weight:900}.landing-logo span{color:var(--nb-accent)}.landing-nav-links{align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 8px 24px #2563eb66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb8c}.btn-outline{color:#fff;background:0 0;border:1.5px solid #ffffff40}.btn-outline:hover{border-color:var(--nb-accent);background:#ffffff14}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 6% 5rem;display:grid}.hero-text h1{letter-spacing:-1px;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:900;line-height:1.15}.hero-text h1 .highlight{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--nb-muted);max-width:480px;margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-card{box-shadow:var(--nb-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e3a8a99,#0f172ae6);border:1px solid #38bdf833;border-radius:28px;padding:2rem}.hero-card .card-label{color:var(--nb-muted);margin-bottom:.5rem;font-size:.85rem}.hero-card .card-balance{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.hero-card .card-row{border-top:1px solid #ffffff14;justify-content:space-between;padding:.75rem 0;font-size:.95rem;display:flex}.hero-card .card-row span:last-child{color:var(--nb-accent);font-weight:600}.features{max-width:1200px;margin:0 auto;padding:0 6% 5rem}.features h2{text-align:center;margin-bottom:2.5rem;font-size:2rem;font-weight:800}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--nb-card);border-radius:var(--nb-radius);border:1px solid #ffffff0f;padding:1.75rem;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000059}.feature-icon{margin-bottom:1rem;font-size:2rem}.feature-card h3{margin-bottom:.5rem;font-size:1.15rem}.feature-card p{color:var(--nb-muted);font-size:.95rem;line-height:1.6}.portal-section{max-width:1000px;margin:0 auto 5rem;padding:0 6%}.portal-section h2{text-align:center;margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.portal-section>p{text-align:center;color:var(--nb-muted);margin-bottom:2rem}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.portal-card{background:var(--nb-card);text-align:center;border:1px solid #ffffff14;border-radius:24px;padding:2rem;transition:all .25s}.portal-card:hover{border-color:#38bdf859;transform:translateY(-4px)}.portal-card .portal-icon{margin-bottom:1rem;font-size:2.75rem}.portal-card h3{margin-bottom:.5rem;font-size:1.25rem}.portal-card p{color:var(--nb-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.landing-footer{text-align:center;color:var(--nb-muted);border-top:1px solid #ffffff0f;padding:2rem;font-size:.9rem}.auth-page{background:radial-gradient(70% 50% at 50% -10%,#2563eb4d,#0000),#020617;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{background:var(--nb-card);width:100%;max-width:440px;box-shadow:var(--nb-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffff1a;border-radius:28px;padding:2.5rem 2.25rem}.auth-card.wide{max-width:520px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo{margin-bottom:.75rem;font-size:1.5rem;font-weight:900}.auth-header .logo span{color:var(--nb-accent)}.auth-header h1{margin-bottom:.35rem;font-size:1.65rem;font-weight:800}.auth-header p{color:var(--nb-muted);font-size:.95rem}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--nb-muted);font-size:.85rem;font-weight:600}.auth-form input,.auth-form select{color:#fff;background:#02061799;border:1.5px solid #94a3b833;border-radius:14px;outline:none;width:100%;padding:.9rem 1.1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.auth-form select:focus{border-color:var(--nb-accent);box-shadow:0 0 0 3px #38bdf826}.auth-form input::placeholder{color:#64748b}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:14px;width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 28px #2563eb66}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 14px 36px #2563eb80}.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-error{color:#fca5a5;text-align:center;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;padding:.85rem 1rem;font-size:.9rem}.auth-success{color:#86efac;text-align:center;background:#22c55e1f;border:1px solid #22c55e59;border-radius:12px;padding:.85rem 1rem;font-size:.9rem}.auth-footer{text-align:center;color:var(--nb-muted);margin-top:1.75rem;font-size:.9rem}.auth-footer a{color:var(--nb-accent);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-back{color:var(--nb-muted);align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.auth-back:hover{color:var(--nb-accent)}.auth-badge{color:var(--nb-accent);letter-spacing:.5px;text-transform:uppercase;background:#38bdf826;border-radius:999px;margin-bottom:.75rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr}.hero-text p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.landing-nav-links .btn-outline{display:none}}@media (width<=500px){.form-row{grid-template-columns:1fr}.auth-card{padding:1.75rem 1.35rem}}.sidebar{background:linear-gradient(#020617,#0f172a);border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;width:270px;min-height:100vh;padding:25px;display:flex;box-shadow:5px 0 25px #00000059}.logo{text-align:center;margin-bottom:35px}.logo h2{color:#38bdf8;margin:0;font-size:30px}.logo p{color:#94a3b8;margin-top:8px;font-size:15px}nav{flex-direction:column;gap:12px;display:flex}.nav-link{color:#cbd5e1;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#fff;background:#1e3a8a;transform:translate(6px)}.active{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 10px 20px #2563eb59}.logout-section{margin-top:30px}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .3s}.logout-btn:hover{background:#b91c1c;transform:translateY(-2px)}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex;box-shadow:0 15px 35px #00000040}.topbar-left h2{color:#38bdf8;margin:0;font-size:28px}.topbar-right{align-items:center;gap:25px;display:flex}.notification{cursor:pointer;font-size:28px;position:relative}.notification span{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:-8px;right:-10px}.admin-profile{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;display:flex}.admin-profile h4{color:#fff;margin:0;font-size:16px}.admin-profile p{color:#94a3b8;margin:3px 0 0;font-size:13px}*{outline:none!important}html,body,#root{background:#020617;min-height:100%;margin:0}body{overflow-x:hidden}.admin-layout,.customer-layout{border:none!important}.card,.stat-card,.stat-box,.profile-card,.chart-card,.settings-card,.customers-card{background:#0f172ad9;box-shadow:0 18px 45px #00000059;border:none!important}input,select,textarea,button{outline:none;border:none!important}button{cursor:pointer}table,th,td{border-color:#0000!important}.notification span.has-unread{animation:1.4s ease-in-out infinite nb-pulse;background:#ef4444!important}@keyframes nb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.admin-layout{color:#fff;background:#020617;min-height:100vh;display:flex}.main-content{flex:1;padding:20px 25px;overflow-x:hidden}.dashboard-title{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:18px;margin-top:15px;padding:20px 25px}.dashboard-title h1{margin:0;font-size:30px}.dashboard-title p{color:#cbd5e1;margin-top:8px;font-size:15px}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px;display:grid}.stat-card{background:#0f172a;border-radius:16px;min-height:120px;padding:18px}.stat-card h3{color:#94a3b8;font-size:14px}.stat-card h1{margin-top:15px;font-size:28px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.admin-section{background:#0f172a;border-radius:18px;padding:18px}.admin-section h2{margin-bottom:15px;font-size:20px}.admin-buttons button{padding:10px 15px;font-size:14px}.overview-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.overview-card{border-radius:14px;padding:15px}@media (width<=1200px){.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.cards,.overview-grid{grid-template-columns:1fr}.stat-card{align-items:center;gap:20px;display:flex}.stat-icon{background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;font-size:28px;display:flex;box-shadow:0 8px 20px #2563eb59}.stat-content h3{margin:0}.stat-content h1{margin-top:10px}.customers-header{background:#0f172acc;border:1px solid #ffffff1a;border-radius:22px;margin-top:30px;padding:30px}.customers-header h1{color:#fff;font-size:36px}.customers-header p{color:#94a3b8}.customers-header input{color:#fff;background:#1e293b;border:none;border-radius:12px;width:350px;margin-top:20px;padding:15px;font-size:16px}.customers-card{background:#0f172a;border:1px solid #ffffff1a;border-radius:22px;margin-top:30px;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#1e3a8a}th{color:#fff;text-align:left;padding:20px}td{color:#e2e8f0;border-bottom:1px solid #334155;padding:18px}tr:hover{background:#172554}.customer-name{color:#fff;font-weight:700}.status-active{color:#fff;background:#16a34a;border-radius:20px;padding:7px 15px}.status-frozen{color:#fff;background:#dc2626;border-radius:20px;padding:7px 15px}button{cursor:pointer;border:none;border-radius:10px;margin-right:8px;padding:10px 15px;font-weight:700}.view-btn{color:#fff;background:#2563eb}.freeze-btn{color:#fff;background:#f59e0b}.delete-btn{color:#fff;background:#dc2626}button:hover{opacity:.85;transform:translateY(-2px)}.unfreeze-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;margin-left:8px;padding:10px 15px}.unfreeze-btn:hover{background:#15803d}.customer-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a);border:1px solid #ffffff26;border-radius:25px;justify-content:space-between;align-items:center;margin-top:30px;padding:30px;display:flex;box-shadow:0 20px 40px #00000059}.customer-banner h1{color:#fff;margin:0;font-size:38px}.customer-banner p{color:#94a3b8;font-size:18px}.active-badge{color:#fff;background:#16a34a;border-radius:25px;padding:10px 20px;font-weight:700}.freeze-badge{color:#fff;background:#dc2626;border-radius:25px;padding:10px 20px;font-weight:700}.back-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;margin-top:25px;padding:12px 20px;font-size:16px}.back-btn:hover{background:#1d4ed8}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-top:30px;display:grid}.money-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-top:25px;display:grid}.profile-card{background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid #ffffff1a;border-radius:22px;padding:30px;box-shadow:0 15px 35px #00000059}.profile-card h2{color:#38bdf8;margin-bottom:25px}.profile-card p{color:#e2e8f0;font-size:17px;line-height:1.8}.account-card h1{color:#38bdf8;margin:15px 0;font-size:45px}input{color:#fff;background:#020617;border:1px solid #334155;border-radius:12px;outline:none;width:100%;margin-bottom:20px;padding:15px;font-size:16px}input:focus{border-color:#38bdf8}.deposit-btn,.withdraw-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:17px;font-weight:700}.deposit-btn{background:linear-gradient(135deg,#16a34a,#22c55e)}.withdraw-btn{background:linear-gradient(135deg,#dc2626,#ef4444)}.transactions{margin-top:30px;overflow:hidden}.transactions table{border-collapse:collapse;width:100%}.transactions th{color:#fff;text-align:left;background:#1e3a8a;padding:18px}.transactions td{color:#e2e8f0;border-bottom:1px solid #334155;padding:18px}.transactions tr:hover{background:#172554}.transaction-status{color:#fff;background:#16a34a;border-radius:20px;padding:6px 12px;font-size:13px}.loading-page{color:#38bdf8;background:#020617;justify-content:center;align-items:center;height:100vh;font-size:25px;display:flex}.new-customer-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);border:1px solid #ffffff1a;border-radius:22px;margin-top:30px;padding:30px}.new-customer-header h1{color:#fff;margin:0;font-size:38px}.new-customer-header p{color:#94a3b8;font-size:18px}.customer-form{background:#0f172a;border:1px solid #ffffff1a;border-radius:25px;margin-top:30px;padding:35px;box-shadow:0 20px 40px #00000059}.form-section{margin-bottom:35px}.form-section h2{color:#38bdf8;margin-bottom:25px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-grid input,.form-grid select{color:#fff;background:#020617;border:1px solid #334155;border-radius:12px;outline:none;padding:15px;font-size:16px}.form-grid input:focus,.form-grid select:focus{border-color:#38bdf8}.full-input{grid-column:1/-1}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:15px;width:100%;padding:17px;font-size:18px;font-weight:700}.create-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #2563eb66}*{outline:none!important}html,body,#root{background:#020617;min-height:100%;margin:0}body{overflow-x:hidden}.admin-layout,.customer-layout{border:none!important}.card,.stat-card,.stat-box,.profile-card,.chart-card,.settings-card,.customers-card{background:#0f172ad9;box-shadow:0 18px 45px #00000059;border:none!important}input,select,textarea,button{outline:none;border:none!important}button{cursor:pointer}table,th,td{border-color:#0000!important}.transactions-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);border:1px solid #ffffff14;border-radius:22px;margin-top:30px;padding:30px;box-shadow:0 20px 40px #00000059}.transactions-header h1{color:#fff;margin:0;font-size:38px}.transactions-header p{color:#cbd5e1;margin-top:8px;font-size:17px}.transaction-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-top:30px;display:grid}.stat-box{background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:18px;padding:25px;transition:all .3s;box-shadow:0 12px 25px #0000004d}.stat-box:hover{transform:translateY(-6px)}.stat-box h3{color:#94a3b8;margin:0;font-size:17px}.stat-box h1{color:#fff;margin-top:15px;font-size:34px}.toolbar{background:#0f172a;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding:20px;display:flex}.toolbar input{color:#fff;background:#020617;border:1px solid #334155;border-radius:12px;outline:none;flex:1;padding:15px;font-size:16px}.toolbar input:focus{border-color:#38bdf8}.toolbar select{color:#fff;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:12px;padding:15px;font-size:16px}.transactions-table{background:#0f172a;border:1px solid #ffffff14;border-radius:20px;margin-top:30px;overflow:hidden;box-shadow:0 20px 40px #00000059}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead{background:#1e3a8a}.transactions-table th{text-align:left;color:#fff;padding:18px;font-size:15px}.transactions-table td{color:#e2e8f0;border-bottom:1px solid #334155;padding:18px;font-size:15px}.transactions-table tbody tr{transition:all .2s}.transactions-table tbody tr:hover{background:#172554}.type{border-radius:30px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.Deposit{color:#fff;background:#16a34a}.Withdrawal{color:#fff;background:#dc2626}.TransferIn{color:#fff;background:#0891b2}.TransferOut{color:#fff;background:#ea580c}.status{color:#fff;background:#22c55e;border-radius:30px;padding:6px 14px;font-size:13px;font-weight:700}@media (width<=1000px){.toolbar{flex-direction:column;align-items:stretch}}@media (width<=768px){.transactions-table{overflow-x:auto}table{min-width:1200px}.view-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:8px 18px;font-weight:700}.view-btn:hover{background:#38bdf8}.reports-header{background:linear-gradient(135deg,#0f172a,#1e40af);border:1px solid #ffffff14;border-radius:18px;margin-top:20px;padding:22px;box-shadow:0 15px 30px #00000059}.reports-header h1{color:#fff;margin:0;font-size:30px}.reports-header p{color:#cbd5e1;margin-top:8px;font-size:15px}.report-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;display:grid}.report-card{background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:16px;min-height:110px;padding:18px;box-shadow:0 10px 25px #0000004d}.report-card:hover{transform:translateY(-5px)}.report-card h3{color:#94a3b8;margin:0;font-size:15px}.report-card h1{color:#fff;margin-top:12px;font-size:28px}.charts-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:25px;display:grid}.chart-card{background:#0f172a;border:1px solid #ffffff14;border-radius:18px;padding:18px;box-shadow:0 10px 25px #00000059}.chart-card h2{color:#fff;margin-bottom:12px;font-size:18px}.report-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px;display:grid}.summary-box{background:linear-gradient(135deg,#172554,#0f172a);border:1px solid #ffffff14;border-radius:18px;padding:18px}.summary-box h2{color:#cbd5e1;margin:0;font-size:16px}.summary-box h1{color:#fff;margin-top:12px;font-size:26px}.error-box{color:#fff;background:#7f1d1d;border-radius:12px;margin-top:20px;padding:15px}@media (width<=1200px){.report-cards{grid-template-columns:repeat(2,1fr)}.charts-grid,.report-summary{grid-template-columns:1fr}}@media (width<=700px){.report-cards{grid-template-columns:1fr}}.messages-page h1{color:#fff;margin-top:25px;font-size:32px}.messages-layout{grid-template-columns:320px 1fr;gap:20px;margin-top:25px;display:grid}.customers-list,.conversation{background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:20px;padding:20px;box-shadow:0 15px 30px #0000004d}.customers-list h2{color:#38bdf8;margin-bottom:20px}.customer-item{cursor:pointer;color:#fff;background:#172554;border-radius:14px;margin-bottom:12px;padding:15px;transition:all .3s}.customer-item:hover{background:#2563eb;transform:translate(5px)}.customer-item h3{margin:0;font-size:16px}.customer-item p{color:#94a3b8;margin-top:5px;font-size:13px}.active-chat{background:linear-gradient(135deg,#2563eb,#38bdf8)}.conversation{flex-direction:column;height:620px;display:flex}.chat-header{border-bottom:1px solid #ffffff1a;padding-bottom:15px}.chat-header h2{color:#fff;margin:0}.chat-header p{color:#94a3b8;margin-top:5px}.conversation-box{flex:1;padding:20px 5px;overflow-y:auto}.customer-msg,.admin-msg{color:#fff;border-radius:18px;max-width:65%;margin-bottom:15px;padding:14px;box-shadow:0 8px 15px #0003}.customer-msg{background:#334155;border-bottom-left-radius:5px}.admin-msg{background:linear-gradient(135deg,#2563eb,#38bdf8);border-bottom-right-radius:5px;margin-left:auto}.customer-msg p,.admin-msg p{margin:0;font-size:15px}.customer-msg span,.admin-msg span{opacity:.7;margin-top:8px;font-size:12px;display:block}.reply-box{gap:12px;padding-top:15px;display:flex}.reply-box input{color:#fff;background:#020617;border:none;border-radius:14px;outline:none;flex:1;padding:15px;font-size:15px}.reply-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:14px;padding:0 30px;font-weight:700;transition:all .3s}.reply-box button:hover{transform:translateY(-3px)}.empty-chat{color:#94a3b8;justify-content:center;align-items:center;height:100%;display:flex}@media (width<=1000px){.messages-layout{grid-template-columns:1fr}.conversation{height:550px}}.settings-header{background:linear-gradient(135deg,#0f172a,#1e40af);border-radius:22px;margin-top:30px;padding:30px}.settings-header h1{color:#fff;margin:0;font-size:38px}.settings-header p{color:#cbd5e1;margin-top:10px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px;display:grid}.settings-card{background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;padding:25px;box-shadow:0 15px 30px #0000004d}.settings-card h2{color:#38bdf8}.settings-card p{color:#cbd5e1}.settings-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;margin-top:15px;padding:12px 20px;font-weight:700}.settings-card button:hover{background:#1d4ed8}.cd-page{color:#f8fafc;background:radial-gradient(90% 60% at 10% -10%,#2563eb59,#0000 55%),radial-gradient(70% 50% at 100% 0,#38bdf82e,#0000 50%),radial-gradient(50% 40% at 50% 100%,#6366f11f,#0000 45%),#020617;min-height:100vh;padding:0 0 3rem;font-family:Inter,system-ui,sans-serif}.cd-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#0f172aa6;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:1.1rem 5%;display:flex;position:sticky;top:0}.cd-brand{letter-spacing:-.5px;font-size:1.45rem;font-weight:900}.cd-brand span{color:#38bdf8}.cd-top-actions{align-items:center;gap:.75rem;display:flex}.cd-chip{color:#7dd3fc;background:#38bdf81f;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.cd-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cd-btn-primary{background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 8px 22px #2563eb59}.cd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb80}.cd-btn-ghost{color:#e2e8f0;background:#ffffff0f;border:1px solid #94a3b833}.cd-btn-ghost:hover{background:#ffffff1a;border-color:#38bdf8}.cd-btn-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.cd-btn-danger:hover{background:#ef444440}.cd-main{max-width:1100px;margin:0 auto;padding:2rem 5% 0}.cd-greeting{margin-bottom:1.75rem}.cd-greeting h1{letter-spacing:-.5px;margin-bottom:.35rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}.cd-greeting p{color:#94a3b8;font-size:.98rem}.cd-balance-card{background:linear-gradient(145deg,#1e3a8a 0%,#2563eb 45%,#0ea5e9 100%);border-radius:28px;margin-bottom:1.75rem;padding:2rem 2rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 25px 50px #2563eb59,inset 0 1px #ffffff26}.cd-balance-card:before{content:"";background:#ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-60px}.cd-balance-card:after{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-50px;left:20%}.cd-balance-label{z-index:1;opacity:.9;margin-bottom:.5rem;font-size:.9rem;font-weight:500;position:relative}.cd-balance-amount{z-index:1;letter-spacing:-1.5px;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:900;line-height:1.1;position:relative}.cd-balance-meta{z-index:1;flex-wrap:wrap;gap:1.25rem 2rem;display:flex;position:relative}.cd-meta-item{flex-direction:column;gap:.2rem;display:flex}.cd-meta-item span:first-child{opacity:.8;text-transform:uppercase;letter-spacing:.4px;font-size:.75rem}.cd-meta-item span:last-child{font-size:.95rem;font-weight:700}.cd-actions{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.cd-action{cursor:pointer;color:#f8fafc;background:#0f172ad9;border:1px solid #94a3b81f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.35rem 1rem;text-decoration:none;transition:all .22s;display:flex;box-shadow:0 12px 30px #00000040}.cd-action:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 18px 40px #00000059}.cd-action-icon{background:linear-gradient(135deg,#2563eb59,#38bdf840);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.45rem;display:flex}.cd-action span{color:#cbd5e1;font-size:.9rem;font-weight:600}.cd-info-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.cd-info-card{background:#0f172ad9;border:1px solid #94a3b81a;border-radius:18px;padding:1.25rem 1.35rem;box-shadow:0 10px 28px #00000038}.cd-info-card h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.cd-info-card p{color:#f1f5f9;font-size:1.05rem;font-weight:700}.cd-section{background:#0f172ae0;border:1px solid #94a3b81a;border-radius:22px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 14px 36px #00000047}.cd-section-header{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.cd-section-header h2{font-size:1.15rem;font-weight:800}.cd-section-header span{color:#64748b;font-size:.85rem}.cd-tx-list{flex-direction:column;gap:.65rem;display:flex}.cd-tx{background:#02061773;border:1px solid #94a3b814;border-radius:14px;align-items:center;gap:1rem;padding:.95rem 1rem;transition:background .15s;display:flex}.cd-tx:hover{background:#1e293b8c}.cd-tx-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.cd-tx-icon.deposit{color:#4ade80;background:#22c55e26}.cd-tx-icon.withdrawal{color:#f87171;background:#ef444426}.cd-tx-icon.transfer{color:#38bdf8;background:#38bdf826}.cd-tx-icon.other{color:#94a3b8;background:#94a3b81f}.cd-tx-body{flex:1;min-width:0}.cd-tx-body h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.95rem;font-weight:600;overflow:hidden}.cd-tx-body p{color:#64748b;font-size:.8rem}.cd-tx-amount{text-align:right;flex-shrink:0}.cd-tx-amount strong{font-size:.98rem;font-weight:700;display:block}.cd-tx-amount strong.pos{color:#4ade80}.cd-tx-amount strong.neg{color:#f87171}.cd-tx-amount span{color:#64748b;font-size:.75rem}.cd-empty{text-align:center;color:#64748b;padding:2.5rem 1rem}.cd-empty-icon{opacity:.6;margin-bottom:.75rem;font-size:2.5rem}.cd-center{color:#e2e8f0;background:#020617;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.cd-spinner{border:3px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite cd-spin}@keyframes cd-spin{to{transform:rotate(360deg)}}@media (width<=900px){.cd-actions{grid-template-columns:repeat(2,1fr)}.cd-info-grid{grid-template-columns:1fr}}@media (width<=560px){.cd-topbar{padding:1rem 4%}.cd-chip{display:none}.cd-balance-card{padding:1.5rem}.cd-actions{gap:.75rem}.cd-action{padding:1.1rem .75rem}}.cf-page{color:#f8fafc;background:radial-gradient(80% 50% at 50% -15%,#2563eb4d,#0000),#020617;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem 3rem;font-family:Inter,system-ui,sans-serif;display:flex}.cf-back{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-self:flex-start;width:100%;max-width:440px;margin:0 auto 1.25rem;padding:0;font-size:.95rem;font-weight:500}.cf-back:hover{color:#38bdf8}.cf-card{background:#0f172aeb;border:1px solid #94a3b81f;border-radius:24px;width:100%;max-width:440px;padding:2rem 1.75rem;box-shadow:0 24px 50px #0006}.cf-card h1{margin-bottom:.35rem;font-size:1.5rem;font-weight:800}.cf-card>p{color:#94a3b8;margin-bottom:1.5rem;font-size:.92rem}.cf-field{margin-bottom:1.1rem}.cf-field label{color:#94a3b8;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.cf-field input{color:#fff;background:#0206178c;border:1.5px solid #94a3b833;border-radius:14px;outline:none;width:100%;padding:.9rem 1.05rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.cf-field input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.cf-field input:disabled{opacity:.6}.cf-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:14px;width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 28px #2563eb66}.cf-submit:hover{transform:translateY(-2px);box-shadow:0 14px 32px #2563eb80}.cf-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.cf-msg{text-align:center;border-radius:12px;margin-top:1rem;padding:.85rem 1rem;font-size:.9rem}.cf-msg.ok{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.cf-msg.err{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.customer-chat{background:linear-gradient(135deg,#020617,#0f172a);flex-direction:column;align-items:center;min-height:100vh;padding:40px;display:flex}.customer-chat h1{color:#fff;margin-bottom:25px;font-size:32px}.chat-container{background:#0f172a;border:1px solid #ffffff14;border-radius:25px;flex-direction:column;width:500px;height:650px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.chat-messages{flex-direction:column;flex:1;padding:25px;display:flex;overflow-y:auto}.my-message,.admin-message{color:#fff;border-radius:18px;max-width:75%;margin-bottom:15px;padding:14px 18px;font-size:15px;box-shadow:0 8px 15px #0003}.my-message{background:linear-gradient(135deg,#2563eb,#38bdf8);border-bottom-right-radius:5px;margin-left:auto}.admin-message{background:#334155;border-bottom-left-radius:5px}.my-message p,.admin-message p{margin:0;line-height:1.5}.my-message span,.admin-message span{opacity:.7;margin-top:8px;font-size:12px;display:block}.chat-input{background:#020617;gap:12px;padding:18px;display:flex}.chat-input input{color:#fff;background:#1e293b;border:none;border-radius:15px;outline:none;flex:1;padding:15px;font-size:15px}.chat-input input::placeholder{color:#94a3b8}.chat-input button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:15px;padding:0 30px;font-weight:700;transition:all .3s}.chat-input button:hover{transform:translateY(-3px)}@media (width<=600px){.chat-container{width:100%;height:600px}.customer-chat{padding:20px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020617;font-family:Inter,sans-serif}.navbar{z-index:5;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 7%;display:flex;position:absolute}.logo{font-size:32px;font-weight:900}.logo span{color:#38bdf8}.links{gap:35px;display:flex}.links a{color:#cbd5e1}.nav-actions button{border-radius:30px;margin-left:15px;padding:12px 25px}.login-btn{color:#fff;background:0 0;border:1px solid #fff}.create-btn{background:#38bdf8}.hero{background:radial-gradient(circle at top,#164e63,#020617);justify-content:space-around;align-items:center;height:100vh;padding:0 7%;display:flex}.hero-text h1{font-size:75px;font-weight:900}.hero-text p{color:#cbd5e1;max-width:500px;margin-top:25px;font-size:20px}.hero-buttons{margin-top:40px}.hero-buttons button{background:#38bdf8;border-radius:30px;margin-right:20px;padding:16px 35px}.outline{color:#fff;border:1px solid #fff;background:0 0!important}.bank-card{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:25px;width:330px;height:200px;padding:30px;box-shadow:0 30px 60px #000}.bank-card h2{margin-top:50px}.features{text-align:center;padding:100px 7%}.feature-grid{gap:30px;margin-top:50px;display:flex}.feature-grid div{background:#ffffff14;border-radius:20px;flex:1;padding:40px}footer{text-align:center;color:#94a3b8;padding:30px}.dashboard{background:#020617;min-height:100vh;padding:50px}.dashboard h1{margin-bottom:40px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.balance-card{background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:25px;padding:35px}.balance-card h2{margin:20px 0;font-size:45px}.info-card,.chart-box,.transactions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border-radius:25px;padding:30px}.chart-box,.transactions{margin-top:40px}.transaction{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px 0;display:flex}.admin-login{background:#0b1120;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-card{background:#fff;border-radius:20px;width:420px;padding:40px;box-shadow:0 25px 60px #00000040}.admin-card h1{text-align:center;margin-bottom:10px}.admin-card p{text-align:center;color:#666;margin-bottom:30px}.admin-card form{flex-direction:column;gap:18px;display:flex}.admin-card input{border:1px solid #ccc;border-radius:10px;padding:14px;font-size:16px}.admin-card button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700}*{outline:none!important}html,body,#root{background:#020617;min-height:100%;margin:0}body{overflow-x:hidden}.admin-layout,.customer-layout{border:none!important}.card,.stat-card,.stat-box,.profile-card,.chart-card,.settings-card,.customers-card{background:#0f172ad9;box-shadow:0 18px 45px #00000059;border:none!important}input,select,textarea,button{outline:none;border:none!important}button{cursor:pointer}table,th,td{border-color:#0000!important}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}button,input,select{outline:none}button{border:none}*{scrollbar-width:thin}.card,.panel,.section,.chart-card,.report-card,.profile-card,.customers-card,.transactions-table,.summary-box,.stat-box{border:none!important;box-shadow:0 18px 45px #00000059!important}table{border-collapse:separate;border-spacing:0}td,th{border-bottom:1px solid #94a3b814}input,select{color:#fff;background:#0f172ae6;border:1px solid #94a3b826;border-radius:12px}input:focus,select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}}}