.modern-card{transition:all .2s ease-in-out}[dir] .modern-card{background:#fff!important;border-radius:8px!important;border:1px solid #e5e7eb!important;box-shadow:none!important;margin-bottom:.85rem}[dir] .modern-card:hover{box-shadow:none!important;border-color:#cbd5e1!important;background-color:#f8fafc!important}[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:.75rem}[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:.75rem}[dir] .modern-status-chip{background-color:#f3f4f6!important;border:1px solid #e5e7eb!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:#e5e7eb}.modern-icon.icon-primary{color:#3b82f6}.modern-icon.icon-success{color:#10b981}.modern-icon.icon-danger{color:#ef4444}#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}[dir] #todo-app,[dir] .todo_todo-item{box-shadow:none!important}.full-width-popup .vs-popup{width:90%!important;max-width:1100px}[dir] .full-width-popup .vs-popup{border-radius:12px}[dir=ltr] .no-scroll-content{transition:margin-left .3s ease}[dir=rtl] .no-scroll-content{transition:margin-right .3s ease}[dir] .vs-input-no-border input:focus{background:transparent!important}