:root{--primary: #6C63FF;--secondary: #FF6584;--success: #00B894;--warning: #FDCB6E;--dark: #2D3436;--light: #F0F3F9;--glass: rgba(255, 255, 255, .95)}body{background-color:var(--light);font-family:Plus Jakarta Sans,sans-serif;padding-bottom:110px;color:var(--dark)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1)}}.page-section{display:none;padding:20px;animation:slideUp .4s ease-out}.page-section.active{display:block}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}.loader-logo{font-size:3rem;background:-webkit-linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 1.5s infinite;margin-bottom:20px}.loader-spinner{width:40px;height:40px;border:4px solid rgba(108,99,255,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.top-bar{background:#ffffffe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:15px 20px;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 8px 30px #00000026;display:flex;justify-content:space-between;align-items:center}.app-logo{font-weight:800;background:-webkit-linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.4rem}.stat-card{border:none;border-radius:20px;background:#fff;box-shadow:0 10px 20px #00000008;transition:transform .2s;overflow:hidden;position:relative}.stat-card:active{transform:scale(.98)}.card-decoration{position:absolute;top:-10px;right:-10px;font-size:4rem;opacity:.1;transform:rotate(15deg)}.bottom-nav{position:fixed;bottom:0;width:100%;left:0;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 -5px 20px #0000001a;display:grid;grid-template-columns:repeat(5,1fr);padding:12px 5px 25px;z-index:1000;border-radius:25px 25px 0 0;margin-bottom:0}.nav-item{text-align:center;color:#ffffffb3;font-size:.7rem;text-decoration:none;position:relative;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:5px}.nav-item i{display:block;font-size:1.4rem;margin-bottom:6px;transition:all .3s}.nav-item.active{color:#fff;font-weight:700}.nav-item.active i{transform:translateY(-5px);text-shadow:0 5px 10px rgba(0,0,0,.2)}.btn-add-wrapper{position:relative;top:-30px}.btn-add-main{width:60px;height:60px;border-radius:50%;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 8px 15px #6c63ff66;animation:bounceIn .8s;border:4px solid rgba(255,255,255,.2);background-clip:padding-box}.btn-add-main:active{transform:scale(.9)}.card-expense{background:linear-gradient(135deg,#ff6584,#e17055);color:#fff}.card-expense .text-muted{color:#fffc!important}.card-expense h6{color:#fff!important}.card-expense i{color:#fff3!important}.card-income{background:linear-gradient(135deg,#00b894,#0984e3);color:#fff}.card-income .text-muted{color:#fffc!important}.card-income h6{color:#fff!important}.card-income i{color:#fff3!important}.cat-tabs{display:flex;background:#fff;padding:5px;border-radius:15px;margin-bottom:20px;box-shadow:0 2px 5px #00000005}.cat-tab{flex:1;text-align:center;padding:10px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s}.cat-tab.active-exp{background:var(--secondary);color:#fff;box-shadow:0 4px 10px #ff65844d}.cat-tab.active-inc{background:var(--success);color:#fff;box-shadow:0 4px 10px #00b8944d}.profile-header{background:linear-gradient(135deg,var(--primary),#8e44ad);color:#fff;padding:40px 20px;border-radius:0 0 30px 30px;margin:-20px -20px 20px;text-align:center}.profile-pic-container{position:relative;width:100px;height:100px;margin:0 auto 15px}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);background:#fff}.btn-edit-photo{position:absolute;bottom:0;right:0;background:#fff;color:var(--primary);border:none;border-radius:50%;width:32px;height:32px;font-size:.9rem;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer}.app-footer{position:absolute;bottom:5px;width:100%;text-align:center;color:#fff9;font-size:.6rem;pointer-events:none;grid-column:1 / -1}.dropdown-menu{animation:slideUp .3s ease-out;min-width:180px}.dropdown-item{color:var(--dark);transition:all .2s}.dropdown-item:hover{background-color:var(--light);color:var(--primary);transform:translate(5px)}.dropdown-item.active,.dropdown-item:active{background-color:var(--primary);color:#fff}.dropdown-toggle:after{margin-left:.5em;vertical-align:middle;border-top:.4em solid;border-right:.4em solid transparent;border-bottom:0;border-left:.4em solid transparent;color:var(--primary)}