@charset "UTF-8";.transition-opacity[data-v-be42239a]{transition:opacity}.duration-100[data-v-be42239a]{transition-duration:.1s}.opacity-0[data-v-be42239a]{opacity:0}.opacity-100[data-v-be42239a]{opacity:1}.notification-popup[data-v-be42239a]{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;max-height:450px;overflow:hidden;position:absolute;right:0;top:40px;width:350px;z-index:1000}.row[data-v-be42239a]{flex:1;margin:0;max-height:400px;overflow-y:auto;padding:0}.read-all[data-v-be42239a]{color:#0061ff;cursor:pointer;display:flex;font-size:14px;font-style:italic;justify-content:flex-end;margin:10px 15px 5px}.read-all[data-v-be42239a]:hover{text-decoration:underline}.item[data-v-be42239a]{border-bottom:1px solid #f2f2f2;transition:background-color .2s}.item[data-v-be42239a]:last-child{border-bottom:none}.not-read[data-v-be42239a]{background-color:#d2e0ff}.app-loading[data-v-be42239a]{display:flex;justify-content:center;padding:10px}[data-v-be42239a] .el-tabs .el-tabs__header{margin-bottom:0}[data-v-be42239a] .el-tabs .el-tabs__nav-wrap{padding:0 10px}[data-v-be42239a] .el-tabs .el-tabs__content{padding:0}.text.item .home-layout-header-noti__dropdown__item[data-v-be42239a]{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:12px 15px}.text.item .home-layout-header-noti__dropdown__item[data-v-be42239a]:hover{background-color:#f9f9f9}.text.item .home-layout-header-noti__dropdown__item__img587-wapper[data-v-be42239a]{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.text.item .home-layout-header-noti__dropdown__item .title[data-v-be42239a]{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;padding-right:70px;text-overflow:ellipsis;white-space:nowrap}.text.item .home-layout-header-noti__dropdown__item .content[data-v-be42239a]{color:#555;display:-webkit-box;font-size:13px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text.item .home-layout-header-noti__dropdown__item .created-at[data-v-be42239a]{color:#999;font-size:12px;position:absolute;right:15px}.content[data-v-be42239a]:empty:after{color:#999;content:"Không có thông báo";display:block;font-style:italic;padding:20px 0;text-align:center}.no-data[data-v-be42239a]{color:var(--Theme-Dark-Default,#16192c);font-family:Inter,serif;font-size:14px;font-style:italic;font-weight:500;line-height:20px}.notification-footer[data-v-be42239a]{background-color:#fff;border-top:1px solid #f2f2f2;padding:10px 0;width:100%}.view-all-notifications[data-v-be42239a]{color:#0061ff;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:color .3s}.view-all-notifications[data-v-be42239a]:hover{text-decoration:underline}@media screen and (max-width:768px){.notification-popup[data-v-be42239a]{max-height:400px;position:fixed;right:10px;top:60px;z-index:2000}.row[data-v-be42239a]{max-height:350px;overflow-y:auto}.text.item .home-layout-header-noti__dropdown__item[data-v-be42239a]{gap:8px;padding:10px 12px}.text.item .home-layout-header-noti__dropdown__item__img-wapper[data-v-be42239a]{height:20px;width:20px}.text.item .home-layout-header-noti__dropdown__item .title[data-v-be42239a]{font-size:13px;padding-right:60px}.text.item .home-layout-header-noti__dropdown__item .content[data-v-be42239a]{font-size:12px;-webkit-line-clamp:3}.text.item .home-layout-header-noti__dropdown__item .created-at[data-v-be42239a]{font-size:11px;right:12px}.read-all[data-v-be42239a]{font-size:13px;margin:8px 12px 4px}.no-data[data-v-be42239a]{font-size:13px;padding:15px;text-align:center}[data-v-be42239a] .el-tabs .el-tabs__nav-wrap{padding:0 8px}[data-v-be42239a] .el-tabs .el-tabs__item{font-size:13px;padding:0 10px}.app-loading[data-v-be42239a]{padding:8px}.view-all-notifications[data-v-be42239a]{font-size:13px}}.transition-opacity[data-v-9d189d29]{transition:opacity}.duration-100[data-v-9d189d29]{transition-duration:.1s}.opacity-0[data-v-9d189d29]{opacity:0}.opacity-100[data-v-9d189d29]{opacity:1}.notification-wrapper[data-v-9d189d29]{position:relative}.item[data-v-9d189d29]{border-bottom:1px solid #f2f2f2}.not-read[data-v-9d189d29]{background-color:#d6d6ce}.notification-badge[data-v-9d189d29]{box-shadow:2px -4px 11px 3px #f1343933;font-size:11px;padding:2px 6px 0;position:absolute;right:5px;top:1px}.demo-tabs>.el-tabs__content[data-v-9d189d29]{color:red;font-size:32px;font-weight:600;padding:320px}.content[data-v-9d189d29]{overflow:hidden;overflow:auto;position:relative}.home-layout-header[data-v-9d189d29]{background:#fff;box-shadow:0 10px 30px #0000000d;height:60px;position:sticky;top:56px;z-index:20}[data-v-9d189d29] .home-layout-header__item-user{align-items:center;background:#fff;border:1px solid #f2f2f2;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:5px;overflow:hidden;transition:.3s;width:50px}[data-v-9d189d29] .home-layout-header__item-user img{height:100%;width:100%}[data-v-9d189d29] .home-layout-header__item-header{align-items:center;background:#fff;border:1px solid #f2f2f2;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:5px;overflow:hidden;transition:.3s;width:50px}[data-v-9d189d29] .home-layout-header__item-header:focus,[data-v-9d189d29] .home-layout-header__item-header:hover{background:#0dad88}.home-layout-header__name[data-v-9d189d29]{color:#fff;font-size:14px;margin:0 10px}[data-v-9d189d29] .home-layout-header__dropdown{background:#fff;border:1px solid #f2f2f2;border-radius:10px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;margin-top:5px;max-width:340px;min-width:240px;padding:10px 20px;position:absolute;right:0}[data-v-9d189d29] .home-layout-header__dropdown__user{align-items:center;display:flex;flex-direction:row;margin:10px 0}[data-v-9d189d29] .home-layout-header__dropdown__user__avatar{height:40px;margin-right:10px;width:40px!important}[data-v-9d189d29] .home-layout-header__dropdown__user__title{color:#0f0f0f;font-size:14px;font-weight:500;line-height:1.2}[data-v-9d189d29] .home-layout-header__dropdown__user__sub-title{color:#a7a7a7;font-size:12px}[data-v-9d189d29] .home-layout-header__dropdown__item{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:10px 5px}[data-v-9d189d29] .home-layout-header__dropdown__item:focus ::v-deep .home-layout-header__dropdown__item,[data-v-9d189d29] .home-layout-header__dropdown__item:hover{color:#0061ff}[data-v-9d189d29] .home-layout-header__dropdown__item:focus ::v-deep .home-layout-header__dropdown__item__img-wapper,[data-v-9d189d29] .home-layout-header__dropdown__item:hover ::v-deep .home-layout-header__dropdown__item__img-wapper{fill:#0061ff}[data-v-9d189d29] .home-layout-header__dropdown__item:not(:last-child){border-bottom:1px solid #f2f2f2}[data-v-9d189d29] .home-layout-header__dropdown__item__img-wapper{align-items:start;display:flex;flex-direction:row;justify-content:left;margin-right:15px;width:20px;fill:#5a5a5a}[data-v-9d189d29] .home-layout-header__dropdown__item .title{font-weight:700}[data-v-9d189d29] .home-layout-header__dropdown__item .content{font-size:.8rem}[data-v-9d189d29] .home-layout-header__dropdown__item span{font-size:14px}