*{margin:0;padding:0;box-sizing:border-box}.sidebar{width:250px;height:100vh;background-color:#000;color:#fff;transition:width .3s ease;position:fixed;z-index:10}.sidebar.collapsed{width:63px}.toggle-btn{position:absolute;top:20px;left:20px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.sidebar.collapsed .toggle-btn{left:22px}.profile-img{width:90px;margin:20px auto;border-radius:50%;display:block}.menu{display:flex;flex-direction:column;gap:.2rem;margin-top:1.5rem;padding:0 1.5rem}.sidebar.collapsed .menu{align-items:center;padding:0;margin-top:3rem;gap:.7rem}.menu a{color:#ccc;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px;padding:8px 12px;border-radius:6px;transition:background .2s ease,color .2s ease}.menu a:hover{background-color:#1f1f1f;color:#fff}.menu a.active{background-color:#1f1f1f;color:#0d6efd}.sidebar.collapsed .menu a{font-size:18px;justify-content:center}.logo-area{margin-top:5rem;width:100%;text-align:center;display:flex;justify-content:center}.sidebar.collapsed .logo-area{margin-top:10rem}.logo{width:140px;transition:transform .3s ease}.logo.rotate{transform:rotate(-90deg)}.amount-card{background-color:#1e1e1e;box-shadow:0 0 15px #0009;color:#fff;border-radius:12px}.addTrans{background-color:#1e1e1e;border-radius:16px}.toggle-icon{transition:transform .3s ease}.toggle-icon.rotate-icon{transform:translate(30px)}.debit{color:#00ab00}.credit{color:#dc3545}.success-msg{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.success-msg.show{opacity:1;transform:translateY(0)}