feat: redesign analytical dashboard interface

docs/components/donut.css

@@ -0,0 +1,369 @@
+/* Rectangle 2460 */
+
+position: absolute;
+width: 727px;
+height: 369px;
+
+background: rgba(230, 230, 230, 0.8);
+border-radius: 24px;
+
+/* Line 17 */
+
+position: absolute;
+width: 34px;
+height: 0px;
+
+border: 1px solid #abafb3;
+transform: rotate(-35.84deg);
+
+/* Line 18 */
+
+position: absolute;
+width: 33.84px;
+height: 0px;
+
+border: 1px solid #abafb3;
+transform: rotate(-34.16deg);
+
+/* Line 19 */
+
+position: absolute;
+width: 34.76px;
+height: 0px;
+
+border: 1px solid #abafb3;
+transform: rotate(-140.07deg);
+
+/* Line 20 */
+
+position: absolute;
+width: 238px;
+height: 1px;
+
+border: 1px solid #abafb3;
+transform: matrix(1, 0, 0, -1, 0, 0);
+
+/* Line 21 */
+
+position: absolute;
+width: 164px;
+height: 0px;
+
+border: 1px solid #abafb3;
+
+/* Line 22 */
+
+position: absolute;
+width: 223px;
+height: 0px;
+
+border: 1px solid #abafb3;
+
+/* Group 277134240 */
+
+position: absolute;
+width: 669px;
+height: 18px;
+
+/* Организации ОПК в инновационных объединениях */
+
+position: absolute;
+width: 669px;
+height: 18px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 20px;
+line-height: 10px;
+/* or 50% */
+letter-spacing: -0.02em;
+
+color: #000000;
+
+/* Group 277134243 */
+
+position: absolute;
+width: 237px;
+height: 40px;
+
+/* 124 */
+
+position: absolute;
+width: 60px;
+height: 40px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 32px;
+line-height: 14px;
+/* or 44% */
+display: flex;
+align-items: center;
+text-align: center;
+
+color: #000000;
+
+/* промышленных кластеров */
+
+position: absolute;
+width: 175px;
+height: 20px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 400;
+font-size: 14px;
+line-height: 14px;
+/* or 100% */
+
+color: #000000;
+
+/* Group 277134244 */
+
+position: absolute;
+width: 237px;
+height: 40px;
+
+/* 517 */
+
+position: absolute;
+width: 60px;
+height: 40px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 32px;
+line-height: 14px;
+/* or 44% */
+display: flex;
+align-items: center;
+text-align: center;
+
+color: #000000;
+
+/* организаций ОПК */
+
+position: absolute;
+width: 175px;
+height: 20px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 400;
+font-size: 14px;
+line-height: 14px;
+/* or 100% */
+
+color: #000000;
+
+/* Group 277134245 */
+
+position: absolute;
+width: 223px;
+height: 40px;
+
+/* 17 */
+
+position: absolute;
+width: 40px;
+height: 40px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 32px;
+line-height: 14px;
+/* or 44% */
+display: flex;
+align-items: center;
+text-align: center;
+
+color: #000000;
+
+/* особых экономических зон */
+
+position: absolute;
+width: 181px;
+height: 20px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 400;
+font-size: 14px;
+line-height: 14px;
+/* or 100% */
+
+color: #000000;
+
+/* Group 277134246 */
+
+position: absolute;
+width: 223px;
+height: 40px;
+
+/* 64 */
+
+position: absolute;
+width: 40px;
+height: 40px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 32px;
+line-height: 14px;
+/* or 44% */
+display: flex;
+align-items: center;
+text-align: right;
+
+color: #000000;
+
+/* организации ОПК */
+
+position: absolute;
+width: 181px;
+height: 25px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 400;
+font-size: 14px;
+line-height: 14px;
+/* or 100% */
+display: flex;
+align-items: flex-end;
+
+color: #000000;
+
+/* Group 277134247 */
+
+position: absolute;
+width: 161px;
+height: 40px;
+
+/* 66 */
+
+position: absolute;
+width: 40px;
+height: 40px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 32px;
+line-height: 14px;
+/* or 44% */
+display: flex;
+align-items: center;
+text-align: right;
+
+color: #000000;
+
+/* организации ОПК */
+
+position: absolute;
+width: 119px;
+height: 20px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 400;
+font-size: 14px;
+line-height: 14px;
+/* or 100% */
+display: flex;
+align-items: flex-end;
+
+color: #000000;
+
+/* Group 277134248 */
+
+position: absolute;
+width: 124px;
+height: 40px;
+
+/* 35 */
+
+position: absolute;
+width: 40px;
+height: 40px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 32px;
+line-height: 14px;
+/* or 44% */
+display: flex;
+align-items: center;
+text-align: right;
+
+color: #000000;
+
+/* технопарков */
+
+position: absolute;
+width: 82px;
+height: 20px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 400;
+font-size: 14px;
+line-height: 14px;
+/* or 100% */
+text-align: right;
+
+color: #000000;
+
+/* 176 */
+
+position: absolute;
+width: 119px;
+height: 55px;
+
+font-family: 'Clear Sans';
+font-style: normal;
+font-weight: 700;
+font-size: 64px;
+line-height: 40px;
+/* or 62% */
+text-align: center;
+
+color: #000000;
+
+/* Ellipse 307 */
+
+position: absolute;
+width: 207px;
+height: 205px;
+
+background: #abafb3;
+
+/* Ellipse 308 */
+
+position: absolute;
+width: 207px;
+height: 205px;
+
+background: #674ee3;
+
+/* Ellipse 309 */
+
+position: absolute;
+width: 207px;
+height: 205px;
+
+background: #ec9478;
+
+/* Ellipse 310 */
+
+position: absolute;
+width: 207px;
+height: 205px;
+
+background: #7dccc5;