.pro-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 32px}.pro-heading h1{font-size:clamp(30px,3.2vw,46px)}.pro-heading p{margin-top:12px;color:var(--muted)}.pro-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:30px;font-size:11px;font-weight:800;background:var(--soft);color:var(--ink);margin:4px}.status-approved{background:#e6f5ec;color:#17633c}.status-pending{background:#fff4d7;color:#7c5600}.pro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.pro-stats article{padding:24px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}.pro-stats span{display:block;font-size:13px;color:var(--muted)}.pro-stats strong{display:block;font-size:34px;margin-top:8px}.pro-next{display:flex;gap:28px;align-items:center;justify-content:space-between}.pro-next p{margin-top:10px;max-width:720px}.pro-events-section{margin:36px 0}.pro-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.pro-event-card h3{font-size:23px;margin:18px 0 10px}.pro-event-card p{font-size:13px;color:var(--muted);margin-bottom:18px}.pro-event-card .button{margin-top:16px}.pro-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.pro-type{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:180px;transition:border-color .15s,box-shadow .15s}.pro-type>span{font-size:28px}.pro-type strong{font-size:19px}.pro-type small{color:var(--muted);line-height:1.6}.pro-type.selected{border:2px solid var(--pink);box-shadow:0 0 0 3px #d1006f0d}.pro-onboarding{max-width:1080px;margin:24px auto}.pro-onboarding>p{margin:14px 0}.pro-review{max-width:700px;margin:28px auto}.pro-review ul,.pro-accept ul{padding-left:24px;line-height:2}.pro-large-icon{font-size:44px}.pro-agenda-row,.pro-favorite-row,.pro-team-list article{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.pro-agenda-row>div{flex:1}.pro-agenda-row p{font-size:12px;color:var(--muted)}.pro-favorite-row small,.pro-team-list small{display:block;color:var(--muted);margin-top:6px}.pro-empty-hint{padding:24px 0;color:var(--muted)}.pro-help{margin:32px 0;padding:24px;border-left:4px solid var(--pink);background:var(--soft);border-radius:0 14px 14px 0}.pro-help p{margin-top:8px;max-width:950px}.pro-invite-public,.pro-accept{max-width:760px;margin:40px auto}.pro-invite-public>*{margin-bottom:20px}.pro-accept h2{margin:24px 0 12px}.pro-accept form{margin-top:28px}.pro-create-mode{padding:20px;border:1px solid var(--line);border-radius:14px;margin:22px 0}.pro-create-mode legend{font-weight:900}.pro-provisional{margin-bottom:24px}.pro-provisional h2{font-size:21px}.pro-provisional p{margin-top:10px}#pro-created-link{font-size:12px}#pro-team form{margin:24px 0}.pro-accept .checkbox{align-items:flex-start}
@media(max-width:900px){.pro-type-grid{grid-template-columns:repeat(2,1fr)}.pro-heading,.pro-next{align-items:flex-start;flex-direction:column}.pro-stats{gap:12px}.pro-stats article{padding:18px}}
@media(max-width:560px){.pro-heading h1{font-size:32px}.pro-stats{grid-template-columns:1fr}.pro-type-grid{gap:10px}.pro-type{padding:18px;min-height:190px}.pro-type strong{font-size:16px}.pro-type small{font-size:11px}.pro-event-grid{grid-template-columns:1fr}.pro-invite-public,.pro-accept{margin:20px}.pro-onboarding .wizard-actions{gap:12px}.pro-heading .invite-toolbar{width:100%}.pro-heading .invite-toolbar>a{width:100%}.pro-favorite-row{align-items:flex-start}.pro-agenda-row,.pro-team-list article{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.pro-type{transition:none}}

@media(max-width:580px){.sidebar{padding-inline:12px}.sidebar .logo{width:90px}.sidebar nav{gap:2px}.sidebar-bottom{margin-left:6px;flex-shrink:0}.sidebar>a{flex-shrink:0}}
@media(max-width:360px){.sidebar{padding-inline:8px}.sidebar .logo{width:70px}.sidebar nav{gap:0}.sidebar-bottom .avatar{width:28px;height:28px}}
