:root{--fav-teal: #00b4d8;--fav-blue: #0077b6;--fav-coral: #ff758f;--fav-purple: #9d4edd;--fav-amber: #ffb703;--fav-green: #2dc653;--fav-indigo: #3f37c9;--fav-orange: #f48c06}.fun-dashboard{background-color:#f0f4f8;min-height:100vh;font-family:Nunito,Segoe UI,system-ui,sans-serif}.hero-bubble{background:linear-gradient(135deg,var(--fav-blue),var(--fav-teal));border-radius:0 0 40px 40px;padding:60px 20px;color:#fff;box-shadow:0 10px 30px #00b4d84d;margin-bottom:50px}.app-card{background:#fff;border-radius:24px;border:none;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;overflow:hidden;height:100%;position:relative;box-shadow:0 8px 15px #0000000d}.app-card:hover{transform:translateY(-8px) scale(1.02)}.card-teal:hover{box-shadow:0 15px 30px #00b4d84d}.card-purple:hover{box-shadow:0 15px 30px #9d4edd4d}.card-coral:hover{box-shadow:0 15px 30px #ff758f4d}.card-amber:hover{box-shadow:0 15px 30px #ffb7034d}.card-green:hover{box-shadow:0 15px 30px #2dc6534d}.card-indigo:hover{box-shadow:0 15px 30px #3f37c94d}.app-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:15px;color:#fff;box-shadow:inset 0 -3px #0000001a}.pill-header{background:#fff;padding:10px 20px;border-radius:50px;display:inline-flex;align-items:center;font-weight:800;color:#333;box-shadow:0 4px 6px #0000000a;margin-bottom:25px}.brand-navbar{background-color:var(--brand-navy);padding:15px 0;box-shadow:0 4px 12px #0000001f}.brand-nav-link{color:#f8fafc!important;font-family:var(--font-primary);font-weight:600;font-size:16px;padding:8px 16px!important;position:relative;transition:all .2s ease}.brand-nav-link:hover:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:3px;background-color:var(--brand-yellow);border-radius:3px}.brand-nav-link.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:3px;background-color:var(--brand-teal);border-radius:3px}.brand-card{background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001f;border:none}.brand-input{background-color:#fff;border:2px solid #C7CED4;border-radius:10px;padding:12px 16px;font-family:var(--font-primary);font-size:16px;transition:all .2s ease;color:var(--brand-navy)}.brand-input:focus{border-color:var(--brand-teal);outline:none;box-shadow:0 0 0 3px #15c6bf4d}.brand-label{font-weight:600;color:var(--brand-navy);margin-bottom:8px;font-size:14px}