.notification-scroll[data-v-d8a16aa1],.global-search-scroll[data-v-d8a16aa1]{scrollbar-color:#10b981 #ecfdf5;scrollbar-width:thin}.notification-scroll[data-v-d8a16aa1]::-webkit-scrollbar,.global-search-scroll[data-v-d8a16aa1]::-webkit-scrollbar{width:8px}.notification-scroll[data-v-d8a16aa1]::-webkit-scrollbar-track,.global-search-scroll[data-v-d8a16aa1]::-webkit-scrollbar-track{background:#ecfdf5;border-radius:999px}.notification-scroll[data-v-d8a16aa1]::-webkit-scrollbar-thumb,.global-search-scroll[data-v-d8a16aa1]::-webkit-scrollbar-thumb{background-color:#10b981;border:2px solid #ecfdf5;border-radius:999px}.notification-scroll[data-v-d8a16aa1]::-webkit-scrollbar-thumb:hover,.global-search-scroll[data-v-d8a16aa1]::-webkit-scrollbar-thumb:hover{background-color:#059669}.toast-enter-active[data-v-2d9f46c4],.toast-leave-active[data-v-2d9f46c4]{transition:all .3s ease}.toast-enter-from[data-v-2d9f46c4],.toast-leave-to[data-v-2d9f46c4]{opacity:0;transform:translate(100px)}.toast-move[data-v-2d9f46c4]{transition:transform .3s ease}.safe-area-bottom[data-v-35fab22d]{padding-bottom:env(safe-area-inset-bottom,0px)}.custom-scrollbar[data-v-35fab22d]::-webkit-scrollbar{width:5px}.custom-scrollbar[data-v-35fab22d]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-35fab22d]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.custom-scrollbar[data-v-35fab22d]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.custom-scrollbar[data-v-35fab22d]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.shopokoa-data-table__table[data-v-ba6bbe9e]{border-collapse:separate;border-spacing:0}.shopokoa-data-table__head-cell[data-v-ba6bbe9e]{position:relative;background:linear-gradient(180deg,#f8fafc,#eef2f7);box-shadow:inset 0 -1px #cbd5e1;letter-spacing:0}.dt-row[data-v-ba6bbe9e]:hover{background-color:#fbfdff}.dt-row-stripe[data-v-ba6bbe9e]{background-color:#fff}.dt-th-active[data-v-ba6bbe9e]{background:linear-gradient(180deg,#ecfdf5,#dcfce7);box-shadow:inset 0 -2px #10b981}.dt-th-sortable[data-v-ba6bbe9e]:hover{background:linear-gradient(180deg,#f0fdf4,#e7f8ee)}.dt-sort-icon[data-v-ba6bbe9e]{background:#fff;color:#64748b;box-shadow:inset 0 0 0 1px #dbe3ef}.dt-th-active .dt-sort-icon[data-v-ba6bbe9e]{background:#059669;color:#fff;box-shadow:none}.dt-mobile-row[data-v-ba6bbe9e]:active{background-color:#ecfdf5}.datatable-header-actions[data-v-ba6bbe9e]>*{max-width:100%}@media(max-width:639px){.datatable-header-actions[data-v-ba6bbe9e]>*{width:100%}}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions]{white-space:nowrap;text-align:center}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions]>div{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0!important;overflow:visible!important;background:transparent!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions]>div>*+*{border-left-width:0!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions]>div>*{border-right-width:0!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] button,.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] a{min-height:2rem!important;height:2rem!important;min-width:0!important;width:auto!important;border-radius:.45rem!important;box-shadow:none!important;padding:0 .7rem!important;transform:none!important;font-size:.75rem!important;font-weight:800!important;line-height:1!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] button.text-green-700,.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] a.text-green-700{border:1px solid #bbf7d0!important;background:#f0fdf4!important;color:#047857!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] button.text-green-700:hover,.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] a.text-green-700:hover{border-color:#86efac!important;background:#dcfce7!important;color:#047857!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] button:hover,.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] a:hover{transform:none!important}.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] button svg,.shopokoa-data-table[data-v-ba6bbe9e] [data-column-key=actions] a svg{height:1rem!important;width:1rem!important;color:currentColor!important}