@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--app-scrollbar-track: rgba(148, 163, 184, .18);--app-scrollbar-thumb: rgba(59, 130, 246, .42);--app-scrollbar-thumb-hover: rgba(37, 99, 235, .68);--app-font-family: "Inter", "Segoe UI", sans-serif}html{font-family:var(--app-font-family)}body{margin:0;font-family:inherit;scrollbar-gutter:stable}*{font-family:inherit;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}.App{margin:0;background-color:#fff;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background-color:var(--app-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--app-scrollbar-thumb-hover)}.is-scrolling{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);scrollbar-gutter:stable}.is-scrolling::-webkit-scrollbar{width:8px;height:8px}.is-scrolling::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:999px}.is-scrolling::-webkit-scrollbar-thumb{background-color:var(--app-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}.is-scrolling::-webkit-scrollbar-thumb:hover{background-color:var(--app-scrollbar-thumb-hover)}.tabs{width:100%!important;overflow:hidden!important}.tabs .tablist{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;color:gray!important;overflow:hidden!important}.tabs .tablist .mininavtext{font-size:.6rem!important;color:#000!important}.mininavbar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;margin:2px 0!important;gap:2px!important}.mininavbar .mininavitem{padding:3px!important;margin-left:5px!important;border-radius:2px!important;font-size:.6rem!important;color:#fff!important;box-shadow:5px 5px 10px 5px #00000045!important}.buttonIcon{font-size:.7rem!important;color:#3b2db6!important}.swal2-container{z-index:10000!important}.fallback{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;width:100vw;height:100vh}.fallback .loading{display:flex;align-self:center;width:50px;height:50px;text-align:center;border:5px solid black;border-top-color:red;border-right-color:#adff2f;border-bottom-color:#00f;border-radius:50%;animation:circle-loading 1s infinite linear}@keyframes circle-loading{to{transform:rotate(360deg)}}.home{display:flex;flex-direction:column;width:100%;margin-left:0}.home.home--pvn{flex-direction:row;height:100vh;overflow:hidden}@media only screen and (max-width: 5000px){.home .homeContainer{display:flex;position:relative;flex-direction:row;width:100%;height:fit-content}.home .homeContainer .sidebardiv{display:flex;flex-direction:column;width:fit-content;position:sticky;top:30px;z-index:9}.home .homeContainer .outletdiv{display:flex;flex-direction:column;width:100%;flex:1;box-sizing:border-box}.home .homeContainer .outletdiv .animated_div{display:flex;flex-direction:column;height:fit-content}.home .homeContainer .outletdiv .animated_div .component_element{position:absolute;top:28px;display:flex;justify-content:center}.home .homeContainer .navdiv{display:flex;z-index:999999}.home .homeContainer .chatroom{display:flex;position:fixed;right:2%;top:90vh}}.home .homeContainer.homeContainer--pvn{flex:1;height:100vh;overflow:hidden}.home .homeContainer.homeContainer--pvn .outletdiv{height:100vh;overflow:auto;position:relative;z-index:1}.home .homeContainer.homeContainer--pvn .sidebardiv{position:fixed;left:0;top:0;height:100vh;width:220px;z-index:2000000;background:#fffffff2;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.2);box-shadow:5px 5px 15px 5px #0003;transform:translate(-105%);transition:transform .2s ease-in-out;overflow:visible;display:flex;flex-direction:column}.home .homeContainer.homeContainer--pvn .pvnSidebarHeader{display:flex;flex-direction:column;gap:6px;padding:10px 10px 6px;border-bottom:1px solid rgba(0,0,0,.08);background:transparent;position:sticky;top:0;z-index:1}.home .homeContainer.homeContainer--pvn .pvnSidebarLogo{display:flex;align-items:center;justify-content:flex-start}.home .homeContainer.homeContainer--pvn .pvnSidebarWebver{font-size:8pt;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .homeContainer.homeContainer--pvn .pvnSidebarTools{display:flex;flex-direction:column;gap:6px}.home .homeContainer.homeContainer--pvn .pvnSidebarTools select{font-size:.75rem;padding:4px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:transparent}.home .homeContainer.homeContainer--pvn .pvnToolBtn{font-size:.75rem;padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:transparent;color:#07598f;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.home .homeContainer.homeContainer--pvn .pvnToolBtn:hover{background:#0000000d}.home .homeContainer.homeContainer--pvn .pvnSidebarMenuScroll{flex:1;overflow:visible;padding-bottom:12px}.home .homeContainer.homeContainer--pvn .pvnSidebarMenuScrollInner{height:100%;overflow-y:auto;overflow-x:visible}.home .homeContainer.homeContainer--pvn .pvnSidebarFooter{padding:10px;border-top:1px solid rgba(0,0,0,.08);background:transparent}.home .homeContainer.homeContainer--pvn .pvnSidebarToggle{position:fixed;top:50vh;transform:translateY(-50%);width:18px;height:44px;border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:1px solid rgba(0,0,0,.12);border-left:none;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.12);box-shadow:5px 5px 15px 5px #0000001f;cursor:pointer;z-index:1000000}.home .homeContainer.homeContainer--pvn .pvnSidebarToggle.pvnSidebarToggle--open{left:220px}.home .homeContainer.homeContainer--pvn .pvnSidebarToggle.pvnSidebarToggle--closed{left:0}.home .homeContainer.homeContainer--pvn .sidebardiv.sidebardiv--open{transform:translate(0)}.home .homeContainer.homeContainer--pvn .sidebardiv.sidebardiv--closed{transform:translate(-105%)}@media only screen and (max-width: 768px){.home .homeContainer{display:flex;flex-direction:row;width:100%;height:fit-content}.home .homeContainer .sidebardiv{width:fit-content;position:fixed;left:10;z-index:9}.home .homeContainer .outletdiv{display:flex;width:100%}.home .homeContainer .outletdiv .animated_div{display:flex;flex-direction:column;margin-top:0;width:100%}.home .homeContainer .outletdiv .animated_div .component_element{position:absolute;top:32px}}@media only screen and (max-width: 320px){.home .homeContainer{display:flex;flex-direction:column;width:100%;height:fit-content}.home .homeContainer .sidebardiv{width:fit-content;position:fixed;z-index:99999}.home .homeContainer .outletdiv{width:100%}.home .homeContainer .outletdiv .animated_div{display:flex;flex-direction:column;margin-top:35px}.home .homeContainer .outletdiv .animated_div .component_element{position:absolute;top:32px}}.home .custom-tabs-container{display:flex;align-items:center;border-bottom:1px solid #e0e0e0;background:#fff;overflow-x:auto;scrollbar-width:thin;height:36px}.home .custom-tabs-container::-webkit-scrollbar{height:4px}.home .custom-tabs-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.home .custom-tab{display:flex;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:500;cursor:pointer;height:100%;white-space:nowrap;transition:background .2s;position:relative}.home .custom-tab:hover{background:#4dd2191a}.home .custom-tab.active{color:#1976d2;font-weight:600}.home .custom-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1976d2}.home .custom-tab .close-btn{margin-left:6px;font-size:14px;color:#757575;cursor:pointer}.home .custom-tab .close-btn:hover{color:#d32f2f}.home .tabsdiv{display:flex;position:sticky;top:0;z-index:2;padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%}.home .tabs{width:100%;margin:0;border-radius:0;border:1px solid rgba(0,0,0,.08);border-left:0;border-right:0;box-shadow:0 1px #0000000a}.home .erpTab{opacity:1}.home .erpTabLabel{color:#000000bf;background:#ffffff80}.home .erpTabLabel:hover{background:#ffffffb3;box-shadow:inset 0 0 0 1px #0000000f}.home .erpTabLabel.erpTabLabel--active{color:#0b5ed7;background:#1976d224;box-shadow:inset 0 0 0 1px #1976d22e}.home .erpTabClose{opacity:.75}.home .erpTabLabel:hover .erpTabClose{opacity:1}@media only screen and (max-width: 5000px){.bangchamcongtotal{width:100%;display:flex;flex-direction:column}.bangchamcongtotal .mininavbar{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:5px;margin-top:5px}.bangchamcongtotal .mininavbar .mininavitem{background-color:#f03564;margin-left:5px;border-radius:5px;font-size:.7rem;padding:5px;color:#fff;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 10px 5px #00000045}.bangchamcongtotal .mininavbar .mininavitem:hover{background-color:#7fdbff;cursor:pointer;color:#000}}.tabs-container{width:100%}.tabs-container .tab-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #ccc;padding:0 5px;scrollbar-width:thin}.tabs-container .tab-list::-webkit-scrollbar{height:5px}.tabs-container .tab-list::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.tabs-container .tab-list::-webkit-scrollbar-track{background:#f1f1f1}.tabs-container .tab-list .tab-item{padding:5px 10px;border:none;background:none;cursor:pointer;font-size:.6rem;color:#555;transition:all .3s ease}.tabs-container .tab-list .tab-item.active{color:#000;border-bottom:2px solid #e70375;font-weight:700}.tabs-container .tab-list .tab-item:hover{color:#007bff}.tabs-container .tab-content{padding:1px}.uploadcong{width:100%;height:90vh;display:flex;flex-direction:column}.uploadcong .tracuuDataInspection{display:flex;flex-direction:column;width:100%;gap:5px;height:100%}.uploadcong .tracuuDataInspection .tracuuDataInspectionform{display:flex;flex:1;flex-direction:row;align-items:center;background-image:linear-gradient(0deg,#afd3d1,#86cfff);-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;border-radius:3px;padding:0;width:100%}.uploadcong .tracuuDataInspection .tracuuDataInspectionform span{padding:10px;font-size:20px;margin:auto}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:1px;width:100%}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .tranhatky{font-weight:700;padding-left:5px;padding-right:5px;height:30px;background-color:#ccff14;outline:none;border:none;border-radius:5px;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;margin-bottom:5px;margin-top:5px;width:100px;font-size:.7rem}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .tranhatky:hover{cursor:pointer;background-color:#bd4dc7}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .deleteplanbutton{font-weight:700;padding-left:5px;padding-right:5px;height:30px;background-color:#ff1414;color:#fff;outline:none;border:none;border-radius:5px;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;margin-bottom:5px;margin-top:5px;width:100px;font-size:.7rem}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .deleteplanbutton:hover{cursor:pointer;background-color:#bd4dc7}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .forminputcolumn{display:flex;flex-direction:row;gap:10px;align-items:flex-end;justify-content:center;flex-wrap:wrap;font-size:.6rem}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .forminputcolumn input{width:150px;height:20px;outline:none;border-radius:5px;border:none;padding:5px;margin-left:5px;background-image:linear-gradient(0deg,#ececec,#9dee95);font-size:.7rem}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .forminput .forminputcolumn select{width:160px;height:28px;outline:none;border-radius:5px;border:none;padding:5px;margin-left:5px;background-image:linear-gradient(0deg,#ececec,#9dee95);font-size:.7rem}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton{display:flex;align-items:center;justify-content:space-around}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton .tranhapkiembutton{font-weight:700;padding-left:5px;padding-right:5px;background-color:#99f86d;outline:none;border:none;border-radius:5px;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;margin-bottom:5px;margin-top:5px}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton .tranhapkiembutton:hover{cursor:pointer;background-color:#67c73a}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton .traxuatkiembutton{font-weight:700;padding-left:5px;padding-right:5px;height:30px;background-color:#3ebdf8;outline:none;border:none;border-radius:5px;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;margin-bottom:5px;margin-top:5px}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton .traxuatkiembutton:hover{cursor:pointer;background-color:#3f9eca}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton .tranhapxuatkiembutton{font-weight:700;padding-left:5px;padding-right:5px;height:30px;background-color:#f04dff;outline:none;border:none;border-radius:5px;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;margin-bottom:5px;margin-top:5px}.uploadcong .tracuuDataInspection .tracuuDataInspectionform .formbutton .tranhapxuatkiembutton:hover{cursor:pointer;background-color:#bd4dc7}.uploadcong .tracuuDataInspection .tracuuYCSXTable{display:flex;flex-direction:column;align-items:center;justify-items:center;flex:17;width:100%;height:100%;background-image:linear-gradient(0deg,#afd3d1,#fff67c);-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 15px 5px #00000045;border-radius:3px;gap:10px}.uploadcong .tracuuDataInspection .tracuuYCSXTable .chart{display:flex;height:30%;width:100%}.uploadcong .tracuuDataInspection .tracuuYCSXTable .datatable1{display:flex;flex-direction:column;height:100%;width:60%}.uploadcong .tracuuDataInspection .tracuuYCSXTable .datatable2{display:flex;flex-direction:column;height:100%;width:40%}.uploadcong .tracuuDataInspection .tracuuYCSXTable .backdata{display:flex;gap:10px;height:100%;width:100%}.agtable{display:flex;flex-direction:column;width:100%;height:100%;background-color:transparent}.agtable .toolbar{display:flex;height:auto;width:100%;align-items:center;background-color:#b2ffa0;flex-wrap:wrap;overflow:scroll}.agtable .toolbar .css-78trlr-MuiButtonBase-root-MuiIconButton-root{padding:0 10px 0 0}.agtable .toolbar::-webkit-scrollbar{height:1px}.agtable .toolbar::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.agtable .toolbar::-webkit-scrollbar-track{background:#f1f1f1}.agtable .ag-theme-quartz input[class^=ag-]:not([type]),.agtable .ag-theme-quartz input[class^=ag-][type=text],.agtable .ag-theme-quartz input[class^=ag-][type=number],.agtable .ag-theme-quartz input[class^=ag-][type=tel],.agtable .ag-theme-quartz input[class^=ag-][type=date],.agtable .ag-theme-quartz input[class^=ag-][type=datetime-local],.agtable .ag-theme-quartz textarea[class^=ag-],.agtable .ag-theme-quartz-dark input[class^=ag-]:not([type]),.agtable .ag-theme-quartz-dark input[class^=ag-][type=text],.agtable .ag-theme-quartz-dark input[class^=ag-][type=number],.agtable .ag-theme-quartz-dark input[class^=ag-][type=tel],.agtable .ag-theme-quartz-dark input[class^=ag-][type=date],.agtable .ag-theme-quartz-dark input[class^=ag-][type=datetime-local],.agtable .ag-theme-quartz-dark textarea[class^=ag-],.agtable .ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),.agtable .ag-theme-quartz-auto-dark input[class^=ag-][type=text],.agtable .ag-theme-quartz-auto-dark input[class^=ag-][type=number],.agtable .ag-theme-quartz-auto-dark input[class^=ag-][type=tel],.agtable .ag-theme-quartz-auto-dark input[class^=ag-][type=date],.agtable .ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],.agtable .ag-theme-quartz-auto-dark textarea[class^=ag-]{min-height:calc(var(--ag-grid-size) * 2.5);border-radius:var(--ag-border-radius)}.agtable .ag-theme-quartz{flex:1}.agtable .ag-theme-quartz .ag-row-even .ag-row .ag-row-level-0 .ag-row-position-absolute .ag-row-not-inline-editing .ag-row-focus .ag-row-selected,.agtable .ag-theme-quartz .ag-row-odd .ag-row .ag-row-level-0 .ag-row-position-absolute .ag-row-not-inline-editing .ag-row-selected .ag-row-no-focus{background-color:#b2ffa0}.agtable .ag-theme-quartz .ag-header-cell{background-color:transparent;color:#0554a2;font-weight:700;text-align:center;font-size:.6rem;border-right:1px solid #cccccc!important;padding-left:2px;padding-right:2px}.agtable .ag-theme-quartz .ag-header-cell .ag-input-field-input,.agtable .ag-theme-quartz .ag-header-cell .ag-text-field-input{background-color:transparent;padding:0}.agtable .ag-theme-quartz .ag-row{background-color:#f1efc600!important}.agtable .ag-theme-quartz .ag-row-selected{background-color:#bff38f!important}.agtable .ag-theme-quartz .ag-root-wrapper{background-color:#fff}.agtable .ag-theme-quartz .ag-header-container{background-color:#fff0}.agtable .ag-theme-quartz .ag-cell{border-right:1px solid rgba(31,31,31,.231372549)!important;padding:0}.agtable .ag-theme-quartz .ag-header-cell:last-child,.agtable .ag-theme-quartz .ag-cell:last-child{border-right:none}.agtable .ag-theme-quartz .ag-floating-filter-input{height:22px;line-height:20px;padding:1}.agtable .bottombar{display:flex;height:auto;align-items:center;justify-content:space-between;background-color:#b2ffa0;padding-left:10px;padding-right:10px;font-size:.8rem}.agtable .pivottable1{display:flex;align-items:flex-start;flex-direction:column;position:absolute;top:1vh;left:1%;width:95%;height:85vh;overflow:scroll;padding:10px;border-radius:5px;background-image:linear-gradient(0deg,#afd3d1,#86cfff);-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,.27);box-shadow:5px 5px 10px 5px #00000045;z-index:100}.agtable .pivottable1 *{font-size:.7rem}@media only screen and (max-width: 5000px){.notification{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;height:fit-content;min-height:130px;gap:12px;background:linear-gradient(180deg,#ffffffeb,#f8fafce0);border:1px solid rgba(148,163,184,.14);border-left:4px solid rgba(59,130,246,.6);border-radius:12px;padding:16px;cursor:pointer;transition:all .14s ease;position:relative;overflow:hidden}.notification:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.04) 0%,transparent 100%);pointer-events:none}.notification:hover{border-color:#3b82f652;border-left-color:#3b82f6cc;box-shadow:0 12px 28px #3b82f629,0 0 1px #3b82f614;transform:translateY(-2px);background:linear-gradient(180deg,#fffffffa,#f8fafcf0)}.notification:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.notification.notification--success{border-left-color:#22c55e99}.notification.notification--success:hover{border-left-color:#22c55ecc;box-shadow:0 12px 28px #22c55e24,0 0 1px #22c55e14}.notification.notification--success .notification__type-icon{color:#22c55ecc}.notification.notification--warning{border-left-color:#d9770699}.notification.notification--warning:hover{border-left-color:#d97706cc;box-shadow:0 12px 28px #d9770624,0 0 1px #d9770614}.notification.notification--warning .notification__type-icon{color:#d97706cc}.notification.notification--error{border-left-color:#dc262699}.notification.notification--error:hover{border-left-color:#dc2626cc;box-shadow:0 12px 28px #dc262624,0 0 1px #dc262614}.notification.notification--error .notification__type-icon{color:#dc2626cc}.notification.notification--info{border-left-color:#3b82f699}.notification.notification--info:hover{border-left-color:#3b82f6cc}.notification.notification--info .notification__type-icon{color:#3b82f6cc}.notification .notification__wrapper{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1}.notification .notification__type-icon{flex:0 0 22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-top:2px;transition:color .14s ease}.notification .notification__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.notification .notification__header{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:14px}.notification .notification__title{font-weight:700;font-size:15px;color:#0f172a;line-height:1.35;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification .notification__time{flex:0 0 auto;font-size:11px;font-weight:600;color:#334155a3;white-space:nowrap;letter-spacing:.2px}.notification .notification__content{font-size:14px;color:#334155d6;line-height:1.5;margin-top:2px;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}}@media only screen and (max-width: 768px){.notification{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;height:fit-content;min-height:92px;gap:8px;background:linear-gradient(180deg,#ffffffed,#f8fafce3);border:1px solid rgba(148,163,184,.14);border-left:4px solid rgba(59,130,246,.6);border-radius:10px;padding:11px 12px;cursor:pointer;transition:all .14s ease}.notification .notification__wrapper{gap:8px}.notification .notification__type-icon{flex:0 0 18px;height:18px;font-size:14px}.notification .notification__title{font-size:13px}.notification .notification__time{font-size:10px}.notification .notification__content{font-size:12px;-webkit-line-clamp:2}}@media only screen and (max-width: 5000px){.notification-list{display:flex;width:460px;height:600px;flex-direction:column;align-items:stretch;background:linear-gradient(180deg,#fffffff2,#f8fafceb);z-index:9999999;border-radius:16px;box-sizing:border-box;padding:0;box-shadow:0 20px 60px #0f172a52,0 0 1px #0f172a1f;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.16)}.notification-list .notification-list__header{position:sticky;top:0;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.notification-list .notification-list__title{font-size:1.05rem;font-weight:700;color:#0f172a;letter-spacing:.3px}.notification-list .notification-list__meta{display:flex;align-items:center;gap:12px}.notification-list .notification-list__count{min-width:28px;height:24px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 4px 12px #1d4ed847}.notification-list .notification-list__refresh{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.18);background:#ffffffb3;border-radius:12px;padding:7px 12px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;gap:6px}.notification-list .notification-list__refresh:hover{background:#fffffff2;border-color:#3b82f647;color:#1d4ed8;box-shadow:0 4px 12px #3b82f61f}.notification-list .notification-list__refresh:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.notification-list .notification-list__body{width:100%;flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;padding:16px 12px 18px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.notification-list .notification-list__body::-webkit-scrollbar{width:10px}.notification-list .notification-list__body::-webkit-scrollbar-track{background:#94a3b81f;border-radius:999px}.notification-list .notification-list__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6b3,#2563ebe6);border-radius:999px;border:2px solid rgba(255,255,255,.8)}.notification-list .notification-list__body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563ebd9,#1d4ed8f2)}.notification-list .notification-list__state{width:100%;padding:32px 16px;text-align:center;font-size:13px;color:#334155b8;display:flex;flex-direction:column;align-items:center;gap:8px}.notification-list .notification-list__state--error{color:#dc2626d9}}@media only screen and (max-width: 768px){.notification-list{display:flex;width:100%;height:520px;flex-direction:column;align-items:stretch;background:linear-gradient(180deg,#fffffff5,#f8fafced);z-index:9999999;border-radius:12px;box-sizing:border-box;padding:0;box-shadow:0 16px 48px #0f172a47;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.16)}.notification-list .notification-list__header{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}.notification-list .notification-list__header .notification-list__title{font-size:1rem}.notification-list .notification-list__header .notification-list__count{font-size:11px}.notification-list .notification-list__header .notification-list__refresh{font-size:11px;padding:6px 10px}.notification-list .notification-list__body{padding:10px 10px 12px 12px;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;scrollbar-gutter:stable;overscroll-behavior:contain}.notification-list .notification-list__body::-webkit-scrollbar{width:8px}.notification-list .notification-list__body::-webkit-scrollbar-track{background:#94a3b81f;border-radius:999px}.notification-list .notification-list__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6b3,#2563ebe6);border-radius:999px;border:2px solid rgba(255,255,255,.8)}.notification-list .notification-list__state{padding:24px 12px;font-size:12px}}.navmenu-new{width:100%;display:flex;align-items:stretch;justify-content:flex-start;box-sizing:border-box;color:#17324a}.navmenu-new__surface{position:relative;width:100%;box-sizing:border-box;overflow:hidden;border-radius:18px;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 28px #0f172a1f;background-position:center;background-size:cover;background-repeat:no-repeat}.navmenu-new__surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#ffffffe6,#f8fafcc7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.navmenu-new__surface>*{position:relative;z-index:1}.navmenu-new--overlay .navmenu-new__surface{width:100%;max-height:calc(100vh - 64px);overflow:auto}.navmenu-new--sidebar .navmenu-new__surface{border-radius:0 0 14px 14px;box-shadow:none}.navmenu-new__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px 8px}.navmenu-new__headingCopy{display:flex;flex-direction:column;gap:4px;min-width:0}.navmenu-new__eyebrow{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:2px 8px;border-radius:999px;background:#0f172a0f;color:#0f172ab8;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.navmenu-new__titleRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.navmenu-new__title{margin:0;font-size:.9rem;line-height:1.1;font-weight:800;color:#10243a}.navmenu-new__subtitle{margin:0;display:none;font-size:.78rem;line-height:1.45;color:#0f172aad}.navmenu-new__chip{height:18px;font-size:.55rem;font-weight:700;color:#0b5ed7;background:#0b5ed714}.navmenu-new__closeButton{background:#ffffffb8!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 18px #0f172a14}.navmenu-new__search{padding:0 12px 8px}.navmenu-new__search .MuiInputBase-root{border-radius:999px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #0f172a14}.navmenu-new__search .MuiOutlinedInput-notchedOutline{border:none}.navmenu-new__search .MuiInputBase-input{padding-top:8px;padding-bottom:8px;font-size:.72rem}.navmenu-new__list{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}.navmenu-new__emptyState{padding:12px 10px;border-radius:14px;background:#ffffffb8;border:1px dashed rgba(15,23,42,.16);color:#0f172aa8;font-size:.7rem}.navmenu-new__group{overflow:hidden;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#ffffffc7;box-shadow:0 6px 14px #0f172a0d}.navmenu-new__group--active{border-color:#0b5ed738;box-shadow:0 12px 28px #0b5ed71a}.navmenu-new__groupButton,.navmenu-new__groupLink{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.navmenu-new__groupButton:hover,.navmenu-new__groupLink:hover{background:#0b5ed712}.navmenu-new__groupButton--open,.navmenu-new__groupLink--active{background:linear-gradient(90deg,#0b5ed71f,#0b5ed70a)}.navmenu-new__groupButton--static{cursor:default}.navmenu-new__groupIcon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.85rem}.navmenu-new__groupLabel{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1}.navmenu-new__groupTitle{font-size:.72rem;font-weight:800;line-height:1.2;color:#17324a;text-align:left}.navmenu-new__groupState{display:inline-flex;align-items:center;justify-content:center;color:#0f172a8a;flex:0 0 auto}.navmenu-new__submenu{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.navmenu-new__submenuLink{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;text-decoration:none;color:#23445f;background:#ffffffe6;border:1px solid rgba(15,23,42,.06);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.navmenu-new__submenuLink:hover{transform:translate(1px);box-shadow:0 8px 14px #0f172a14}.navmenu-new__submenuLink--active{background:linear-gradient(90deg,#0b5ed724,#0b5ed70f);color:#0b5ed7;border-color:#0b5ed733}.navmenu-new__submenuIcon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.78rem}.navmenu-new__submenuLabel{min-width:0;flex:1;font-size:.68rem;font-weight:700;line-height:1.35}.navmenu-new__submenuCode{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.05em;color:#0f172aa8;background:#0f172a0f}@media (max-width: 768px){.navmenu-new--overlay .navmenu-new__surface{width:calc(100vw - 12px);max-height:calc(100vh - 58px)}.navmenu-new__header{padding:8px 10px 6px}.navmenu-new__list{padding:0 10px 10px}.navmenu-new__search{padding:0 10px 8px}.navmenu-new__title{font-size:.82rem}.navmenu-new__subtitle{display:none;font-size:.74rem}.navmenu-new__groupButton,.navmenu-new__groupLink{padding:7px 9px}.navmenu-new__submenu{padding:0 6px 8px}.navmenu-new__submenuCode{font-size:.56rem;padding:2px 6px}}.navbarnx{position:relative;width:100%;display:flex;flex-direction:column;gap:0;margin:0;padding:0;color:#16324f;box-sizing:border-box;z-index:40}.navbarnx__shell{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;min-height:24px;padding:1px 2px;border-radius:0;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 24px #0f172a1f;background-position:center;background-size:cover}.navbarnx__shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff29,#ffffff0f);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.navbarnx__shell>*{position:relative;z-index:1}.navbarnx__brand{display:flex;align-items:center;gap:6px;min-width:0;flex:0 1 auto}.navbarnx__searchWrap{display:flex;align-items:center;justify-content:center;flex:1 1 240px;min-width:160px}.navbarnx__searchAnchor{width:min(320px,100%);position:relative}.navbarnx__toggleButton{width:20px;height:20px;border-radius:8px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:inset 0 0 0 1px #ffffff3d}.navbarnx__logoLink{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:1px 4px;border-radius:10px;text-decoration:none;border:1px solid rgba(15,23,42,.06)}.navbarnx__logo{display:block;object-fit:contain;width:auto!important;height:18px!important;max-height:18px}.navbarnx__brandMeta{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;overflow:hidden}.navbarnx__companyTag{display:inline-flex;align-items:center;width:fit-content;padding:2px 6px;border-radius:999px;background:#0b5ed714;color:#0b5ed7;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.navbarnx__statusRow{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0;overflow:hidden}.navbarnx__statusChip{height:16px;font-size:.54rem;font-weight:700;color:#17324a;background:#ffffffb8;max-width:104px}.navbarnx__statusChip .MuiChip-label{padding-left:4px;padding-right:4px;font-size:.5rem;line-height:1}.navbarnx__statusChip--server{color:#0b5ed7}.navbarnx__searchField{width:100%;max-width:none}.navbarnx__searchField .MuiInputBase-root{min-height:22px;border-radius:999px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #0f172a14;padding-right:2px}.navbarnx__searchField .MuiOutlinedInput-notchedOutline{border:none}.navbarnx__searchField .MuiInputBase-input{padding:3px 0 3px 4px;font-size:.62rem;font-weight:700}.navbarnx__searchField .MuiInputAdornment-root{margin-right:0}.navbarnx__searchField .MuiInputAdornment-root .MuiSvgIcon-root{font-size:.8rem}.navbarnx__searchClear{width:18px!important;height:18px!important;color:#16324f!important}.navbarnx__actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;flex:0 1 auto;min-width:0}.navbarnx__themePicker{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 0 0 1px #ffffff38;min-width:0}.navbarnx__actionIcon{flex:0 0 auto;font-size:.8rem!important;color:#0b5ed7}.navbarnx__fieldLabel{display:none;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0f172a94}.navbarnx__themeSelect{min-width:94px;border:none;outline:none;background:transparent;color:#16324f;font-size:.62rem;font-weight:700;cursor:pointer}.navbarnx__langTrigger,.navbarnx__avatarTrigger{min-height:22px!important;border-radius:999px!important;padding:2px 8px!important;text-transform:none!important;color:#16324f!important;background:#ffffffb8!important;border:1px solid rgba(15,23,42,.08)!important}.navbarnx__langTrigger{gap:6px}.navbarnx__triggerLabel{font-size:.62rem;font-weight:700;white-space:nowrap}.navbarnx__notificationButton{width:26px;height:26px;border-radius:8px!important;background:#ffffffb8!important;border:1px solid rgba(15,23,42,.08)!important;color:#16324f!important}.navbarnx__avatarTrigger{display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:180px}.navbarnx__avatar{width:20px!important;height:20px!important;font-size:.62rem!important;background:linear-gradient(135deg,#0b5ed7,#6ea8fe)!important}.navbarnx__avatarText{font-size:.62rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.navbarnx__menuPanel{position:absolute;top:100%;left:0;width:min(360px,100vw - 16px);display:flex;justify-content:flex-start;z-index:50;pointer-events:auto}.navbarnx__menuPanel--search{left:var(--navbarnx-menu-left, 0px);width:var(--navbarnx-menu-width, min(320px, 100vw - 16px));justify-content:center}.navbarnx__notificationPaper,.navbarnx__menuPaper{border-radius:20px!important;overflow:hidden!important;box-shadow:0 24px 48px #0f172a2e!important;border:1px solid rgba(15,23,42,.08)!important}.navbarnx__notificationPaper{width:fit-content;min-width:min(460px,100vw - 16px);max-width:calc(100vw - 16px);overflow:visible!important}.navbarnx__menuPaper--language{min-width:200px}.navbarnx__menuPaper--avatar{min-width:240px}.navbarnx__profileHeader{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,#0b5ed71a,#fffffffa)}.navbarnx__profileAvatar{width:34px!important;height:34px!important;background:linear-gradient(135deg,#0b5ed7,#6ea8fe)!important}.navbarnx__profileCopy{display:flex;flex-direction:column;gap:2px;min-width:0}.navbarnx__profileCopy strong{font-size:.74rem;color:#16324f}.navbarnx__profileCopy span{font-size:.64rem;color:#0f172aa8}@media (max-width: 1024px){.navbarnx__shell{flex-wrap:wrap}.navbarnx__brand{flex:1 1 100%}.navbarnx__searchWrap{flex:1 1 100%;width:100%;justify-content:flex-start}.navbarnx__searchField{max-width:none}.navbarnx__searchAnchor{width:100%}.navbarnx__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.navbarnx__avatarText{display:none}.navbarnx__themeSelect{min-width:84px}.navbarnx__menuPanel,.navbarnx__menuPanel--search{left:8px;width:calc(100vw - 16px)}}@media (max-width: 768px){.navbarnx__shell{padding:4px 6px;border-radius:0}.navbarnx__brand{flex:1 1 100%;gap:6px}.navbarnx__searchWrap{flex:1 1 100%;width:100%;justify-content:flex-start}.navbarnx__searchField{max-width:none}.navbarnx__actions{width:100%;justify-content:flex-start;gap:6px}.navbarnx__themePicker{width:100%;border-radius:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.navbarnx__themeSelect{min-width:0;flex:1 1 auto;width:100%}.navbarnx__langTrigger,.navbarnx__avatarTrigger{flex:1 1 auto;justify-content:center!important}.navbarnx__triggerLabel,.navbarnx__fieldLabel,.navbarnx__avatarText{display:none}.navbarnx__menuPaper--avatar{min-width:min(92vw,320px)}.navbarnx__menuPaper--language{min-width:min(92vw,240px)}.navbarnx__menuPanel{left:0;width:calc(100vw - 16px);top:100%}.navbarnx__menuPanel--search{left:0;width:calc(100vw - 16px)}}.app-boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f172a,#1e293b 45%,#0f172a);color:#e2e8f0}.app-boot-screen__panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;border-radius:16px;background:#0f172aa6;border:1px solid rgba(148,163,184,.2);box-shadow:0 25px 50px -12px #00000073,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-boot-screen__logo{max-width:200px;max-height:56px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.app-boot-screen__spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(148,163,184,.25);border-top-color:#38bdf8;animation:app-boot-spin .85s linear infinite}.app-boot-screen__message{margin:0;font-size:.95rem;font-weight:500;letter-spacing:.02em;color:#94a3b8}@keyframes app-boot-spin{to{transform:rotate(360deg)}}.changelogDialog__paper{position:relative;overflow:hidden;border-radius:28px!important;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);border:1px solid rgba(148,163,184,.18);box-shadow:0 32px 80px #0f172a47}.changelogDialog__hero{position:relative;overflow:hidden;padding:24px 24px 22px;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8 48%,#38bdf8)}.changelogDialog__heroGlow{position:absolute;inset:-40% auto auto -10%;width:240px;height:240px;border-radius:50%;background:#ffffff29;filter:blur(24px);pointer-events:none}.changelogDialog__heroContent{position:relative;z-index:1;max-width:48rem}.changelogDialog__versionChip{width:fit-content;color:#fff!important;background:#ffffff29!important;border:1px solid rgba(255,255,255,.18)!important;font-weight:800!important;letter-spacing:.04em!important}.changelogDialog__label{margin:0!important;color:#ffffffc2!important;letter-spacing:.2em!important;font-size:.67rem!important;font-weight:800!important}.changelogDialog__title{margin:0!important;font-size:clamp(1.6rem,3vw,2.4rem)!important;font-weight:800!important;line-height:1.05!important;color:#fff!important}.changelogDialog__summary{margin:0!important;max-width:56ch;font-size:.92rem!important;line-height:1.7!important;color:#ffffffdb!important}.changelogDialog__content{padding:22px 24px 14px!important}.changelogDialog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.changelogDialog__card{min-height:110px;padding:14px 14px 12px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 28px #0f172a0f}.changelogDialog__cardTitle{margin:0 0 6px!important;font-size:.86rem!important;font-weight:800!important;color:#0f172a!important}.changelogDialog__cardDetail{margin:0!important;color:#0f172ab8!important;line-height:1.6!important;font-size:.8rem!important}.changelogDialog__divider{margin:18px 0 14px!important;border-color:#94a3b82e!important}.changelogDialog__footerNote{padding:12px 14px;border-radius:18px;background:#3b82f60f;border:1px solid rgba(59,130,246,.12)}.changelogDialog__footerNote p{margin:0;color:#0f172ab8;font-size:.82rem;line-height:1.6}.changelogDialog__actions{padding:0 24px 22px!important;align-items:center!important;gap:10px!important}.changelogDialog__checkbox{margin-left:0!important;margin-right:auto!important}.changelogDialog__checkbox .MuiFormControlLabel-label{font-size:.8rem;font-weight:600;color:#0f172ab8}.changelogDialog__actionSpacer{flex:1 1 auto}.changelogDialog__secondaryButton{border-radius:999px!important;padding-inline:18px!important;text-transform:none!important;font-weight:700!important}.changelogDialog__primaryButton{border-radius:999px!important;padding-inline:18px!important;text-transform:none!important;font-weight:700!important;box-shadow:0 12px 24px #1d4ed847!important}@media (max-width: 768px){.changelogDialog__hero,.changelogDialog__content,.changelogDialog__actions{padding-left:16px!important;padding-right:16px!important}.changelogDialog__grid{grid-template-columns:1fr}.changelogDialog__actions{flex-wrap:wrap}.changelogDialog__checkbox{width:100%;margin-right:0!important}.changelogDialog__actionSpacer{display:none}.changelogDialog__secondaryButton,.changelogDialog__primaryButton{flex:1 1 0}}