@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark: #030014;--bg-surface: #0a0514;--glass-surface: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--primary-glow: #FF0099;--pink-gradient: linear-gradient(135deg, #FF0099 0%, #FF4477 100%);--purple-gradient: linear-gradient(135deg, #4A00E0 0%, #8E2DE2 100%);--text-primary: #ffffff;--text-secondary: #9CA3AF;--success: #00ff99;--danger: #ff0055;--warning: #FFCC00;--font-family: "Inter", sans-serif;--sidebar-width: 260px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);font-family:var(--font-family);color:var(--text-primary);overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(74,0,224,.15),transparent 40%),radial-gradient(circle at 80% 50%,rgba(255,0,153,.08),transparent 40%);background-attachment:fixed;min-height:100vh}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes pulseRed{0%{box-shadow:0 0 #f366}70%{box-shadow:0 0 0 10px #f360}to{box-shadow:0 0 #f360}}@keyframes spinEntry{0%{transform:rotate(-90deg) scale(.8);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.animate-enter{animation:fadeInSlide .6s cubic-bezier(.16,1,.3,1) forwards}.animate-pop{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards}h1{font-size:3.5rem;line-height:1;font-weight:800;letter-spacing:-.04em;margin-bottom:1.5rem}h2{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}p{color:var(--text-secondary);line-height:1.6;font-size:1.05rem;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(to right,#f09,#f8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .2s cubic-bezier(.2,.8,.2,1);cursor:pointer;border:none;width:100%;font-family:inherit;text-decoration:none;line-height:1.2}.btn:active{transform:scale(.98)}.btn-primary{background:var(--pink-gradient);color:#fff;box-shadow:0 4px 20px #f096;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff009980}.btn-ghost{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.app-shell{display:flex;min-height:100vh;width:100%;background:var(--bg-dark)}.sidebar{width:var(--sidebar-width);background:#030014f2;border-right:1px solid var(--glass-border);padding:24px;display:none;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-logo{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:48px;color:#fff;letter-spacing:-.02em}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .2s;font-weight:500;margin-bottom:4px;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#ff00991a;color:#f09;border:1px solid rgba(255,0,153,.2)}.main-content{flex:1;padding:20px 20px 100px;width:100%;max-width:100vw}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#030014f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);justify-content:space-around;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:100}.mobile-nav button{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:color .2s}.container{max-width:1000px;margin:0 auto;padding:0 24px}.card{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:24px;padding:24px;box-shadow:inset 0 1px #ffffff0d;margin-bottom:24px;position:relative;overflow:hidden}.form-container{max-width:440px;margin:40px auto;background:#0a0514;border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:0 0 50px #00000080;text-align:left;position:relative}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#FF0099,transparent);opacity:.5}.input-group{margin-bottom:24px}.input-label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--text-secondary);font-weight:500}.input-field{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:16px;outline:none;transition:all .3s ease;font-family:inherit}.input-field:focus{border-color:#f09;background:#ffffff0d;box-shadow:0 0 0 4px #ff00991a}.budget-ring-wrapper{position:relative;width:240px;height:240px;margin:0 auto;border-radius:50%;background:conic-gradient(#FF0099 0deg,#FF0099 var(--percentage),rgba(255,255,255,.05) var(--percentage));display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #ff009926;animation:spinEntry 1s cubic-bezier(.2,.8,.2,1) forwards}.budget-inner{width:200px;height:200px;background:var(--bg-dark);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.balance-amount{font-size:2.2rem;font-weight:800;color:#f09;letter-spacing:-1px}.tx-list{display:flex;flex-direction:column}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.tx-item:hover{background:#ffffff05}.tx-item:last-child{border-bottom:none}.tx-icon{width:40px;height:40px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:16px}.details-table{width:100%;border-collapse:collapse}.details-row{border-bottom:1px solid rgba(255,255,255,.05)}.details-row td{padding:16px;font-size:.95rem}.label-cell{color:#9ca3af;width:40%}.value-cell{color:#fff;font-weight:500;text-align:right}.status-badge{padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px}.status-badge.overdue{background:#ff000026;color:#f36;border:1px solid rgba(255,0,0,.3);box-shadow:0 0 15px #f003;animation:pulseRed 2s infinite}.status-badge.sending{background:#ffff001a;color:#fc0;border:1px solid rgba(255,255,0,.3)}.status-badge.sent{background:#00ff9926;color:#0f9;border:1px solid rgba(0,255,153,.3)}.header{position:fixed;top:0;left:0;right:0;padding:16px 24px;z-index:100;background:#030014cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.hero-section{padding-top:140px;padding-bottom:80px}.logo{font-weight:800;font-size:1.25rem;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;color:#fff;cursor:pointer;text-decoration:none}.login-btn-sm{padding:8px 20px;border-radius:99px;color:#fff;font-size:.9rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.login-btn-sm:hover{background:#ffffff1a;border-color:#f09;box-shadow:0 0 15px #ff00994d}.autochase-container{background:linear-gradient(180deg,#ffffff08,#ff00990d);border:1px solid rgba(255,0,153,.2);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff00991a,0 10px 30px #00000080}.progress-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#f09,#f47);border-radius:3px;transition:width .5s ease;width:0%;box-shadow:0 0 10px #f09}.progress-fill.complete{background:#0f9;box-shadow:0 0 10px #0f9}.log-item{font-size:.8rem;color:#888;display:flex;justify-content:space-between;opacity:0;transform:translateY(10px);margin-bottom:8px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-top:16px}.user-pill{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:6px 12px;border-radius:99px;font-size:.85rem;border:1px solid rgba(255,255,255,.1)}.grid-2{display:grid;grid-template-columns:1fr;gap:24px}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-top:24px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s}.back-link:hover{color:#fff}@media(min-width:1024px){h1{font-size:5rem}.btn{width:auto}.grid-2{grid-template-columns:1fr 1fr}.hero-section{padding-top:180px;padding-bottom:120px}.sidebar{display:flex}.mobile-nav{display:none!important}.main-content{margin-left:var(--sidebar-width);padding:40px}.hide-desktop{display:none!important}}.splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-dark);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeOutSplash .5s ease-in-out 2.5s forwards}.splash-content{text-align:center;animation:scaleUp .8s cubic-bezier(.16,1,.3,1) forwards}.splash-logo{width:80px;height:80px;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(255,0,153,.5));animation:pulseLogo 2s infinite}.splash-text{font-size:1.5rem;font-weight:700;color:#fff;opacity:0;transform:translateY(10px);animation:slideUpFade .5s ease .5s forwards}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s forwards}.modal-glass{background:#140a1ef2;border:1px solid var(--glass-border);box-shadow:0 20px 50px #00000080,0 0 0 1px #ff00991a;padding:32px;border-radius:24px;width:90%;max-width:400px;text-align:center;transform:scale(.9);opacity:0;animation:scaleIn .4s cubic-bezier(.16,1,.3,1) .1s forwards}@keyframes fadeOutSplash{0%{opacity:1;visibility:visible}90%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes pulseLogo{0%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,0,153,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(255,0,153,.8))}to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,0,153,.5))}}@keyframes fadeIn{to{opacity:1}}