@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary:#0979c8;--primary-light:#5ca9e6;--secondary:#07002f;--secondary-light:#1a1244;--accent:#ffc107;--text-primary:#edf1f9;--text-secondary:#b3e5fc;--success:#4caf50;--danger:#e53935;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.05)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:hsla(0,0%,100%,.05);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0));background-size:1000px 100%;animation:shimmer 2s linear infinite;border-radius:8px}html{background-color:var(--secondary);height:100%;height:-webkit-fill-available;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text-primary);height:100%;height:-webkit-fill-available;background-color:transparent;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:linear-gradient(to bottom,var(--primary) 0,var(--secondary) 100%);z-index:-1;pointer-events:none}#root{max-width:100%;display:flex;justify-content:center}#root,.app-container{width:100%;height:100%;position:relative}.app-container{max-width:600px;min-height:100vh;min-height:100dvh;background-color:transparent;box-shadow:0 0 50px rgba(0,0,0,.5);overflow:hidden}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:24px}.glass-card,.glass-panel{background:var(--glass-bg)}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;padding:16px;transition:transform .2s ease,background .2s ease}.glass-card:active{background:hsla(0,0%,100%,.08);transform:scale(.98)}h1,h2,h3{font-weight:600;letter-spacing:-.02em}.text-muted{color:var(--text-secondary);font-size:.9rem}.text-primary-color{color:var(--primary)}.text-success{color:var(--success)}.text-accent{color:var(--accent)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.dashboard-header{padding:max(32px,calc(16px + env(safe-area-inset-top))) 12px 24px;display:flex;justify-content:space-between;align-items:center}.profile-avatar{width:48px;height:48px;border-radius:24px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px rgba(9,121,200,.3)}.balance-section{margin:0 12px 24px}.balance-amount{font-size:2.5rem;font-weight:700;margin:8px 0;background:linear-gradient(90deg,#fff,#a0c4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin:0 12px 32px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;border:none;cursor:pointer;color:var(--text-primary);font-family:inherit}.action-btn i{font-size:1.5rem;color:var(--primary-light)}.section-title{padding:0 12px;margin-bottom:16px;font-size:1.1rem;font-weight:600}.transactions-list{padding:0 12px 100px;display:flex;flex-direction:column;gap:12px}.transaction-item{justify-content:space-between}.transaction-item,.tx-icon{display:flex;align-items:center}.tx-icon{width:40px;height:40px;border-radius:12px;background:rgba(9,121,200,.1);color:var(--primary-light);justify-content:center}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;background:rgba(7,0,47,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;padding:16px 12px max(16px,env(safe-area-inset-bottom));z-index:100}.view-container{padding-bottom:100px;animation:fadeIn .3s ease-in-out;height:100%;min-height:100vh;min-height:100dvh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.promo-card{border:1px solid var(--glass-border);position:relative;overflow:hidden}.promo-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100px;height:100px;background:rgba(255,193,7,.2);filter:blur(40px);border-radius:50%}.business-card{gap:16px}.business-card,.business-logo{display:flex;align-items:center}.business-logo{width:56px;height:56px;border-radius:16px;background:hsla(0,0%,100%,.1);justify-content:center;font-size:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--glass-border)}.setting-item:last-child{border-bottom:none}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:.75rem;transition:color .2s}.nav-item.active{color:var(--primary-light)}.nav-item i{font-size:1.25rem}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:flex-end;animation:fadeIn .2s}.modal-content{width:100%;background:var(--secondary);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;box-shadow:0 -10px 40px rgba(0,0,0,.5);animation:slideUp .3s cubic-bezier(.16,1,.3,1);border-top:1px solid var(--glass-border)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btn-primary{background:var(--primary);color:#fff;border:none;padding:16px;border-radius:12px;font-weight:600;font-size:1rem;width:100%;cursor:pointer;margin-top:16px}.btn-primary:active{opacity:.8}.btn-outline{background:transparent;font-weight:600;cursor:pointer;margin-top:8px}.btn-outline,.input-field{color:#fff;border:1px solid var(--glass-border);padding:16px;border-radius:12px;font-size:1rem;width:100%}.input-field{background:rgba(0,0,0,.2);margin-bottom:16px;outline:none}.input-field:focus{border-color:var(--primary-light)}