.invitation-hero{display:flex;align-items:center;gap:24px;padding:28px;background:linear-gradient(115deg,#fff0f2,#fff8ef);border:1px solid #f5dfe3;border-radius:18px}.invitation-hero>div:first-child{flex:1;min-width:0}.invitation-eyebrow{font-size:9px;letter-spacing:1.4px;color:#b51e33;font-weight:800}.invitation-hero h3{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:14px 0 10px;max-width:360px}.invitation-hero p{font-size:13px;line-height:1.6;color:#717078;margin:0;max-width:390px}.invitation-total{display:flex;flex-direction:column;gap:5px;text-align:center;min-width:125px;padding:20px;background:#fff;border-radius:16px;border:1px solid #f6e1e5}.invitation-total strong{font-size:44px;color:#c71c33;line-height:1;font-weight:800;letter-spacing:-2px}.invitation-total span{font-size:11px;color:#77727b}.invitation-share{padding:25px 0 28px}.invitation-share>label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.invitation-link-row{display:flex;gap:10px}.invitation-link-row input{flex:1;min-width:0;border:1px solid #e3e4e9;border-radius:11px;padding:13px;background:#f8f9fb;font:inherit;font-size:12px;color:#65656f;user-select:text}.invitation-link-row .button{min-height: var(--qf-action-height, 48px);font-size:12px;border-radius:11px;white-space:nowrap}.invitation-share>.outline-button{margin-top:12px;min-height: var(--qf-action-height, 48px);font-size:12px;border-radius:11px}.invitation-share>p{font-size:11px;line-height:1.6;color:#85858e;margin:14px 0 0}.invitation-list-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.invitation-list-heading h3{font-size:17px;margin:0 0 6px;letter-spacing:-.3px}.invitation-list-heading p{font-size:11px;color:#8b8b94;margin:0}.invitation-list-heading button{font-size:11px;min-height: var(--qf-action-height, 48px)}.invitation-people ul{list-style:none;padding:0;margin:18px 0 0}.invitation-people li{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f0f3}.invitation-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#f6f1f2;color:#b34a5b;font-size:15px;font-weight:700}.invitation-people li>div{flex:1;min-width:0;display:grid;gap:5px}.invitation-people li>div>strong{font-size:13px;overflow-wrap:anywhere}.invitation-people li>div>span{font-size:11px;color:#8b8b94}.invitation-badge{display:flex;gap:5px;align-items:center;background:#edf7f0;color:#3c7d53;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap}.invitation-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;background:#fafafb;border:1px dashed #e7e6eb;border-radius:16px;margin-top:18px}.invitation-empty>span{display:grid;place-items:center;font-size:27px;color:#d74a61;background:#fff0f3;border-radius:18px;width:52px;height:52px;margin-bottom:14px}.invitation-empty strong{font-size:14px}.invitation-empty p{font-size:12px;line-height:1.6;color:#8b8b94;max-width:320px;margin:9px 0 0}.invitation-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:11px}.invitation-pagination button{font-size:11px;min-height: var(--qf-action-height, 48px)}.invitation-placeholder{padding:24px;border:1px dashed #e6e6eb;border-radius:16px;font-size:13px;color:#777}.invitation-placeholder button{min-height: var(--qf-action-height, 48px);margin-top:10px}.invitation-welcome{display:flex;gap:12px;padding:17px;border:1px solid #f4dfe3;border-radius:14px;background:#fff3f5}.invitation-welcome>span{font-size:25px;color:#ce1c32}.invitation-welcome strong{font-size:15px}.invitation-welcome p{font-size:12px;line-height:1.5;color:#81727a;margin:6px 0 0}.auth-form label.invitation-consent{display:flex;align-items:flex-start;gap:10px;margin:0;font-weight:400;font-size:11px;line-height:1.6;color:#74727a}.auth-form .invitation-consent input{flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;border-radius:4px;margin:2px 0;accent-color:#d9152b}.invitation-consent span{min-width:0}.invitation-placeholder [role=status]{line-height:1.6}
@media(max-width:560px){.invitation-hero{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.invitation-hero h3{font-size:25px}.invitation-total{flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:14px}.invitation-total strong{font-size:33px}.invitation-link-row{flex-wrap:wrap}.invitation-link-row input{flex-basis:100%}.invitation-link-row .button,.invitation-share>.outline-button{width:100%;justify-content:center}.invitation-list-heading{align-items:flex-start}.invitation-list-heading h3{font-size:15px}.invitation-list-heading p{line-height:1.5}.invitation-list-heading .outline-button{padding:9px;font-size:10px}.invitation-badge{font-size:9px;padding:5px 7px}.invitation-people li{gap:9px}.invitation-people li>div>strong{font-size:12px}}