.dashboardLayout{max-height:100vh;background-position:50%;background-size:cover;background:var(--header-bg);overflow:hidden;height:100vh}.dashboardLayout,.dashboardMain{display:flex;flex-direction:column}.dashboardMain{gap:20px;flex-grow:1;overflow:auto}.dashboardWraper{display:flex;height:100%;gap:16px;overflow:hidden;flex-direction:row;padding:4px}.disabled{position:relative}.disabled:after{content:"";width:100%;height:100%;background:rgba(194,194,194,.822);position:absolute;top:0;left:0;border-radius:28px}.dashboardWraper section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboardLeft{width:25%;height:100%;box-sizing:border-box;scroll-behavior:smooth}.dashboardLeft,.dashboardRight{display:flex;flex-direction:column;gap:16px}.dashboardRight{width:75%}.dashboardRight>.top{width:100%;height:100%}.dashboardRight>.bottom{display:flex;flex-direction:row;width:100%;height:50%;gap:16px}.dashboardRight>.bottom>.bottomLeft{width:60%}.dashboardRight>.bottom>.bottomRight{width:80%}.dashboardContent{padding:0 20px 20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.dashboardContent>h1{margin-bottom:16px;margin-top:16px;color:var(--text-color);padding-left:4px}.welcomeSection{display:flex;height:100%;background:var(--section-bg);box-shadow:0 1px 5px rgba(0,0,0,.164);padding:24px;border-radius:28px;flex-direction:column;overflow:hidden;position:relative}.welcomeSection h1{color:var(--text-color)}.welcomeSection .cardWraper{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:8px;gap:8px;overflow-y:auto;margin-top:8px;padding-bottom:16px}.welcomeSection .taskFilters{display:flex;gap:16px;margin:8px 0;color:black}.welcomeSection .taskFilters input,.welcomeSection .taskFilters select{padding:8px;background:white;border:none;border-radius:8px;color:black;flex:1 1}.welcomeSection .taskFilters input::-webkit-calendar-picker-indicator{filter:invert(1)}.clientTableWraper::-webkit-scrollbar,.toolsWraper::-webkit-scrollbar,::-webkit-scrollbar{width:var(--sb-size)}.clientTableWraper::-webkit-scrollbar-track,.toolsWraper::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:3px}.clientTableWraper::-webkit-scrollbar-thumb,.toolsWraper::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:3px}.tasksReminders{display:flex;justify-content:space-between;gap:10px}.reminders,.tasks{width:48%;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1)}.clientSection{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;height:100%;background:var(--section-bg);box-shadow:0 1px 5px rgba(0,0,0,.164);padding:24px;border-radius:28px}.csHeader,.fsHeader,.tsHeader{display:flex;align-items:center;width:100%;justify-content:space-between}.csHeader .tools,.fsHeader .tools,.tsHeader .tools{display:flex;gap:32px}.csHeader h2,.fsHeader h2,.tsHeader h2{color:var(--text-color);font-size:20px}.csHeader div:first-child{display:flex;flex-direction:column;align-items:flex-start}.csHeader .tools{display:flex;gap:16px;height:100%;align-items:flex-start}.csHeader div{display:flex;justify-content:flex-start;gap:8px}.csHeader div input{padding:8px;background:white;border-radius:8px;border:1px solid var(--sb-thumb-color);font-size:12px;color:black}.formationSection{display:flex;flex-direction:column;height:100%;padding:24px;border-radius:28px;background:var(--section-bg);box-shadow:0 1px 5px rgba(0,0,0,.164)}.formationSection .cardWraper{display:flex;width:100%;overflow-x:auto;gap:8px;padding:8px 0;flex-grow:1}.formationSection h2{color:var(--text-color)}.toolsSection{padding:24px;border-radius:28px;background:var(--section-bg);box-shadow:0 1px 5px rgba(0,0,0,.164);height:100%}.toolsSection h2{color:var(--text-color)}.toolsWraper{max-height:280px;display:flex;flex-wrap:wrap;gap:16px;padding:8px 4px;overflow-y:auto}.toolCard{background-color:#fff;border:1px solid #ddd;border-radius:8px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:.3s ease}.toolCard:hover{background-color:#f5f5f5}.seeAllBtn{position:absolute;right:24px}.seeAllBtn,.toolsBtn{border-radius:100%;padding:4px}.exportBtn,.seeAllBtn,.toolsBtn{color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease-in-out}.exportBtn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;border:1px solid var(--text-color-secondary);background:transparent;font-size:14px}.exportBtn:hover{border-color:var(--sb-thumb-color)}.exportBtn:hover,.seeAllBtn:hover,.toolsBtn:hover{background-color:var(--sb-thumb-color);color:var(--header-bg)}.wsHeader{display:flex;gap:8px;align-items:center}.wsHeader button{padding:16px 24px;background:var(--task-card-bg);position:relative}.wsHeader button>span{position:absolute;background-color:#50c099;padding:6px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:14px;top:-12px;right:-4px}.wsHeader button:hover{padding:16px 24px;background:var(--task-card-bg)}@media only screen and (max-width:1160px){.dashboardWraper{flex-direction:column;overflow:auto}.dashboardLeft,.dashboardRight{width:98%}.dashboardRight .bottom,.dashboardRight .top{height:500px}.dashboardRight .bottom{display:none}.welcomeSection{height:400px}.cardWraper{grid-template-columns:repeat(2,1fr)!important}}@media only screen and (max-width:768px){.clientSection{padding:16px}.dashboardContent h1{font-size:24px;margin:0 0 16px}.dashboardContent{padding:8px}.welcomeSection{padding:16px}.cardWraper{grid-template-columns:repeat(1,1fr)!important}.taskFilters{flex-direction:column}.wsHeader button>span{top:-8px}.csHeader div:first-child{flex-direction:column;align-items:flex-start}.csHeader{align-items:flex-start!important}.csHeader div{width:100%}.csHeader .tools{position:absolute;right:8px;display:flex;justify-content:flex-end}.csHeader div input{width:100%;height:40px}}