*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;width:100vw}.bg-skyblue{background-color:#dae5f5}.centering{display:flex;justify-content:center;align-items:center}.font-roboto{font-family:Roboto}.bg-lavender{background-color:#b38bfa}.bg-pink{background-color:#ff79f2}.bg-cyan{background-color:#43e6fc}.bg-brown{background-color:#f19576}.bg-blue{background-color:#0047ff}.bg-light-blue{background-color:#6691ff}.bg-navy-blue{background-color:#001f8b}.sideBarHeading{height:20%;width:100%;position:sticky;top:0;background-color:#fff}.sideBarHeading h1{font-family:Roboto;font-size:32px;font-weight:500}.plusBtn{position:sticky;bottom:13px;left:calc(100% - 70px);z-index:10;height:50px;width:50px;background-color:#16008b;color:#fff;border-radius:50%;border:none}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}*/ .group-link{position:relative;transition:all .2s ease}.group-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:transparent;transition:all .2s ease}.group-link:hover:after{background-color:#1e40af}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b8 #e2e8f0}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:3px}.notes-panel-enter{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-input{transition:all .2s ease;border:2px solid transparent}.custom-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.create-button{transition:all .2s ease}.create-button:hover{transform:scale(1.05)}.create-button:active{transform:scale(.95)}.color-picker-option{position:relative;transition:transform .2s ease}.color-picker-option:hover{transform:scale(1.1)}.color-picker-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px}.group-header{position:relative;overflow:hidden}.group-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.empty-state{text-align:center;padding:2rem;color:#64748b}.empty-state-icon{font-size:48px;margin-bottom:1rem;color:#94a3b8}