.workspaceHeader{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:35px;

}

.workspaceTitle h1{

font-size:34px;

font-weight:800;

}

.workspaceTabs{

display:flex;

gap:15px;

margin-bottom:30px;

flex-wrap:wrap;

}

.workspaceTab{

padding:12px 20px;

background:#182235;

border:1px solid #27344A;

border-radius:12px;

cursor:pointer;

transition:.2s;

}

.workspaceTab:hover{

border-color:#3B82F6;

}

.workspaceContent{

background:#182235;

padding:30px;

border-radius:18px;

border:1px solid #27344A;

}


.workspaceContainer{

padding:40px;

}

.workspaceHero{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:30px;

}

.workspaceHero h1{

font-size:32px;

margin-bottom:8px;

}

.workspaceHero p{

color:#94A3B8;

}

.workspaceStatus{

background:#22C55E20;

padding:10px 20px;

border-radius:30px;

color:#22C55E;

font-weight:600;

}

.workspaceSummary{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:20px;

margin-bottom:35px;

}

.summaryCard{

background:#111827;

padding:24px;

border-radius:16px;

}

.summaryCard span{

color:#94A3B8;

}

.summaryCard h2{

margin-top:12px;

font-size:30px;

}

.workspaceTabs{

display:flex;

gap:15px;

flex-wrap:wrap;

margin-bottom:30px;

}

.workspaceTabs button{

padding:12px 20px;

border:none;

border-radius:10px;

background:#1F2937;

color:white;

cursor:pointer;

}

.workspaceTabs button:hover{

background:#2563EB;

}

.overviewGrid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

gap:20px;

margin-top:25px;

}

.overviewCard{

background:#111827;

padding:20px;

border-radius:16px;

}