.proj-root{height:100%;overflow-y:auto;padding:28px 32px 40px;background:var(--p-bg2)}
.proj-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.proj-title{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--p-ink);margin-bottom:6px}
.proj-sub{font-size:12.5px;color:var(--p-muted);max-width:480px;line-height:1.6}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.proj-card{
  text-align:left;background:var(--p-surface);border:1px solid var(--p-border);border-radius:9px;
  padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .18s;
}
.proj-card:hover{border-color:var(--p-accent-line);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.28)}
.proj-card-top{display:flex;align-items:center;justify-content:space-between}
.proj-status{font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:20px;text-transform:uppercase}
.proj-status.draft{background:rgba(255,255,255,.07);color:var(--p-muted)}
.proj-status.in-progress{background:rgba(61,139,255,.14);color:#7fb2ff}
.proj-status.submitted{background:rgba(224,169,64,.14);color:var(--p-yellow)}
.proj-status.needs-changes{background:rgba(229,83,75,.14);color:#ff8b84}
.proj-status.approved{background:rgba(47,191,116,.14);color:#4fd68e}
.proj-edited{font-size:10.5px;color:var(--p-faint);font-family:var(--mono)}
.proj-card-title{font-size:14.5px;font-weight:700;color:var(--p-ink);letter-spacing:-.01em}
.proj-card-desc{font-size:12px;color:var(--p-muted);line-height:1.6;flex:1}
.proj-card-foot{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--p-faint);font-family:var(--mono);padding-top:8px;border-top:1px solid var(--p-border-soft)}
.proj-card-foot svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8}