.pm-wrap{max-width:1100px;margin:0 auto;padding:16px}
.pm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}
.pm-title{margin:0}
.pm-actions .button{margin-left:8px}
.pm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}
.pm-tab{padding:6px 10px;border:1px solid #ccc;border-radius:8px;text-decoration:none}
.pm-tab.is-active{font-weight:bold}
.pm-list{display:flex;flex-direction:column;gap:10px}
.pm-card{border:1px solid #ddd;border-radius:12px;padding:12px}
.pm-card-title{font-size:1.2em;margin-bottom:6px}
.pm-card-summary{opacity:.9}
.pm-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.pm-badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #bbb;font-size:.85em}
.pm-status-planned{}
.pm-status-active{}
.pm-status-paused{}
.pm-status-done{}
.pm-meta-item{opacity:.85;font-size:.95em}
.pm-view-head{border:1px solid #ddd;border-radius:12px;padding:12px;margin-bottom:14px}
.pm-view-title{margin:0 0 6px 0}
.pm-view-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pm-view-join{margin-top:10px}
.pm-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.pm-view-grid{grid-template-columns:1fr}}
.pm-view-section{border:1px solid #ddd;border-radius:12px;padding:12px}
.pm-text{line-height:1.45}
.pm-form{border:1px solid #ddd;border-radius:12px;padding:12px}
.pm-form-row{margin-bottom:12px}
.pm-form-row label{display:block;font-weight:bold;margin-bottom:6px}
.pm-help{opacity:.8;font-size:.9em;margin-top:6px}