.modern-card{transition:all .25s ease}[dir] .modern-card{background:#fff;border-radius:10px;border:1px solid #eef2f6;box-shadow:0 4px 10px rgba(0,0,0,.03);margin-bottom:1rem}[dir] .modern-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.06);transform:translateY(-2px);border-color:#d1d5db}[dir] .modern-skill-chip{background-color:#ecfdf5!important;border:1px solid #a7f3d0!important}.modern-skill-chip span{color:#047857!important;font-weight:600;font-size:.8rem}[dir] .modern-attribute-chip{background-color:#f5f3ff!important;border:1px solid #ddd6fe!important}.modern-attribute-chip span{color:#6d28d9!important;font-weight:600;font-size:.8rem}[dir] .modern-status-chip{background-color:#f3f4f6!important;border:none!important}.modern-status-chip span{color:#4b5563!important;font-weight:600;font-size:.75rem}.modern-icon{width:22px;height:22px;transition:all .2s ease}[dir] .modern-icon{padding:3px;border-radius:6px}[dir] .modern-icon:hover{background-color:#f3f4f6}.modern-icon.icon-primary{color:#3b82f6}.modern-icon.icon-success{color:#10b981}.modern-icon.icon-danger{color:#ef4444}[dir] .todo__filters-container[data-v-18761cba]{background-color:#fff}.transition[data-v-18761cba]{transition:all .2s ease-in-out}#todo-app .vs-sidebar--background{position:absolute}#todo-app .todo-scroll-area{position:relative;width:100%;height:calc(100% - 70px)}[dir] #todo-app .todo-scroll-area{margin:auto}#todo-app .todo-scroll-area:not(.ps){overflow-y:auto}#todo-app .todo-content-scroll-area{position:relative;width:100%;height:calc(100% - 50px)}[dir] #todo-app .todo-content-scroll-area{margin:auto}#todo-app .todo-content-scroll-area:not(.ps){overflow-y:auto}#todo-app .todo_todo-item{transition:all .35s}#todo-app .list-item-component{transition:background-color .2s,transform .2s}[dir] #todo-app .list-item-component{border-top:1px solid #dae1e7}#todo-app .list-item-component:hover{transition:all .2s}[dir] #todo-app .list-item-component:hover{transform:translateY(-4px);box-shadow:0 3px 10px 0 #ccc}[dir=ltr] #todo-app .todo-list .todo-tags .con-vs-chip{margin-right:2px!important}[dir=rtl] #todo-app .todo-list .todo-tags .con-vs-chip{margin-left:2px!important}.full-width-popup .vs-popup{width:90%!important;max-width:1200px}[dir] .full-width-popup .vs-popup{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)}