Merge manager tools into main cabinet

app/assets/css/main.css

@@ -114,6 +114,123 @@ body {
   box-shadow: 0 14px 32px rgba(24, 66, 44, 0.1);
 }
 
+.surface-subcard {
+  border: 0;
+  border-radius: 1.5rem;
+  background: color-mix(in oklab, #ffffff 78%, var(--brand-surface));
+}
+
+.manager-hero {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  max-width: 52rem;
+}
+
+.manager-eyebrow {
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+  color: color-mix(in oklab, var(--brand-primary) 76%, #355947);
+}
+
+.manager-title {
+  font-size: clamp(2rem, 3.5vw, 3.35rem);
+  line-height: 1;
+  font-weight: 800;
+  letter-spacing: -0.04em;
+  color: var(--brand-ink);
+}
+
+.manager-copy {
+  max-width: 42rem;
+  font-size: 1rem;
+  line-height: 1.65;
+  color: color-mix(in oklab, var(--brand-ink) 72%, #60786b);
+}
+
+.manager-stat-card {
+  border: 0;
+  border-radius: 1.5rem;
+  background: #fff;
+  padding: 1rem 1.1rem;
+}
+
+.manager-stat-label {
+  font-size: 0.8rem;
+  font-weight: 700;
+  color: #5c7b69;
+}
+
+.manager-stat-value {
+  margin-top: 0.35rem;
+  font-size: 1.5rem;
+  line-height: 1;
+  font-weight: 800;
+  color: #123824;
+}
+
+.manager-helper {
+  font-size: 0.9rem;
+  line-height: 1.55;
+  color: #5c7b69;
+}
+
+.manager-field.input,
+.manager-field.select,
+.manager-field.textarea {
+  border: 0;
+  border-radius: 1.2rem;
+  background: color-mix(in oklab, white 76%, var(--brand-surface));
+  box-shadow: none;
+}
+
+.manager-field.input:focus,
+.manager-field.select:focus,
+.manager-field.textarea:focus,
+.manager-field.input:focus-visible,
+.manager-field.select:focus-visible,
+.manager-field.textarea:focus-visible {
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(19, 153, 87, 0.16);
+}
+
+.manager-mini-card {
+  border: 0;
+  border-radius: 1.2rem;
+  background: color-mix(in oklab, white 72%, var(--brand-muted));
+  padding: 0.9rem 1rem;
+}
+
+.manager-channel-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.55rem;
+  border-radius: 999px;
+  background: color-mix(in oklab, white 86%, var(--brand-surface));
+  padding: 0.35rem 0.75rem 0.35rem 0.4rem;
+}
+
+.manager-channel-dot {
+  display: inline-flex;
+  height: 2rem;
+  width: 2rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 800;
+  color: white;
+}
+
+.manager-empty-state {
+  border-radius: 1.4rem;
+  background: color-mix(in oklab, white 70%, var(--brand-surface));
+  padding: 1rem 1.1rem;
+  color: #557562;
+}
+
 .fregat-header-glass {
   background: transparent;
 }