body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{font-size:16px;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.formSelect{border:1px solid #aaa;height:26px;line-height:26px;padding:.125rem .25rem}*{box-sizing:border-box;color:#26364e;font-family:Roboto;font-size:.6875rem;font-weight:400;margin:0;outline:none;padding:0}.roboto-light{font-weight:300}.roboto-light,.roboto-regular{font-family:Roboto,sans-serif;font-style:normal}.roboto-regular{font-weight:400}.roboto-medium{font-weight:500}.roboto-bold,.roboto-medium{font-family:Roboto,sans-serif;font-style:normal}.roboto-bold{font-weight:700}#navigation{background:#fff;border-right:1px solid #ccc;bottom:0;contain:layout style paint;left:0;padding:0 1rem;position:fixed;top:0;width:200px;will-change:transform;z-index:10001}.menuIcon img{height:16px;opacity:.8;width:16px}ul{list-style:none}li,ul{margin:0;padding:.25rem 0}li.sub{margin:0 0 0 2rem}#workspace{background:#f6f6f6;border-top:1px solid #ccc;bottom:0;top:30px;z-index:10000}#header,#workspace{left:200px;position:fixed;right:0}#header{background:#fff;top:0;z-index:10001}#header,#profile{align-items:center;display:flex;height:30px}#profile{cursor:pointer;flex-shrink:0;padding:0 .5rem}#signin{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}#signin *{font-size:.785rem}#containerSignin>div{width:320px}#signin button,#signin input{border:2px solid #eee;border-radius:.25rem;font-size:.785rem;height:38px;line-height:38px;padding:0 .5rem;width:100%}#signin button{border:none}#signin h1{font-size:1rem;font-weight:700}#signin p{color:#1967d2;cursor:pointer}#signin p:hover{color:inherit}#signin button{background:#6902fc;color:#fff;cursor:pointer}span.error{color:red;display:block;font-size:.625rem;line-height:12px;min-height:12px}.margintop1rem{margin-top:1rem}.marginbottom1rem{margin-bottom:1rem}.margintophalfrem{margin-top:.5rem}.marginbottomhalfrem{margin-bottom:.5rem}.margintopquarterrem{margin-top:.25rem}.marginbottomquarterrem{margin-bottom:.25rem}.container-loader{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.contents{border-top:1px solid #aaa;bottom:0;left:0;position:absolute;right:0;top:60px}.loader{--c:no-repeat linear-gradient(#aaa 0 0);animation:l6 1s linear infinite;aspect-ratio:.75;background:var(--c) 0 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 50%;width:30px}@keyframes l6{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.profileImage{border-radius:50%;height:100%;width:100%}.notificationIcon{height:20px;opacity:.5;width:20px}#breadcrumb{flex:1 1;height:30px;min-width:0;overflow:hidden}#location{height:30px;padding:0 1rem}#location span{display:inline-block;height:100%;line-height:30px;margin:0 .5rem 0 0}#erplogo img{width:80px}#erplogo{align-items:center;display:flex}#profileMenu{background:#fff;border:1px solid #aaa;border-bottom-left-radius:.125rem;box-shadow:0 2px 8px #00000026;position:fixed;right:0;top:31px;width:180px;z-index:999999999}#profileMenu ul{list-style:none;margin:0;padding:0}#profileMenu ul li{cursor:pointer;padding:.5rem 1rem}#profileMenu ul li:hover{background:#f0f0f0}#profileMenu ul li:last-of-type{border-top:1px solid #aaa}.signout{border-top:1px solid #eee}.signout span{color:red}#profImage img{border-radius:50%;height:40px;width:40px}#profileInfo{align-items:center;display:flex}#profName,#profileInfo>div{display:inline-flex}#profName{margin:0 0 0 .5rem}.first img{opacity:.8}.first,.second{align-items:center;display:flex}.first>div,.second>div{display:inline-flex}.menuIcon{width:40px}.first.active .moduleTitle{color:#6906fe;font-size:.875rem;font-weight:700}.moduleTitle{font-weight:700;margin-top:1rem}.menuTreeLine{border-right:1px solid #eee;display:block;height:100%;width:10px}.profileStatus{background:#00c9a7}.profileNotificationStatus,.profileStatus{border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:5px;top:5px}.profileNotificationStatus{background:#ed4c78;width:10px}.profileMenu,.profileNotification{position:relative}#copyright{bottom:0;left:0;padding:1rem;position:fixed}#container-grid{border:1px solid #eee;bottom:10px;left:210px;position:fixed;right:10px;top:74px}#grid{height:100%;position:relative;width:100%}#grid,.backgroundWhite{background:#fff}#data{bottom:30px;left:0;overflow:auto;position:relative;right:0;top:0}#container-button{left:210px;position:fixed;right:10px;top:40px}#head{border-bottom:1px solid #eee;position:relative;top:0}#head,#totals{height:30px;left:0;right:0}#totals{border-top:1px solid #eee;bottom:0;position:absolute}.row{//height:100%;border-bottom:1px solid #eee;display:flex}.row.data{height:30px}.row>div{border-right:1px solid #eee;line-height:30px}.borderbottomnone{border-bottom:none}.width30px{width:30px}.width400px{width:400px}.width120px{width:120px}.marginleftauto{margin-left:auto}.width100px{width:100px}.width180px{width:180px}.displayflex{display:flex}.width20px{width:20px}.flexalignitemscenter{align-items:center}.flexjustifycontentcenter{justify-content:center}.row span{padding:0 .25rem}#head span{font-weight:700}.row img.filter{cursor:pointer;height:16px;margin-left:auto;margin-right:.25rem;opacity:.1}.row img.filter:hover{opacity:.8}span.button{align-items:center;border:1px solid #aaa;cursor:pointer;display:inline-flex;height:24px;line-height:24px;margin:0 .5rem 0 0;padding:0 .5rem}span.button,span.button.refresh{background:#fff}span.button.refresh img{margin-right:0}.button img{height:12px;margin:0 .5rem 0 0;opacity:.8}.button.new{background:#00cb2f;border-color:#00cb2f}.button.new .button-title{color:#fff}.modalOverlay{align-items:center;display:flex;justify-content:center}.modalOverlay,.modalOverlayBackground{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.modalOverlayBackground{background:#000;opacity:.8}.modal{max-height:80%;min-height:400px;padding:1rem;position:relative;width:800px}.modal,.modalBig{background:#fff;border-radius:.125rem;overflow:auto;z-index:1000001}.modalBig{bottom:1rem;left:1rem;position:fixed;right:1rem;top:1rem}.modalBig .tools{background:#eee;height:40px;left:0;position:absolute;right:0;top:0}.modalBig .main{background:#fff;bottom:0;left:0;overflow:auto;padding:1rem;position:absolute;right:0;top:80px}.modal .close{position:absolute;right:1rem;top:1rem}.modal .close img{cursor:pointer;opacity:.8;width:20px}.modal .close img:hover{opacity:1}.fontweightbold{font-weight:700}.padding1rem{padding:1rem}.width100percent{width:100%}.noborder{border:none}.width40percent{width:40%}.width30percent{width:30%}.width70percent{width:70%}.modal h1{font-size:.875rem}.width300px{width:300px}.width240px{width:240px}.width40px{width:40px}.height40px{height:40px}#filter,.backgroundwhite{background:#fff}#filter{border:2px solid #eee;height:300px;padding:1rem;position:fixed;width:200px;z-index:100000000}.paddingright1rem{padding-right:1rem}#tabs{display:flex;white-space:nowrap}#tabs,.tab{height:30px}.tab{align-items:center;border-right:1px solid #eee;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;gap:6px;line-height:30px;max-width:180px;min-width:60px;padding:0 5px 0 10px}.tab p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.active{border-right-color:#0000;color:#fff}.tab.active p{color:#fff}.tab.active .close:hover{background:#fff3}.tab .close{align-items:center;border-radius:2px;display:flex;height:20px;justify-content:center;margin:0 0 0 .25rem;width:20px}.tab .close .image{background-image:url(/static/media/close.bfa63c495315d9b31ad0.svg);background-size:cover;height:10px;width:10px}.tab.active .close .image{background-image:url(/static/media/closewhite.1bd887ff5ee0b4ea08dd.svg);background-size:cover;height:10px;width:10px}.tab .close:hover{background:#aaa}.tab .close img{height:10px}.tab-dropdown-wrap{align-items:center;display:flex;position:relative}.tab-dropdown-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:color .15s ease;width:28px}.tab-dropdown-btn:hover{color:#6a00ff}.tab-dropdown-btn svg{stroke:currentColor}.tab-dropdown-panel{animation:settingsFadeIn .12s ease;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:360px;overflow-y:auto;position:absolute;right:0;top:32px;width:260px;z-index:10002}.tab-dropdown-header{align-items:center;border-bottom:1px solid #f0f0f0;color:#888;display:flex;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.tab-dropdown-item{align-items:center;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;gap:8px;padding:8px 14px;transition:background .1s ease}.tab-dropdown-item:last-child{border-bottom:none}.tab-dropdown-item:hover{background:#f5f3fa}.tab-dropdown-item.active{background:#6a00ff;color:#fff}.tab-dropdown-item.active p,.tab-dropdown-item.active svg{color:#fff}.tab-dropdown-item p{color:#333;flex:1 1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-dropdown-item.active .tab-drop-close:hover{background:#fff3}.tab-drop-close{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:background .1s ease;width:20px}.tab-drop-close:hover{background:#e8e4f0}.submodule{background:#f6f6f6;bottom:0;top:0}#menu,.submodule{left:0;overflow:auto;position:absolute;right:0}#menu{bottom:40px;padding:0 1rem;top:40px}.subModuleItem:hover{color:#000}.subModuleItem svg{transition:stroke .2s ease}.subModuleItem:hover svg{stroke:#2563eb;opacity:1!important}#menu p{cursor:pointer}#menu p:hover{color:#3995e6}.required{//color:red;margin:0 0 0 .125rem}.access-rights-table{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.access-rights-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:grid;font-size:14px;font-weight:600;grid-template-columns:1fr 80px 80px;padding:12px}.header-name{padding-left:4px}.header-permission{text-align:center}.access-rights-row{align-items:center;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:1fr 80px 80px 40px;padding:10px 12px}.access-rights-row:last-child{border-bottom:none}.access-rights-row:hover{background-color:#fafafa}.row-name{font-size:14px;padding-left:4px}.row-permission{align-items:center;display:flex;justify-content:center}.checkbox-container,.radio-container{align-items:center;cursor:pointer;display:flex}.checkbox-container input[type=checkbox],.radio-container input[type=radio]{cursor:pointer;height:16px;width:16px}.checkbox-container input[type=checkbox]:disabled,.radio-container input[type=radio]:disabled{cursor:not-allowed}.access-rights-modal{max-height:90vh;max-width:450px}.access-rights-modal .modal-content{max-height:500px;overflow-y:auto;padding:16px}.search-box{margin-bottom:16px;position:relative}.search-icon{color:#999;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none;padding:10px 12px 10px 38px;width:100%}.search-input:focus{border-color:#1976d2}.search-input::placeholder{color:#999}.user-section{margin-bottom:20px}.section-title{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.user-list{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px}.user-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 12px}.user-item:last-child{border-bottom:none}.user-item:hover{background-color:#fafafa}.user-item.selected-user{background-color:#f5f5f5}.user-label{align-items:center;cursor:pointer;display:flex;flex:1 1;font-size:14px}.user-label input[type=checkbox]{cursor:pointer;height:16px;margin-right:10px;width:16px}.user-label input[type=checkbox]:disabled{cursor:not-allowed}.user-label span{-webkit-user-select:none;user-select:none}.remove-user-btn{background:none;border:none;color:#f44336;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px}.remove-user-btn:hover{color:#d32f2f}@media (max-width:768px){.access-rights-header,.access-rights-row{grid-template-columns:1fr 60px 60px}.header-permission{font-size:12px}.access-rights-modal{max-width:95%}}label.required:after{color:red;content:" *"}.header-row{background:#f6f6f6;border-top:2px solid #333}.data-row input{height:auto}.data-row:nth-child(2n){background:#f6f6f6}.toolbar{align-items:center;display:flex;height:40px;padding:0 .5rem}.toolbar img{height:20px}.marginlefthalfrem{margin-left:.5rem}#monitoringVehiclesList{background:#fff;bottom:0;left:0;overflow:auto;position:absolute;top:0;width:460px}#monitoringMap{bottom:0;left:460px;position:absolute;right:0;top:0}.data-grid{top:30px}#monitoringVehiclesList input[type=text]{width:100%}.width60px{width:60px}.leftPanel{background:#fff;border-right:1px solid #eee;bottom:0;left:0;overflow:auto;position:absolute;top:0;width:260px}.width80px{width:80px}.rightTopPanel{height:66.6%;left:260px;position:absolute;right:0;top:0}.rightBottomPanel{background:#fff;height:33.3%}.rightBottomPanel,.rightPanel{bottom:0;left:260px;position:absolute;right:0}.rightPanel{top:0}.bordertop1pxsolide3e4e6{border-top:1px solid #e3e4e6}.borderbottom1pxsolide3e4e6{border-bottom:1px solid #e3e4e6}.paddinghalfrem{padding:.5rem}.displaynone{display:none}.dashboardBox{background:#fff;border-radius:3px;float:left;height:48%;margin:0 1rem 1rem 0;padding:1rem;width:31.6%}.dashboardBox *{font-size:14px}.absolutefull{bottom:0;left:0;position:absolute;right:0;top:0}.bigselect{border-color:#e3e4e6;border-radius:4px}.bigbutton,.bigselect{height:30px;width:100%}.bigbutton{background:#4798e2;border:none;color:#fff;line-height:30px}.floatright{float:right}.numberOfNotification{background:red;border-radius:50%;color:#fff;display:inline-block;font-size:10px;height:16px;line-height:16px;margin:0 0 0 .5rem;text-align:center;width:16px}.fontsize1rem{font-size:14px}.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicleNumber{font-size:.875rem;font-weight:400}.deviceStatus{background:#44c249;border-radius:50%;display:block;height:10px;width:10px}.deviceStatus.offline{background:red}.carOutline{text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff}.rowVehicle{background:#f6f6f6;border-bottom:2px solid #fff}.rowVehicle:hover{background:#f6f6f6;cursor:pointer}#detail{background:#fff;border:1px solid #eee;border-radius:6px;bottom:40px;box-shadow:0 4px 8px #0003;overflow:auto;padding:1rem;position:fixed;top:40px;width:480px;z-index:10000000}.row:hover{background:#f6f6f6;cursor:pointer}.employeeImageHolder{border:1px solid #aaa;height:160px}#containerSignin,.employeeImageHolder{align-items:center;display:flex;justify-content:center}#containerSignin{right:0;width:560px}#bigImage,#containerSignin{bottom:0;position:fixed;top:0}#bigImage{background-image:url(https://cdn.itsystem.mn/erp.jfif);background-size:cover;left:0;right:560px}.fleetInput,.fleetSelect,.fleetTextarea{border-color:#e3e4e6;border-radius:4px;color:#1d2d46;font-family:Roboto;font-size:.875rem;height:28px}.marginright1rem{margin-right:1rem}.fleetInput:focus,.fleetTextarea:focus{border-color:#2e66ff}.fleetInput::placeholder{color:#aaa}.fleetButton{background:#478cff;border:1px solid #478cff;border-radius:4px;color:#fff;cursor:pointer;height:26px}.fleetButton:hover{background:#3580ff}.fleetButton.secondary{background:#fff;border-color:#aaa;color:inherit}.leftPanel.big{width:400px}.rightPanel.small{left:400px}.width70percent{width:70percent}.paddingleftquarterrem{padding-left:.25rem}.paddinglefthalfrem{padding-left:.5rem}.paddingleft1rem{padding-left:1rem}.modal.big{bottom:40px;height:auto;left:40px;max-height:100%;position:fixed;right:40px;top:40px;width:auto}.modalLeftPanel{bottom:0;left:0;position:absolute;top:0;width:30%}.modalRightPanel{background:brown;bottom:0;position:absolute;right:0;top:0;width:70%}#languageSelector{position:fixed;right:4rem;top:4rem}#languageSelector select{background:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;font-size:.875rem}#languageSelector select:focus,#languageSelector select:hover{border-color:#2e66ff}.height30px{height:30px}.width90px{width:90px}.hoverbackgroundgray:hover{background:#f6f6f6}.cursorpointer{cursor:pointer}.backgroundf6f6f6{background:#f6f6f6}.marginbottom2px{margin-bottom:2px}.marginbottom10px{margin-bottom:10px}.borderradius4px{border-radius:4px}.width16px{width:16px}.width28px{width:28px}.width50percent{width:50%}.width20percent{width:20%}.width60percent{width:60%}.borderright2pxwhite{border-right:2px solid #fff}.height28px{height:28px}.backgroundcoloreee{background:#eee}.fleetReportTab{border-bottom:1px solid #fff;cursor:pointer;display:inline-block;font-size:1rem;margin:0 1rem 0 0;padding:0 0 .25rem}.fleetReportTab.active{border-color:#478cff;color:#478cff}.motion{border-radius:50%;display:inline-block;height:8px;width:8px}.motion.online{background:#4db251}.motion.offline{background:#aaa}.container-grid{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:30px}li.active{border:1px solid #eee;border-bottom-left-radius:.125rem;border-right-color:#fff;border-top-left-radius:.125rem;overflow:visible}.width200px{width:200px}#dashboardDateRange{background:#fff;border-radius:.25rem;margin-bottom:1rem;padding:.5rem}.inlineBlock{display:inline-block}.marginleft1rem{margin-left:1rem}.route{cursor:pointer}.route:hover{background:#f6f6f6;border-radius:4px}input{border:1px solid #bbb;padding:0 .125rem}.create{background:#fff;bottom:0;left:200px;overflow:auto;padding:.5rem;position:fixed;right:0;top:30px;z-index:1000}.create h1{font-size:1.5rem;font-weight:300;margin-bottom:2rem}.create label,.dialog label{border-bottom:1px dashed #bbb;display:inline-block;height:25px;line-height:25px;margin:0 1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.create input{//width:300px;//border:none;//border:1px solid #aaa;//height:25px}.input{align-items:top;display:flex;margin:.25rem 0;padding:0 .5rem}.input label{border-bottom:1px dashed #bbb;display:inline-block;flex-shrink:0;height:25px;line-height:25px;margin:0 1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}button{background:#f6f6f6;border:1px solid #bbb;border-radius:2px;cursor:pointer;height:22px;padding:0 .25rem}button:nth-of-type(n+2){margin-left:1rem}button.save{background:#478cff;border:1px solid #478cff}button.cancel{background:#fff;border:1px solid #aaa;color:inherit}button.page{background:#f1f1f1;border:1px solid #aaa;color:#000}button.remove{background:red;color:#fff}.back{//display:flex;//align-items:center;//justify-content:center;//width:30px;//height:100%;align-items:center;border-right:1px solid #aaa;display:flex}.back img{height:22px;margin:0 .5rem 0 0}.create .buttons{margin:1rem 0;padding:.5rem 0}#saving{align-items:center;display:flex;justify-content:center;z-index:100000000!important}#saving,#savingBackground{bottom:0;left:0;position:fixed;right:0;top:0}#savingBackground{background:#fff;opacity:.5;z-index:100000}.loader{aspect-ratio:1;position:relative;width:40px;z-index:100001}.loader:after,.loader:before{animation:l2-1 2s infinite,l2-2 1s infinite;aspect-ratio:1;background:#3fb8af;content:"";left:0;margin:-8px 0 0 -8px;position:absolute;top:0;width:16px}.loader:after{animation-delay:-1s,0s;background:#ff3d7f}@keyframes l2-1{0%{left:0;top:0}25%{left:0;top:100%}50%{left:100%;top:100%}75%{left:100%;top:0}to{left:0;top:0}}@keyframes l2-2{40%,50%{transform:rotate(90deg) scale(.5)}to{transform:rotate(.5turn) scale(1)}}input[type=date],input[type=number],input[type=text],select,textarea{border:1px solid #bbb;height:24px;padding:0 .125rem;width:140px}.input textarea{height:300px}.uploader{align-items:center;border:2px dashed #bbb;cursor:pointer;display:flex;justify-content:center;width:300px}.input span{line-height:25px}.uploader img{max-height:300px;width:100%}.textalignright{text-align:right}.uploader:hover img{opacity:1}.hiddenInput{display:none}button.months{background:#f1f1f1;border:1px solid #aaa;color:#000}.tablewithborder{border-collapse:collapse;border-spacing:0}.tablewithborder td{border:1px solid #aaa;padding:.125rem;vertical-align:top;width:120px}h5{font-weight:700}.tabcontents{border:1px solid #aaa}.qtabs{display:flex;height:30px}.qtab{border-right:1px solid #aaa;border-top:1px solid #aaa;bottom:1px solid #aaa;height:31px;line-height:30px;padding:0 .5rem}.qtab:first-of-type{border-left:1px solid #aaa}.qtab.active{background:#eee;border-bottom:none}.dialog{align-items:center;display:flex;justify-content:center;left:1rem;right:1rem;z-index:100000000}.dialog,.dialogBackground{bottom:0;position:fixed;top:0}.dialogBackground{background:#000;left:0;opacity:.5;right:0}.dialogContents{background:#fff;min-height:400px;min-width:600px;overflow:auto;z-index:100000000}.dialogTools{background:#f6f6f6;border-bottom:1px solid #aaa;display:flex;height:80px;overflow:hidden}.dialogContents,.dialogTools{left:0;position:absolute;right:0;top:0}.dialogContents{border:1px solid #aaa;bottom:0}.dialogTool{border-right:1px solid #aaa;box-sizing:border-box;height:80px;width:70px}.dialogHeader{align-items:center;border-bottom:1px solid #aaa;display:flex;height:30px;padding:0 1rem}.dialogTool img{height:40px;width:40px}.overflowauto{overflow:auto}.dialogTool .containerIcon{align-items:center;display:flex;height:60px;justify-content:center;width:70px}.dialogTool .containerLabel{height:20px;width:70px}.dialogTool label{border-bottom:none;display:inline-block;font-size:.5rem;margin:0;text-align:center;width:100%}.dialogTool:last-child{border-left:1px solid #aaa;margin-left:auto}.border1pxsolidddd{border:1px solid #aaa}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto}input[type=number]{-webkit-appearance:auto;-moz-appearance:number-input}.height100percent{height:100%}.colorgreen{color:green}.colorred{color:red}.flexdirectioncolumn{flex-direction:column}h2{font-size:.875rem}.formTools,.tools{height:30px;padding:0 .5rem}.formTools,.formTools>span,.tools,.tools>span{align-items:center;display:flex}.formTools,.subtabs{border-bottom:1px solid #aaa}.subtabs{align-items:stretch;background:#fff;display:flex;gap:2px;height:30px;overflow-x:auto;overflow-y:hidden;padding:0 4px}.subtabs::-webkit-scrollbar{display:none}.subtab{align-items:center;border-bottom:2px solid #0000;color:#777;cursor:pointer;display:flex;padding:0 14px;position:relative;transition:color .15s,border-color .15s,background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.subtab:hover{background:#00000008;color:#333}.subtab.active{background:#fff;border-bottom-color:#1976d2;color:#1976d2;font-weight:600}.subtab .close{border-radius:3px;color:#bbb;cursor:pointer;font-size:16px;line-height:1;margin-left:8px;padding:2px 5px;transition:color .15s,background .15s}.subtab .close:hover{background:#e5393514;color:#e53935}.subtab-add{align-items:center;border-radius:4px;color:#1976d2;cursor:pointer;display:flex;margin-right:2px;padding:0 8px;transition:background .15s}.subtab-add:hover{background:#1976d214}.inner-tabs{align-items:stretch;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;gap:0;overflow-x:auto;overflow-y:hidden}.inner-tabs::-webkit-scrollbar{display:none}.inner-tab{border-bottom:2px solid #0000;color:#777;cursor:pointer;padding:6px 14px;transition:color .15s,border-color .15s,background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.inner-tab:hover{background:#00000008;color:#333}.inner-tab.active{border-bottom-color:#1976d2;color:#1976d2;font-weight:600}.inner-tab-content{flex:1 1;overflow:auto;padding:15px}.record-container{background-color:#fff;border:1px solid #aaa;display:flex;flex:1 1;flex-direction:column;margin:0 .5rem .5rem;overflow:hidden}.record-toolbar{align-items:center;display:flex;flex-shrink:0;gap:8px;height:30px;padding:0 10px}.record-content{background-color:#fff;flex:1 1;overflow:auto;position:relative}.saving-overlay{align-items:center;background-color:#fff9;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.detail-tabs{border-bottom:1px solid #aaa;display:flex;flex-shrink:0}.detail-tab{background-color:#fff;border:1px solid;border-color:#0000 #0000 #aaa;color:#aaa;cursor:pointer;margin-bottom:-1px;padding:8px 20px;transition:color .15s,background-color .15s,border-color .15s}.detail-tab:hover{background-color:#f0f4ff;color:#666}.detail-tab.active{background-color:#fff;border-bottom:1px solid #fff;border-right:1px solid #aaa;color:#333}.detail-tab.active:not(:first-child){border-left:1px solid #aaa}.form-row{align-items:center;display:flex;margin-bottom:8px}.form-label{color:#333;min-width:160px;padding-right:10px;text-align:right;white-space:nowrap}.status-bar{align-items:center;background-color:#4caf50;color:#fff;display:flex;flex-shrink:0;font-weight:500;height:30px;justify-content:center}.status-bar.error{background-color:#f44336}.status-bar.info{background-color:#2196f3}.btn-default,.btn-delete,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;transition:background .15s}.form-panel label{border-bottom:1px dashed #bbb;display:inline-block;height:25px;line-height:25px;margin:0 1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.btn-flat{align-items:center;cursor:pointer;display:inline-flex;gap:5px;-webkit-user-select:none;user-select:none}.btn-flat:hover{opacity:.7}.btn-flat svg{height:16px;width:16px}.btn-icon{background:#fff!important;border:1px solid #bbb!important;border-radius:4px;font-size:.625rem;gap:4px;height:22px;margin-left:0!important;padding:0 6px}.btn-icon svg{height:16px;width:16px}.btn-save{background:none;color:#1976d2}.btn-save:hover{background:#1976d21a}.btn-save:disabled{cursor:default;opacity:.4}.btn-delete{background:none;color:#e53935}.btn-delete:hover{background:#e539351a}.btn-delete:disabled{cursor:default;opacity:.4}.btn-default{background:none;color:#555}.btn-default:hover{background:#0000000f}.dialog h4{font-weight:700}.mini-dialog .dialogContents{border:1px solid #aaa;border-radius:6px;bottom:auto;left:auto;max-height:90vh;min-height:auto;min-width:auto;overflow-y:auto;position:relative;right:auto;top:auto;width:450px}.mini-dialog .dialogHeader{background:#f5f5f5;border-bottom:1px solid #ddd;height:auto;padding:10px 15px}.box{border:1px solid #aaa;margin-right:1rem}.boxHeader{background:#f6f6f6;border-bottom:1px solid #aaa;height:20px;line-height:20px;padding:0 1rem}.boxContents{padding:1rem}.leftfilter{border-right:1px solid #aaa;bottom:0;box-sizing:border-box;left:0;padding:10px;position:absolute;top:0;width:300px}.leftfilter .field{align-items:center;display:flex;margin-bottom:5px}.leftfilter .field label{box-sizing:border-box;flex-shrink:0;padding-right:10px;width:80px}.leftfilter .field input[type=date],.leftfilter .field input[type=text],.leftfilter .field select{border:1px solid #ced4da;border-radius:2px;box-sizing:border-box;flex-basis:0;flex-grow:1;flex:1 1;min-width:0;padding:2px 4px}.leftfilter .field input+input,.leftfilter .field input+select,.leftfilter .field select+input{margin-left:5px}.leftfilter button{width:100%}.container-datagrid{background-color:#f6f6f6;border:1px solid #ccc;bottom:.5rem;left:.5rem;position:absolute;right:.5rem;top:30px}.settings-overlay{align-items:center;animation:settingsFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f0f1e73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100000001}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-dialog{animation:settingsSlideIn .25s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0003,0 0 0 1px #0000000d;display:flex;height:500px;overflow:hidden;position:relative;width:660px}.settings-sidebar{background:linear-gradient(180deg,#f8f7fc,#f1eef9);border-right:1px solid #e8e4f0;display:flex;flex-direction:column;flex-shrink:0;padding:24px 0 16px;width:200px}.settings-avatar-area{align-items:center;border-bottom:1px solid #e8e4f0;display:flex;flex-direction:column;margin-bottom:8px;padding:0 16px 20px}.settings-avatar{align-items:center;background:linear-gradient(135deg,#6a00ff,#9f5afd);border-radius:50%;box-shadow:0 4px 12px #6a00ff40;color:#fff;display:flex;font-weight:600;height:56px;justify-content:center;letter-spacing:.5px;margin-bottom:10px;width:56px}.settings-avatar-name{color:#2d2843;font-weight:600;line-height:1.3;text-align:center}.settings-avatar-email{color:#8b82a6;margin-top:2px;text-align:center}.settings-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 10px}.settings-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#6b6180;cursor:pointer;display:flex;gap:10px;padding:9px 14px;text-align:left;transition:all .15s ease;width:100%}.settings-nav-item:hover{background:#6a00ff0f;color:#4a3d6b}.settings-nav-item.active{background:#fff;box-shadow:0 2px 8px #6a00ff1a;color:#6a00ff;font-weight:600}.settings-nav-item svg{flex-shrink:0;opacity:.7}.settings-nav-item.active svg{stroke:#6a00ff;opacity:1}.settings-nav-version{border-top:1px solid #e8e4f0;color:#b0a8c4;padding:12px 16px 0;text-align:center}.settings-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.settings-header{align-items:center;border-bottom:1px solid #f0edf5;display:flex;justify-content:space-between;padding:20px 28px 16px}.settings-title{color:#1a1530;font-weight:700}.settings-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#9b93b0;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease;width:32px}.settings-close:hover{background:#f3f0f8;color:#6a00ff}.settings-body{flex:1 1;overflow-y:auto;padding:20px 28px 28px}.settings-section{margin-bottom:24px}.settings-section-title{border-bottom:1px solid #f0edf5;color:#8b82a6;font-weight:600;letter-spacing:.8px;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.settings-field{margin-bottom:16px}.settings-label{color:#5a5270;display:block;font-weight:500;margin-bottom:6px}.settings-input{background:#fff;border:1.5px solid #e0dce8;border-radius:10px;color:#2d2843;outline:none;padding:9px 13px;transition:all .15s ease;width:100%}.settings-input:focus{border-color:#6a00ff;box-shadow:0 0 0 3px #6a00ff14}.settings-input:disabled{background:#f8f7fb;color:#9b93b0;cursor:not-allowed}.settings-input-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.settings-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1.5px solid #e0dce8;border-radius:10px;color:#2d2843;cursor:pointer;outline:none;padding:9px 13px;transition:all .15s ease;width:100%}.settings-select:focus{border-color:#6a00ff;box-shadow:0 0 0 3px #6a00ff14}.settings-toggle-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.settings-toggle-label{color:#2d2843}.settings-toggle-desc{color:#8b82a6;margin-top:2px}.settings-toggle{flex-shrink:0;height:24px;position:relative;width:44px}.settings-toggle input{height:0;opacity:0;position:absolute;width:0}.settings-toggle-slider{background:#d4d0de;border-radius:12px;cursor:pointer;inset:0;position:absolute;transition:background .2s ease}.settings-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.settings-toggle input:checked+.settings-toggle-slider{background:#6a00ff}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(20px)}.settings-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:9px 20px;transition:all .15s ease}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn-primary{background:linear-gradient(135deg,#6a00ff,#8b3dff);box-shadow:0 2px 8px #6a00ff40;color:#fff}.settings-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #6a00ff59;transform:translateY(-1px)}.settings-btn-secondary{background:#f3f0f8;color:#6a00ff}.settings-btn-secondary:hover:not(:disabled){background:#ebe6f5}.settings-strength-bar{display:flex;gap:4px;margin-top:8px}.settings-strength-segment{background:#e8e4f0;border-radius:2px;flex:1 1;height:4px;transition:background .2s ease}.settings-strength-segment.weak{background:#ef4444}.settings-strength-segment.medium{background:#f59e0b}.settings-strength-segment.strong{background:#10b981}.settings-strength-text{font-weight:500;margin-top:4px}.settings-strength-text.weak{color:#ef4444}.settings-strength-text.medium{color:#f59e0b}.settings-strength-text.strong{color:#10b981}.settings-status{align-items:center;animation:settingsFadeIn .2s ease;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.settings-status.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.settings-status.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.settings-password-wrap{position:relative}.settings-password-wrap .settings-input{padding-right:42px}.settings-password-toggle{align-items:center;background:none;border:none;color:#9b93b0;cursor:pointer;display:flex;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.settings-password-toggle:hover{color:#6a00ff}.msg-overlay{align-items:center;animation:settingsFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f0f1e73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100000001}.msg-dialog{animation:settingsSlideIn .25s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0003,0 0 0 1px #0000000d;display:flex;height:520px;overflow:hidden;position:relative;width:720px}.msg-sidebar{background:#f9f8fc;border-right:1px solid #e8e4f0;display:flex;flex-direction:column;flex-shrink:0;width:260px}.msg-sidebar-header{align-items:center;border-bottom:1px solid #e8e4f0;display:flex;justify-content:space-between;padding:16px 16px 12px}.msg-sidebar-title{color:#1a1530;font-weight:700}.msg-new-btn{align-items:center;background:linear-gradient(135deg,#6a00ff,#8b3dff);border:none;border-radius:8px;box-shadow:0 2px 6px #6a00ff4d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.msg-new-btn:hover{box-shadow:0 4px 10px #6a00ff66;transform:translateY(-1px)}.msg-new-btn svg{stroke:#fff}.msg-user-search{animation:settingsFadeIn .15s ease;border-bottom:1px solid #e8e4f0}.msg-search-input{background:#fff;border:none;border-bottom:1px solid #e8e4f0;color:#2d2843;outline:none;padding:10px 16px;width:100%}.msg-search-input:focus{border-bottom-color:#6a00ff}.msg-user-list{max-height:200px;overflow-y:auto}.msg-user-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:background .1s ease}.msg-user-item:hover{background:#f0edf5}.msg-user-name{color:#2d2843;font-weight:500}.msg-user-job{color:#8b82a6}.msg-empty-sm{color:#8b82a6;padding:16px;text-align:center}.msg-conv-list{flex:1 1;overflow-y:auto}.msg-conv-item{align-items:center;border-bottom:1px solid #f0edf5;cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:background .1s ease}.msg-conv-item:hover{background:#f0edf5}.msg-conv-item.active{background:#ebe6f5}.msg-conv-info{flex:1 1;min-width:0}.msg-conv-top{align-items:center;display:flex;justify-content:space-between}.msg-conv-name{color:#2d2843;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-time{color:#8b82a6;flex-shrink:0;white-space:nowrap}.msg-conv-preview{color:#8b82a6;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-you{color:#6a00ff}.msg-unread-badge{background:#6a00ff;border-radius:10px;height:20px;min-width:20px;padding:0 6px}.msg-avatar-sm,.msg-unread-badge{align-items:center;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center}.msg-avatar-sm{background:linear-gradient(135deg,#6a00ff,#9f5afd);border-radius:50%;height:36px;letter-spacing:.3px;width:36px}.msg-empty{align-items:center;color:#b0a8c4;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px}.msg-content{background:#faf9fd;flex:1 1;overflow:hidden;position:relative}.msg-content,.msg-no-conv{display:flex;flex-direction:column}.msg-no-conv{align-items:center;color:#b0a8c4;gap:12px;height:100%;justify-content:center}.msg-thread-header{align-items:center;background:#fff;border-bottom:1px solid #e8e4f0;display:flex;gap:10px;padding:12px 20px}.msg-thread-name{color:#1a1530;font-weight:600}.msg-thread{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 20px}.msg-date-divider{align-items:center;display:flex;justify-content:center;margin:12px 0}.msg-date-divider span{background:#ebe6f5;border-radius:10px;color:#6b6180;font-weight:500;padding:3px 12px}.msg-bubble-row{display:flex;justify-content:flex-start}.msg-bubble-row.mine{justify-content:flex-end}.msg-bubble{background:#fff;border:1px solid #e8e4f0;border-radius:14px;box-shadow:0 1px 2px #0000000a;max-width:70%;padding:8px 14px}.msg-bubble.mine{background:linear-gradient(135deg,#6a00ff,#8b3dff);border:none;box-shadow:0 2px 8px #6a00ff33}.msg-bubble-text{color:#2d2843;line-height:1.4;white-space:pre-wrap;word-break:break-word}.msg-bubble.mine .msg-bubble-text{color:#fff}.msg-bubble-time{color:#8b82a6;margin-top:4px;text-align:right}.msg-bubble.mine .msg-bubble-time{color:#ffffffa6}.msg-files{display:flex;flex-direction:column;gap:4px;margin-top:6px}.msg-file-link{align-items:center;background:#6a00ff0f;border-radius:8px;color:#6a00ff;display:flex;gap:6px;padding:5px 10px;text-decoration:none;transition:background .15s ease}.msg-bubble.mine .msg-file-link{background:#ffffff26;color:#fff}.msg-bubble.mine .msg-file-link svg{stroke:#fff}.msg-file-link:hover{background:#6a00ff1f}.msg-bubble.mine .msg-file-link:hover{background:#ffffff40}.msg-file-size{color:#8b82a6;margin-left:auto}.msg-bubble.mine .msg-file-size{color:#ffffff80}.msg-compose{background:#fff;border-top:1px solid #e8e4f0}.msg-compose-files{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 0}.msg-compose-file{align-items:center;background:#f0edf5;border-radius:8px;color:#2d2843;display:flex;gap:6px;padding:4px 10px}.msg-file-remove{background:none;border:none;color:#8b82a6;cursor:pointer;line-height:1;padding:0 2px}.msg-file-remove:hover{color:#ef4444}.msg-compose-row{align-items:flex-end;display:flex;gap:6px;padding:10px 12px}.msg-attach-btn,.msg-send-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#8b82a6;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease;width:36px}.msg-attach-btn:hover{background:#f0edf5;color:#6a00ff}.msg-send-btn{background:linear-gradient(135deg,#6a00ff,#8b3dff);box-shadow:0 2px 6px #6a00ff40;color:#fff}.msg-send-btn svg{stroke:#fff}.msg-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.msg-send-btn:hover:not(:disabled){box-shadow:0 4px 10px #6a00ff66;transform:translateY(-1px)}.msg-compose-input{background:#faf9fd;border:1.5px solid #e0dce8;border-radius:12px;color:#2d2843;flex:1 1;line-height:1.4;max-height:80px;outline:none;padding:8px 14px;resize:none;transition:border-color .15s ease}.msg-compose-input:focus{background:#fff;border-color:#6a00ff}.dash{background:linear-gradient(135deg,#f0f4f8,#e8edf5);height:100%;overflow-y:auto;padding:24px 28px}.dash-greeting{margin-bottom:24px}.dash-greeting-title{color:#1e293b;font-weight:700;line-height:1.3;margin-bottom:4px}.dash-greeting-date{color:#94a3b8}.dash-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.dash-kpi{background:#fff;border:1px solid #0000000a;border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;padding:18px 20px;transition:transform .15s ease,box-shadow .15s ease}.dash-kpi:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.dash-kpi-top{gap:10px;margin-bottom:12px}.dash-kpi-icon,.dash-kpi-top{align-items:center;display:flex}.dash-kpi-icon{border-radius:10px;flex-shrink:0;height:36px;justify-content:center;width:36px}.dash-kpi-title{color:#64748b;line-height:1.3}.dash-kpi-value{font-weight:700;letter-spacing:-.02em}.dash-row{display:flex;gap:16px;margin-bottom:20px}@media (max-width:900px){.dash-row{flex-direction:column}}.dash-card{background:#fff;border:1px solid #0000000a;border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:20px}.dash-card-wide{flex:2 1}.dash-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dash-card-title{color:#1e293b;font-weight:600}.dash-card-subtitle{color:#94a3b8}.dash-chart-wrap{flex:1 1;min-height:0}.dash-chart-wrap .recharts-wrapper{max-width:100%!important}.dash-legend{display:flex;gap:20px;justify-content:center;padding-top:8px}.dash-legend-item{align-items:center;color:#64748b;display:flex;gap:6px}.dash-legend-dot{border-radius:3px;display:inline-block;height:10px;width:10px}.dash-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 8px 24px #0003;padding:10px 14px}.dash-tooltip-label{color:#94a3b8;margin-bottom:6px}.dash-tooltip-row{align-items:center;color:#e2e8f0;display:flex;gap:6px}.dash-tooltip-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.dash-tooltip-val{color:#fff;font-weight:600}.dash-donut-wrap{position:relative}.dash-donut-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dash-donut-total{color:#1e293b;display:block;font-weight:700}.dash-donut-label{color:#94a3b8}.dash-aging-list{display:flex;flex-direction:column;gap:8px;padding-top:4px}.dash-aging-row{align-items:center;display:flex;gap:8px}.dash-aging-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.dash-aging-name{color:#64748b;flex:1 1}.dash-aging-val{color:#1e293b;font-weight:600}.dash-table{border-collapse:collapse;width:100%}.dash-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-weight:500;padding:8px 6px;text-align:left}.dash-table td{border-bottom:1px solid #f8fafc;padding:10px 6px}.dash-table tbody tr:hover{background:#f8fafc}.dash-flag{margin-right:6px}.dash-notif-list{display:flex;flex-direction:column;gap:2px}.dash-notif-item{align-items:flex-start;border-radius:8px;display:flex;gap:10px;padding:10px 8px;transition:background .1s ease}.dash-notif-item.clickable{cursor:pointer}.dash-notif-item.clickable:hover{background:#f8fafc}.dash-notif-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.dash-notif-body{flex:1 1;min-width:0}.dash-notif-title{color:#1e293b;line-height:1.4}.dash-notif-desc{color:#94a3b8;margin-top:2px}.dash-notif-time{color:#94a3b8;flex-shrink:0;white-space:nowrap}.dash-activity-list{display:flex;flex-direction:column;gap:2px}.dash-activity-item{gap:10px;padding:8px}.dash-activity-badge,.dash-activity-item{align-items:center;border-radius:8px;display:flex}.dash-activity-badge{flex-shrink:0;font-weight:700;height:28px;justify-content:center;width:28px}.dash-activity-badge.create{background:#dcfce7;color:#16a34a}.dash-activity-badge.update{background:#dbeafe;color:#2563eb}.dash-activity-badge.delete{background:#fee2e2;color:#dc2626}.dash-activity-body{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.dash-activity-desc{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-time{color:#94a3b8;flex-shrink:0;margin-left:10px;white-space:nowrap}.dash-empty{color:#94a3b8;padding:30px 15px;text-align:center}.dash-modules{margin-bottom:20px}.dash-module-grid{display:flex;flex-wrap:wrap;gap:12px}.dash-module-item{background:#fff;border:1px solid #0000000a;border-radius:14px;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:16px 10px;text-align:center;transition:transform .15s ease,box-shadow .15s ease;width:100px}.dash-module-item:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.dash-module-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border-radius:12px;color:#3b82f6;display:flex;height:44px;justify-content:center;margin:0 auto 8px;width:44px}.dash-module-icon svg{stroke:#3b82f6}.dash-module-label{color:#334155;line-height:1.3;word-break:break-word}