левая панель готова

src/webparts/requestPortal/features/myRequests/MyRequestsPanel.module.scss

@@ -28,6 +28,114 @@
   flex: 1;
   overflow-y: auto;
   padding: $sp-5;
-  color: $gray-500;
   font-size: $fs-sm;
 }
+
+.empty,
+.error {
+  color: $gray-500;
+}
+
+.error {
+  color: $red-500;
+}
+
+.group + .group {
+  margin-top: $sp-5;
+}
+
+.groupTitle {
+  font-family: $font-serif;
+  font-size: $fs-label;
+  font-weight: 600;
+  color: $navy-800;
+  margin-bottom: $sp-2;
+}
+
+.list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: $sp-2;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: $sp-2;
+  padding: $sp-2 $sp-3;
+  border: 1px solid $gray-200;
+  border-radius: $r-sm;
+  background: $gray-50;
+}
+
+.itemMain {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.itemTitle {
+  color: $gray-900;
+  font-size: $fs-sm;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.itemAuthor {
+  color: $gray-500;
+  font-size: $fs-caption;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.itemDate {
+  color: $gray-400;
+  font-size: $fs-caption;
+}
+
+.status {
+  flex-shrink: 0;
+  padding: 2px 8px;
+  border-radius: $r-full;
+  font-size: $fs-caption;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.statusDraft {
+  background: $gray-100;
+  color: $gray-700;
+}
+
+.statusOnApproval {
+  background: $gold-100;
+  color: $gold-600;
+}
+
+.statusApproved {
+  background: $green-50;
+  color: $green-600;
+}
+
+.statusRejected {
+  background: $red-50;
+  color: $red-500;
+}
+
+.statusReturned {
+  background: $blue-50;
+  color: $blue-600;
+}
+
+.statusDefault {
+  background: $gray-100;
+  color: $gray-500;
+}