.groups-page{min-height:100vh;overflow-x:hidden;color:var(--text-primary)}.groups-layout{display:flex;align-items:flex-start;gap:2.5rem;width:min(1200px,94%);margin:0 auto;padding:7rem 0 5rem}.groups-main{flex:1 1;min-width:0}.groups-main .section-label{color:var(--accent-gold);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.groups-main h1{margin:.6rem 0 2rem;color:var(--text-primary);font-size:clamp(2.6rem,4vw,4rem);line-height:.95;letter-spacing:-.045em}.groups-status{color:var(--text-muted);font-size:.9rem}.groups-intro{margin:0 0 2rem}.groups-intro-eyebrow{margin:0 0 .5rem;color:var(--accent-gold);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.groups-intro-description{max-width:640px;margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.groups-error{margin:0 0 1.5rem;padding-left:1rem;border-left:1px solid rgba(221,214,204,.4);color:var(--text-primary);font-size:.9rem;line-height:1.5}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:1fr;align-items:stretch;grid-gap:1rem;gap:1rem;margin-bottom:2.5rem}.groups-card{display:flex;flex-direction:column;background:var(--card-bg);color:var(--card-text);border-radius:20px;padding:1.4rem 1.5rem;box-shadow:0 12px 30px rgba(4,9,16,.28),inset 0 0 0 1px rgba(255,255,255,.14)}.groups-card-skeleton{min-height:148px;border-radius:20px;background:rgba(221,214,204,.06);animation:groups-skeleton-pulse 1.4s ease-in-out infinite}@keyframes groups-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.groups-card-name{margin:0 0 .7rem;color:var(--event-name-brown);font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:700;line-height:1.15}.groups-card-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}.groups-card-avatars{display:flex}.groups-card-avatar{display:grid;place-items:center;width:1.6rem;height:1.6rem;margin-left:-.5rem;border:2px solid var(--card-bg);border-radius:50%;background:var(--card-text);color:var(--card-bg);font-size:.6rem;font-weight:800}.groups-card-avatars .groups-card-avatar:first-child{margin-left:0}.groups-card .groups-member-toggle{color:var(--card-text-secondary)}.groups-card .groups-member-toggle:hover{color:var(--card-text)}.groups-card .groups-leave-button{width:100%;border-color:rgba(140,98,36,.35);color:var(--card-text)}.groups-card .groups-leave-button:hover{border-color:var(--accent-gold);background:rgba(140,98,36,.08);color:var(--card-text)}.groups-card-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:auto;padding-top:.9rem}.groups-leave-button-placeholder{visibility:hidden;pointer-events:none}a.groups-leave-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.groups-card .groups-member-dropdown{margin-top:.9rem;padding:.9rem 0 0;border-top:1px solid var(--card-border);border-bottom:none}.groups-card .groups-member-status{color:var(--card-text-secondary)}.groups-card .groups-member-row{color:var(--card-text)}.groups-card .groups-member-avatar{background:rgba(8,18,32,.08);color:var(--card-text)}.groups-create-card{display:flex;height:100%;min-height:200px;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1.4rem 1.5rem;border:2px dashed rgba(196,148,68,.55);border-radius:20px;background:rgba(140,98,36,.08);transition:border-color .16s ease,background .16s ease,transform .16s ease}.groups-create-card:focus-within,.groups-create-card:hover{border-color:var(--accent-gold);background:rgba(140,98,36,.14);transform:translateY(-2px)}.groups-create-icon{display:grid;width:2.4rem;height:2.4rem;place-items:center;border:1px solid rgba(196,148,68,.55);border-radius:50%;color:var(--accent-gold);font-size:1.4rem;font-weight:700;line-height:1}.groups-create-card input{width:100%;padding:.5rem 0;border:none;border-bottom:1px solid rgba(221,214,204,.3);background:transparent;color:var(--text-primary);font:inherit;font-size:.95rem;font-weight:600;text-align:center;outline:none}.groups-create-card input::placeholder{color:var(--accent-gold);opacity:.75}.groups-create-card input:disabled{opacity:.55}.groups-create-card button{padding:.6rem 1.3rem;border:1px solid var(--accent-gold);border-radius:999px;background:rgba(140,98,36,.16);color:var(--accent-gold);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease}.groups-create-card button:hover:not(:disabled){transform:translateY(-2px);background:rgba(140,98,36,.26)}.groups-create-card button:disabled{opacity:.4;cursor:not-allowed}.groups-leave-button{flex:0 0 auto;padding:.55rem 1rem;border:1px solid rgba(140,98,36,.35);border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.78rem;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.groups-leave-button:hover{border-color:var(--accent-gold);background:rgba(140,98,36,.08);color:var(--text-primary)}.groups-member-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:0;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.78rem;cursor:pointer;transition:color .16s ease}.groups-member-toggle:hover{color:var(--text-primary)}.groups-member-toggle span{font-size:.6rem}.groups-member-dropdown{padding:.9rem 0 1.1rem;border-bottom:1px solid var(--border-subtle)}.groups-member-status{margin:0;color:var(--text-muted);font-size:.82rem}.groups-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.groups-member-row{display:flex;align-items:center;gap:.65rem;color:var(--text-secondary);font-size:.85rem}.groups-member-avatar{display:grid;width:1.9rem;height:1.9rem;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(221,214,204,.1);color:var(--text-primary);font-size:.62rem;font-weight:800}.groups-member-admin-badge{margin-left:auto;padding:.15rem .55rem;border-radius:999px;background:rgba(140,98,36,.15);color:var(--accent-gold);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.groups-card .groups-member-admin-badge{color:var(--accent-gold-deep)}.users-panel{flex:0 0 360px;position:-webkit-sticky;position:sticky;top:7rem;margin-top:6.5rem;padding:1.75rem 1.5rem;border-radius:24px;background:var(--card-bg);color:var(--card-text);box-shadow:0 18px 42px rgba(4,9,16,.3),inset 0 0 0 1px rgba(255,255,255,.18)}.users-panel-heading{margin:0 0 1.5rem}.users-panel-eyebrow{display:block;margin-bottom:.6rem;color:var(--accent-gold-deep);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.users-panel-heading h2{margin:0;color:var(--card-text);font-size:1.6rem;font-weight:700;line-height:.95;letter-spacing:-.03em}.users-search{display:flex;gap:.6rem;margin-bottom:1.5rem}.users-search input{flex:1 1;min-width:0;padding:.7rem 0;border:none;border-bottom:1px solid var(--card-border);border-radius:0;background:transparent;color:var(--card-text);font:inherit;font-size:.88rem;outline:none;transition:border-color .2s ease}.users-search input::placeholder{color:var(--card-text-secondary)}.users-search input:focus{border-bottom-color:var(--accent-gold)}.users-search button{flex:0 0 auto;padding:.55rem 1rem;border:1px solid var(--card-border);border-radius:999px;background:transparent;color:var(--card-text);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease}.users-search button:hover:not(:disabled){background:var(--card-text);color:var(--card-bg)}.users-search button:disabled{opacity:.45;cursor:not-allowed}.users-panel-section .section-label{display:block;margin-bottom:1rem;color:var(--accent-gold-deep);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.users-panel-status{margin:0;color:var(--card-text-secondary);font-size:.82rem;line-height:1.5}.users-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;max-height:60vh;overflow-y:auto}.users-panel-row{display:flex;flex-direction:column;gap:.65rem;padding-bottom:.9rem;border-bottom:1px solid var(--card-border)}.users-panel-skeleton-row{height:3.4rem;border-radius:12px;background:rgba(8,18,32,.06);animation:groups-skeleton-pulse 1.4s ease-in-out infinite}.users-panel-row:last-child{padding-bottom:0;border-bottom:none}.users-panel-identity{display:flex;align-items:center;gap:.75rem}.users-panel-avatar{display:grid;width:2.3rem;height:2.3rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--card-text);color:var(--card-bg);font-size:.72rem;font-weight:800}.users-panel-identity div{display:flex;min-width:0;flex-direction:column}.users-panel-identity strong{color:var(--card-text);font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-panel-identity small{color:var(--card-text-secondary);font-size:.72rem}.users-panel-actions{display:flex;gap:.5rem}.users-panel-actions button{flex:1 1;padding:.45rem .6rem;border:1px solid var(--card-border);border-radius:999px;background:transparent;color:var(--card-text);font:inherit;font-size:.68rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.users-panel-actions button:hover{border-color:var(--accent-gold);background:rgba(140,98,36,.1)}.groups-picker-list{flex-direction:column;align-items:stretch}.groups-picker-list .popup-button{width:100%}@media (max-width:980px){.groups-layout{flex-direction:column;align-items:stretch}.users-panel{position:static;width:100%;flex:1 1 auto;margin-top:2.5rem}.users-panel-list{max-height:none}}@media (max-width:680px){.groups-layout{width:100%;max-width:100%;box-sizing:border-box;padding:4.5rem 1rem 3rem;gap:1.75rem}.groups-main h1{font-size:2.4rem}.groups-intro-description{font-size:.85rem}.groups-grid{grid-template-columns:1fr}.users-panel{padding:1.4rem 1.1rem;border-radius:18px}}.groups-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.notifications-trigger{flex:0 0 auto;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(221,214,204,.24);border-radius:999px;background:transparent;color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.notifications-trigger:hover{transform:translateY(-2px);border-color:var(--accent-gold);background:rgba(140,98,36,.08)}.notifications-trigger:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.notifications-wrapper{position:relative;display:none}.notifications-click-catcher{position:fixed;inset:0;z-index:1199;background:transparent}.notifications-panel{position:fixed;top:90px;right:max(1rem,calc((100% - 78%) / 2));z-index:1200;display:flex;flex-direction:column;width:min(420px,92vw);max-height:min(70vh,520px);box-sizing:border-box;padding:2.25rem 1.75rem 1.75rem;overflow-y:auto;border:1px solid rgba(221,214,204,.14);border-radius:20px;background:linear-gradient(180deg,var(--bg-top) 0,var(--bg-middle) 100%);color:var(--text-primary);box-shadow:0 24px 60px rgba(0,0,0,.4);animation:notifications-slide-in .22s ease}@keyframes notifications-slide-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.notifications-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(221,214,204,.12)}.notifications-eyebrow{margin:0 0 .35rem;color:var(--accent-gold);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.notifications-header h2{margin:0;color:var(--text-primary);font-size:1.4rem;line-height:1.1}.notifications-close{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border:0;background:transparent;color:var(--text-primary);font-size:1.4rem;font-weight:300;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.notifications-close:hover{opacity:.6;transform:rotate(4deg)}.notifications-close:focus-visible{outline:2px solid rgba(221,214,204,.45);outline-offset:3px}.notifications-empty{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (max-width:900px){.notifications-panel{right:max(1rem,calc((100% - 90%) / 2))}}@media (max-width:768px){.notifications-panel{top:78px;right:16px;left:16px;width:auto;max-height:min(60vh,420px)}}@media (prefers-reduced-motion:reduce){.notifications-panel{animation:none}}.groups-intro-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.groups-intro-eyebrow{margin:0}.groups-description-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:0;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .16s ease}.groups-description-toggle:hover{color:var(--text-primary)}.groups-description-toggle span{display:inline-flex;align-items:center;justify-content:center;width:1rem}