.page-group-ranking{display:flex;flex-direction:column;position:relative;min-height:100vh;padding:0 16px 20px}.page-group-ranking:after{content:"";position:absolute;top:0;left:50%;width:1000px;height:600px;border:1px solid rgba(var(--Accent-Accent-RGB),.7);-webkit-user-select:none;user-select:none;z-index:-1;transform:translate(-50%);display:block;background:radial-gradient(50% 75% at 50% 0%,#dce3f452,#dce3f41f 40%,#07070800),var(--Base-Background)}.head{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:16px;margin-bottom:16px}.head__title{text-align:center;font-size:28px;font-style:normal;font-weight:600;line-height:36px;color:var(--Base-Accent);font-variant-numeric:lining-nums tabular-nums}.head__title .text-green{position:relative;font-size:28px;font-weight:600;line-height:36px;color:var(--green-tonal-green-bright-1)}.head__subtitle{color:var(--Neutral-Neutral_72);font-size:var(--Size-S, 16px);font-style:normal;font-weight:400;line-height:var(--Line_Height-S, 24px);margin-top:8px}.tab-container{margin-bottom:20px;position:relative}.tab-wrapper{display:flex;background:transparent;border:1px solid rgba(220,227,244,.18);border-radius:999px;padding:8px;position:relative;overflow:hidden}.tab-item{flex:1;padding:8px 16px;text-align:center;font-size:14px;font-weight:600;color:#e5e8f1b8;cursor:pointer;transition:color .3s ease;position:relative;z-index:2;-webkit-user-select:none;user-select:none;border-radius:999px;border:1px solid transparent;background:transparent}.tab-item--active{color:var(--green-tonal-green-bright-1);background:transparent;border-color:transparent;box-shadow:none}.tab-indicator{position:absolute;top:8px;height:calc(100% - 16px);width:calc(50% - 8px);background:rgba(var(--Accent-Accent-RGB),.12);border:1px solid rgba(var(--Accent-Accent-RGB),.7);border-radius:999px;transition:left .25s ease,background-color .25s ease,border-color .25s ease;z-index:1}.content-area{display:flex;flex-direction:column}.content-section{display:flex;flex-direction:column;gap:16px}.stats-section{display:flex;gap:12px;margin-bottom:24px}.stats-card{flex:1;background:var(--Neutral-Neutral_8);border:1px solid var(--Neutral-Neutral_12);border-radius:var(--Corner_04, 12px);padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.stats-card:hover{background:var(--Neutral-Neutral_12);border-color:var(--Neutral-Neutral_20)}.stats-card__icon{width:48px;height:48px;border-radius:var(--Corner_03, 10px);background:var(--Neutral-Neutral_12);display:flex;align-items:center;justify-content:center;color:var(--Base-Accent);flex-shrink:0}.stats-card__icon--green{background:var(--Green-Green_12);color:var(--Green-Green)}.stats-card__content{flex:1;min-width:0}.stats-card__value{font-size:24px;font-weight:700;line-height:32px;color:var(--Base-Accent);margin-bottom:2px}.stats-card__value--green{color:var(--Green-Green)}.stats-card__label{font-size:12px;font-weight:400;line-height:16px;color:var(--Neutral-Neutral_56)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--Neutral-Neutral_72)}.loading-spinner{width:40px;height:40px;border:3px solid var(--Neutral-Neutral_20);border-top-color:var(--Green-Green);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--Neutral-Neutral_72);text-align:center}.error-state svg{color:var(--Red-Red);margin-bottom:16px}.error-state p{margin-bottom:20px;font-size:14px}.retry-btn{padding:10px 24px;background:var(--Green-Green);color:var(--Base-Background);border:none;border-radius:var(--Corner_03, 10px);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{opacity:.9;transform:translateY(-1px)}.retry-btn:active{transform:translateY(0)}.group-ranking-list{display:flex;flex-direction:column;gap:12px}.group-card{background:var(--Neutral-Neutral_8);border:1px solid var(--Neutral-Neutral_12);border-radius:var(--Corner_04, 12px);padding:16px;display:flex;gap:16px;transition:all .3s ease;cursor:pointer}.group-card:hover{background:var(--Neutral-Neutral_12);border-color:var(--Neutral-Neutral_20);transform:translateY(-2px)}.group-card:active{transform:translateY(0)}.group-card__ranking{flex-shrink:0;display:flex;align-items:center}.ranking-badge{width:48px;height:48px;border-radius:var(--Corner_03, 10px);background:var(--Neutral-Neutral_12);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--Base-Accent)}.ranking-badge--gold{background:linear-gradient(135deg,var(--Yellow-Yellow_Hover) 0%,var(--Yellow-Yellow) 100%);box-shadow:0 4px 12px var(--Yellow-Yellow_32)}.ranking-badge--silver{background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 4px 12px #c0c0c04d}.ranking-badge--bronze{background:linear-gradient(135deg,#cd7f32,#b8732d);box-shadow:0 4px 12px #cd7f324d}.ranking-icon{font-size:28px;line-height:1}.ranking-number{font-size:18px;font-weight:700}.group-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.group-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-card__name{font-size:16px;font-weight:600;line-height:24px;color:var(--Base-Accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.group-card__check-count{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--Green-Green_12);border-radius:var(--Corner_02, 8px);flex-shrink:0}.group-card__check-count svg{width:16px;height:16px;color:var(--Green-Green)}.group-card__check-count span{font-size:14px;font-weight:600;color:var(--Green-Green);line-height:1}.group-card__desc{font-size:14px;font-weight:400;line-height:20px;color:var(--Neutral-Neutral_72);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--Neutral-Neutral_56);text-align:center}.empty-state svg{color:var(--Neutral-Neutral_32);margin-bottom:16px}.empty-state p{font-size:14px;margin:0}.invite-hero{background:#dce3f414;border:1px solid rgba(220,227,244,.08);border-radius:var(--Corner_05, 16px);padding:var(--Spacing_200, 16px);display:flex;flex-direction:column;gap:8px}.invite-hero__title{font-size:var(--Size-M, 18px);font-weight:700;color:var(--Base-Inverse, #fff)}.invite-hero__subtitle{font-size:var(--Size-XS, 14px);color:#e5e8f1b8}.invite-hero__action{height:44px;border:none;border-radius:var(--Corner_03, 10px);background:var(--green-tonal-green-bright-1);color:var(--Base-Background);font-size:var(--Size-S, 14px);font-weight:600;cursor:pointer;transition:all .2s ease}.invite-hero__action:active{transform:scale(.98);opacity:.9}.group-stats{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#dce3f414;border:1px solid rgba(220,227,244,.08);border-radius:var(--Corner_05, 16px);padding:var(--Spacing_200, 16px)}.group-stats__item{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.group-stats__value{font-size:var(--Size-M, 20px);font-weight:700;color:var(--green-tonal-green-bright-1)}.group-stats__label{font-size:var(--Size-XXS, 12px);color:#e5e8f1b8}.group-stats__divider{width:1px;height:48px;background:#dce3f429}.group-list{display:flex;flex-direction:column;gap:12px}.group-list__loading,.group-list__empty{padding:24px 12px;text-align:center;color:#e5e8f1b8;font-size:var(--Size-XS, 14px)}.group-list__items{display:flex;flex-direction:column;gap:12px}.group-invite-card{background:#dce3f414;border:1px solid rgba(220,227,244,.08);border-radius:var(--Corner_05, 16px);padding:var(--Spacing_200, 16px);display:flex;flex-direction:column;gap:12px}.group-invite-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-invite-card__name{font-size:var(--Size-S, 16px);font-weight:600;color:var(--Base-Inverse, #fff)}.group-invite-card__income{font-size:var(--Size-S, 16px);font-weight:700;color:var(--green-tonal-green-bright-1)}.group-invite-card__meta{display:grid;gap:8px}.group-invite-card__row{display:flex;justify-content:space-between;font-size:var(--Size-XS, 14px);color:#e5e8f1b8}.invite-card{background:#dce3f414;border:1px solid rgba(220,227,244,.08);border-radius:var(--Corner_05, 16px);padding:var(--Spacing_200, 16px)}.invite-card__title{font-size:var(--Size-S, 16px);font-weight:600;color:var(--Base-Inverse, #fff);margin-bottom:8px}.invite-card__desc{font-size:var(--Size-XS, 14px);color:#e5e8f1b8;line-height:1.6}.invite-card__list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:8px;font-size:var(--Size-XS, 14px);color:#e5e8f1b8;line-height:1.6}@media(max-width:380px){.stats-section{flex-direction:column}.group-card{padding:12px}.ranking-badge{width:40px;height:40px}.ranking-icon{font-size:24px}.group-card__name{font-size:15px}.group-card__desc{font-size:13px}.tab-item{padding:8px 12px;font-size:13px}}