.nav{position:sticky;top:0;z-index:100;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.nav--scrolled{background:#070b18d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav__logo{display:flex;align-items:center;gap:10px;font-weight:700}.nav__mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#006afd1f;border:1px solid rgba(0,106,253,.3)}.nav__mark img{width:26px;height:26px}.nav__name{font-size:1.15rem;color:var(--text-0);letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px}.nav__menu{display:flex;align-items:center;gap:28px}.nav__menu>a,.nav__menu>.nav__lang{font-size:.95rem;color:var(--text-1);transition:color .18s ease}.nav__menu>a:hover{color:var(--text-0)}.nav__lang{border:1px solid var(--border-strong);border-radius:8px;padding:6px 12px;font-weight:500}.nav__lang:hover{background:var(--surface-hover);color:var(--text-0)}.nav__menu>a.nav__cta,.nav__menu>a.nav__cta:hover{padding:10px 20px;font-size:.92rem;color:#1a1204}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav__toggle span{width:24px;height:2px;background:var(--text-0);border-radius:2px;transition:transform .2s ease}@media (max-width: 900px){.nav__toggle{display:flex}.nav__menu{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:16px 24px 24px;background:#070b18f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav__menu.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.nav__menu>a,.nav__menu>.nav__lang{padding:12px 4px;border-bottom:1px solid var(--border)}.nav__lang{text-align:center}.nav__cta{margin-top:12px;text-align:center}}.footer{background:var(--bg-1);border-top:1px solid var(--border);padding:64px 0 32px;margin-top:40px}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--border)}.footer__logo{font-size:1.2rem;font-weight:700;color:var(--text-0)}.footer__logo span{font-size:.85rem;font-weight:500;color:var(--text-3);margin-left:6px}.footer__tagline{margin-top:12px;color:var(--text-2);font-size:.92rem;max-width:320px}.footer__col h4{font-size:.9rem;color:var(--text-0);margin-bottom:16px;font-weight:600}.footer__col a{display:block;color:var(--text-2);font-size:.9rem;padding:5px 0;transition:color .18s ease}.footer__col a:hover{color:var(--accent)}.footer__disclaimer{margin-top:28px;color:var(--text-3);font-size:.82rem;line-height:1.7}.footer__bottom{margin-top:20px;color:var(--text-3);font-size:.82rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.footer__beian{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.footer__beian a{color:var(--text-3);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .3s ease}.footer__beian a:hover{color:var(--accent)}.footer__beian-icon{width:16px;height:16px;vertical-align:middle}@media (max-width: 768px){.footer__grid{grid-template-columns:1fr 1fr;gap:28px}.footer__brand{grid-column:1 / -1}}.hero{position:relative;padding:120px 0 100px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(245,181,68,.1),transparent 60%),radial-gradient(ellipse 60% 50% at 90% 20%,rgba(56,189,248,.08),transparent 60%),var(--bg-0)}.hero__bg{position:absolute;inset:auto 0 0 0;height:60%;opacity:.7;pointer-events:none}.hero__chart{width:100%;height:100%}.hero__inner{position:relative;z-index:1;text-align:center;max-width:860px}.hero__title{margin-top:24px;font-size:clamp(2.6rem,7vw,5rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--text-0)}.hero__accent{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{margin:28px auto 0;max-width:680px;font-size:clamp(1rem,2vw,1.2rem);color:var(--text-1)}.hero__cta{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero__disclaimer{margin-top:28px;font-size:.85rem;color:var(--text-3)}.pain__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pain__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;transition:transform .2s ease,border-color .2s ease}.pain__card:hover{transform:translateY(-4px);border-color:var(--down)}.pain__icon{font-size:2rem;width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:var(--down-soft);margin-bottom:18px}.pain__card h3{font-size:1.2rem;color:var(--text-0);margin-bottom:10px}.pain__card p{color:var(--text-2);font-size:.95rem}.features{background:linear-gradient(180deg,var(--bg-0),var(--bg-1))}.features__grid{display:flex;flex-direction:column;gap:40px}.feat{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .25s ease,transform .25s ease}.feat:hover{border-color:var(--border-strong);transform:translateY(-3px)}.feat--alt{grid-template-columns:1fr 1.1fr}.feat--alt .feat__media{order:2}.feat__media{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-2);box-shadow:0 20px 50px #0006}.feat__media img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform .4s ease}.feat:hover .feat__media img{transform:scale(1.03)}.feat__body{padding:8px 20px}.feat__tag{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent-2);background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:4px 12px;border-radius:999px;margin-bottom:16px}.feat__body h3{font-size:clamp(1.3rem,2.5vw,1.7rem);color:var(--text-0);margin-bottom:14px;letter-spacing:-.01em}.feat__body p{color:var(--text-2);font-size:1rem}.stats{background:var(--bg-1)}.stats__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.stats__item{text-align:center;padding:32px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease}.stats__item:hover{transform:translateY(-4px);border-color:#f5b54466}.stats__num{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stats__label{margin-top:10px;color:var(--text-2);font-size:.9rem}.platforms__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.platforms__item{text-align:center;padding:28px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,background .2s ease}.platforms__item:hover{transform:translateY(-4px);background:var(--surface-hover)}.platforms__icon{font-size:2.2rem;margin-bottom:12px}.platforms__name{color:var(--text-0);font-weight:600;font-size:.98rem}.platforms__note{color:var(--text-3);font-size:.82rem;margin-top:6px}.steps{background:linear-gradient(180deg,var(--bg-1),var(--bg-0))}.steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps__item{position:relative;padding:32px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.steps__num{font-size:2.4rem;font-weight:700;color:var(--accent);opacity:.55;line-height:1;margin-bottom:14px}.steps__item h3{font-size:1.15rem;color:var(--text-0);margin-bottom:10px}.steps__item p{color:var(--text-2);font-size:.92rem}.faq__list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 24px;transition:border-color .2s ease}.faq__item[open]{border-color:var(--border-strong)}.faq__item summary{cursor:pointer;list-style:none;padding:18px 0;font-size:1.05rem;font-weight:600;color:var(--text-0);display:flex;justify-content:space-between;align-items:center;gap:16px}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";font-size:1.4rem;color:var(--accent);transition:transform .2s ease}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{padding:0 0 20px;color:var(--text-2);font-size:.95rem}.faq__more{text-align:center;margin-top:36px}.final-cta__box{position:relative;text-align:center;padding:64px 32px;border-radius:24px;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(245,181,68,.14),transparent 70%),var(--bg-2);border:1px solid var(--border-strong);overflow:hidden}.final-cta__box h2{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--text-0);font-weight:700;letter-spacing:-.01em}.final-cta__box p{margin:16px auto 0;max-width:560px;color:var(--text-1);font-size:1.05rem}.final-cta__buttons{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 900px){.stats__grid,.platforms__grid{grid-template-columns:repeat(3,1fr)}.steps__grid{grid-template-columns:repeat(2,1fr)}.pain__grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero{padding:80px 0 64px}.feat,.feat--alt{grid-template-columns:1fr;gap:24px}.feat--alt .feat__media{order:0}.feat__body{padding:0 8px 8px}}@media (max-width: 520px){.stats__grid,.platforms__grid{grid-template-columns:repeat(2,1fr)}}.page-hero{padding:72px 0 28px;text-align:center;background:radial-gradient(ellipse 70% 60% at 50% -20%,rgba(245,181,68,.1),transparent 65%),var(--bg-0)}.page-section{padding:32px 0 48px}.page-title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;color:var(--text-0);letter-spacing:-.02em}.page-subtitle{margin:18px auto 0;max-width:620px;color:var(--text-1);font-size:1.1rem}.page-disclaimer{margin-top:32px;text-align:center;color:var(--text-3);font-size:.85rem;max-width:720px;margin-left:auto;margin-right:auto}.dl-page{position:relative;padding:24px 0 48px;overflow:hidden}.dl-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.dl-ambient:before{content:"";position:absolute;width:760px;height:760px;top:-220px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(56,189,248,.16) 0%,transparent 70%)}.dl-ambient:after{content:"";position:absolute;width:560px;height:560px;bottom:-160px;right:-120px;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 70%)}.dl-page .container{position:relative;z-index:1}.dl-hero{text-align:center;max-width:880px;margin:0 auto;padding:16px 0 4px}.dl-hero__top{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.dl-hero__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));border:1px solid var(--border);box-shadow:0 8px 40px #38bdf824,inset 0 1px #ffffff0a}.dl-hero__icon svg,.dl-hero__icon img{width:32px;height:32px;color:var(--accent-2)}.dl-hero__title{font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--text-0);margin:0}.dl-hero__accent{background:var(--chart-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dl-hero__sub{font-size:14px;color:var(--text-2);line-height:1.6;margin-bottom:12px}.dl-hero__tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.dl-hero__tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--up);background:var(--up-soft);padding:6px 16px;border-radius:999px;border:1px solid rgba(34,197,94,.2)}.dl-hero__tag svg{width:14px;height:14px;flex-shrink:0}.dl-hero__tag--info{color:var(--text-2);background:linear-gradient(135deg,#38bdf812,#22c55e0a);border:1px solid rgba(56,189,248,.15)}.dl-hero__tag--info svg{color:var(--accent-2)}.dl-recommend{max-width:720px;margin:28px auto 0;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,#38bdf812,#22c55e0a);border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);text-align:left}.dl-recommend svg{flex-shrink:0;width:18px;height:18px;color:var(--accent-2)}.dl-section-title{font-size:13px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:2px;margin:32px 0 16px}.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.dl-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:26px 28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.dl-card:hover{transform:translateY(-3px);background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 12px 40px #00000059}.dl-card--primary{border-color:#38bdf838;background:linear-gradient(180deg,rgba(56,189,248,.05) 0%,var(--surface) 100%)}.dl-card--primary:hover{border-color:#38bdf866;box-shadow:0 12px 40px #38bdf81a}.dl-card__badge{position:absolute;top:16px;right:16px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.dl-card__badge--rec{background:#38bdf824;color:var(--accent-2);border:1px solid rgba(56,189,248,.25)}.dl-card__badge--soon{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(245,181,68,.25)}.dl-card__head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.dl-card__headtext{display:flex;flex-direction:column;gap:2px}.dl-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0a;border:1px solid var(--border);color:var(--text-1)}.dl-card__icon svg{width:24px;height:24px}.dl-card__icon--accent svg{color:var(--accent-2)}.dl-card>.dl-card__icon{margin-bottom:16px}.dl-card>h3{margin-bottom:6px}.dl-card>.dl-card__meta{margin-bottom:4px}.dl-card h3{font-size:17px;font-weight:600;color:var(--text-0);margin-bottom:0}.dl-card__req{font-size:13px;color:var(--text-3);line-height:1.5;margin-bottom:16px}.dl-card__meta{font-size:12px;color:var(--text-3)}.dl-card__spacer{flex:1;width:100%}.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:all .25s;border:none}.dl-btn svg{width:16px;height:16px}.dl-btn--primary{background:var(--chart-grad);color:#04121a}.dl-btn--primary:hover{box-shadow:0 6px 22px #38bdf84d}.dl-btn--outline{background:transparent;color:var(--text-0);border:1px solid var(--border-strong)}.dl-card:hover .dl-btn--outline{border-color:#ffffff47;background:#ffffff0a}.dl-btn--disabled{background:#ffffff0a;color:var(--text-3);border:1px solid var(--border);cursor:not-allowed}.dl-card--disabled{cursor:not-allowed;opacity:.72}.dl-card--disabled:hover{transform:none;background:var(--surface);border-color:var(--border);box-shadow:none}.dl-section-title--below{margin-top:48px}.dl-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dl-feat{padding:22px 20px;text-align:center;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.dl-feat__icon{display:block;margin-bottom:10px;color:var(--accent-2)}.dl-feat__icon svg{width:24px;height:24px;margin:0 auto}.dl-feat h4{font-size:14px;font-weight:600;color:var(--text-0);margin-bottom:4px}.dl-feat p{font-size:12px;color:var(--text-3);line-height:1.5}.dl-disclaimer{margin-top:24px;text-align:center;font-size:11px;color:var(--text-3);line-height:1.7}@media (max-width: 900px){.dl-grid,.dl-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dl-grid{grid-template-columns:1fr}.dl-features{grid-template-columns:1fr 1fr}.dl-recommend{align-items:flex-start}.dl-hero__tags{flex-direction:column;align-items:stretch;gap:8px;max-width:420px;margin:0 auto}.dl-hero__tag{justify-content:flex-start;align-items:flex-start;text-align:left;padding:8px 14px;font-size:12px;line-height:1.6}.dl-hero__tag svg{margin-top:3px}}.help__wrap{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.help__h2{font-size:1.6rem;color:var(--text-0);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.help__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.help__step{display:flex;gap:16px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.help__step-num{font-size:1.6rem;font-weight:700;color:var(--accent);opacity:.6;line-height:1;flex-shrink:0}.help__step h3{font-size:1.05rem;color:var(--text-0);margin-bottom:6px}.help__step p{color:var(--text-2);font-size:.9rem}.help__shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help__shortcut{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.help__shortcut kbd{font-family:var(--font-mono);font-size:.82rem;color:var(--accent);background:var(--bg-0);border:1px solid var(--border-strong);border-radius:6px;padding:4px 10px;white-space:nowrap;flex-shrink:0}.help__shortcut span{color:var(--text-2);font-size:.85rem}.help__faq{display:flex;flex-direction:column;gap:10px}.help__faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 22px}.help__faq-item[open]{border-color:var(--border-strong)}.help__faq-item summary{cursor:pointer;list-style:none;padding:16px 0;font-size:1rem;font-weight:600;color:var(--text-0);display:flex;justify-content:space-between;gap:16px}.help__faq-item summary::-webkit-details-marker{display:none}.help__faq-item summary:after{content:"+";color:var(--accent);font-size:1.3rem;transition:transform .2s ease}.help__faq-item[open] summary:after{transform:rotate(45deg)}.help__faq-item p{padding:0 0 18px;color:var(--text-2);font-size:.92rem}.help__contact{text-align:center;padding:48px 32px;border-radius:var(--radius);background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(245,181,68,.1),transparent 70%),var(--bg-2);border:1px solid var(--border-strong)}.help__contact h2{font-size:1.5rem;color:var(--text-0);margin-bottom:10px}.help__contact p{color:var(--text-2);margin-bottom:24px}@media (max-width: 768px){.help__steps,.help__shortcuts{grid-template-columns:1fr}}.cl-timeline{list-style:none;max-width:780px;margin:0 auto;padding:0;position:relative}.cl-timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent),var(--border) 60%,transparent)}.cl-item{position:relative;padding-left:40px;margin-bottom:20px}.cl-item:last-child{margin-bottom:0}.cl-marker{position:absolute;left:0;top:22px;width:16px;height:16px;border-radius:50%;background:var(--bg-0);border:3px solid var(--accent)}.cl-item:not(:first-child) .cl-marker{border-color:var(--text-3);background:var(--bg-0)}.cl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:border-color .2s ease,transform .2s ease}.cl-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.cl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cl-version{font-size:1.15rem;font-weight:700;color:var(--text-0)}.cl-tag{font-size:.72rem;font-weight:600;color:#1a1204;background:var(--gold-grad);padding:3px 10px;border-radius:999px}.cl-date{margin-left:auto;font-size:.85rem;color:var(--text-3)}.cl-changes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cl-changes li{position:relative;padding-left:20px;color:var(--text-1);font-size:.95rem;line-height:1.6}.cl-changes li:before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent-2)}@media (max-width: 520px){.cl-date{margin-left:0;width:100%}.cl-card{padding:18px}}.invitation-manager{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.invitation-manager:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.invitation-manager .container{max-width:1400px;margin:0 auto;padding:14px 20px;position:relative;z-index:1}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.2);max-width:480px;width:100%;text-align:center;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px}.login-icon{font-size:4rem;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-card h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:8px}.login-card p{color:#666;font-size:1rem;margin:0}.error-message-box{background:#f5656526;color:#c53030;border:1px solid rgba(245,101,101,.3);border-radius:12px;padding:12px 16px;margin:20px 0;font-size:14px;font-weight:500;text-align:left;animation:slideIn .3s ease-out}.input-group{display:flex;gap:12px;margin-top:24px}.login-input{flex:1;padding:16px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.login-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.login-btn{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;display:flex;align-items:center;justify-content:center}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.top-nav{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:10px 20px;margin-top:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);gap:12px}.nav-left h1{font-size:1.2rem;font-weight:700;color:#333;margin:0;white-space:nowrap}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-info{color:#888;font-size:12px;font-weight:500;white-space:nowrap}.logout-btn{padding:5px 12px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;animation:slideIn .3s ease-out}.message.success{background:#48bb7826;color:#2f855a;border:1px solid rgba(72,187,120,.3)}.message.error{background:#f5656526;color:#c53030;border:1px solid rgba(245,101,101,.3)}.message.info{background:#4299e126;color:#2b6cb0;border:1px solid rgba(66,153,225,.3)}.message-icon{font-size:1.2rem}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tab-nav{display:flex;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:4px;margin-bottom:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);gap:4px}.tab-btn{flex:1;padding:8px 24px;background:transparent;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666;position:relative}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.tab-btn:not(.active):hover{background:#667eea1a;color:#667eea}.tab-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:12px 24px 20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #f0f0f0}.section-header h2{font-size:1.15rem;font-weight:700;color:#333;margin:0;line-height:1.3}.header-actions{display:flex;align-items:center;gap:10px}.list-toolbar{margin-bottom:20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:14px;padding:16px;border:1px solid rgba(102,126,234,.12);display:flex;flex-direction:column;gap:12px}.toolbar-row{display:flex;align-items:center;gap:10px}.toolbar-title{font-size:1.1rem;font-weight:700;color:#333;margin:0;white-space:nowrap}.toolbar-badges{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.uv-count{color:#667eea;font-size:12px;font-weight:600;background:#667eea1f;padding:3px 8px;border-radius:10px;white-space:nowrap}.code-count{color:#888;font-size:12px;font-weight:500;background:#0000000d;padding:3px 8px;border-radius:10px;white-space:nowrap}.refresh-btn{width:32px;height:32px;padding:0;background:#fff;color:#667eea;border:1.5px solid rgba(102,126,234,.25);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (hover: hover){.refresh-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}}.refresh-btn:active:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-search-row{display:flex;gap:8px;align-items:center}.codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.code-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;transition:all .3s ease;position:relative;overflow:hidden}.code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.code-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.code-value{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 16px;border-radius:10px;border:1px solid rgba(102,126,234,.3);letter-spacing:2px;box-shadow:0 2px 8px #667eea33}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:#48bb7826;color:#2f855a;border:1px solid rgba(72,187,120,.3)}.status-badge.status-inactive{background:#f5656526;color:#c53030;border:1px solid rgba(245,101,101,.3)}.status-badge.status-expired{background:#ed893626;color:#c05621;border:1px solid rgba(237,137,54,.3)}.code-details{margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.9rem;color:#666;font-weight:500}.detail-value{font-size:.9rem;color:#333;font-weight:600}.detail-remark{border-top:1px solid #f0f0f0;padding-top:8px;margin-top:8px;flex-direction:column;align-items:flex-start;gap:4px}.remark-text{color:#666;font-weight:400;line-height:1.4;word-wrap:break-word;max-width:100%}.code-actions{display:flex;justify-content:flex-end}.deactivate-btn{padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.deactivate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.account-filter{padding:7px 10px;border:1.5px solid #dce0e5;border-radius:8px;font-size:13px;font-weight:500;color:#333;background:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0;max-width:120px}.account-filter:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.account-filter:hover{border-color:#667eea}.search-input-wrapper{flex:1;min-width:0;position:relative;display:flex;align-items:center}.search-input{width:100%;min-width:0;padding:7px 30px 7px 12px;border:1.5px solid #dce0e5;border-radius:8px;font-size:13px;transition:all .2s ease;background:#fff;box-sizing:border-box}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-clear-inline{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;background:#ccc;color:#fff;border:none;border-radius:50%;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.search-clear-inline:hover{background:#999}.search-btn{width:34px;height:34px;padding:0;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-btn:hover:not(:disabled){box-shadow:0 2px 8px #4299e166}.search-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{padding:8px 12px;background:linear-gradient(135deg,#718096,#4a5568);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.clear-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7180964d}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;flex-wrap:wrap}.page-btn{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.page-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.page-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-numbers{display:flex;gap:8px;flex-wrap:wrap}.page-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;color:#666;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.page-number:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-1px)}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.page-ellipsis{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;font-weight:700}.page-info{font-size:14px;color:#666;font-weight:500;white-space:nowrap}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.7}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#333}.empty-state p{font-size:1rem;margin:0}.generate-form{max-width:600px;margin:0 auto}.generate-form h2{text-align:center;font-size:1.8rem;font-weight:700;color:#333;margin-bottom:32px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px;align-items:start}.form-item{display:flex;flex-direction:column}.form-item-full{display:flex;flex-direction:column;margin-bottom:24px}.form-item label{font-size:1rem;font-weight:600;color:#333;margin-bottom:8px;min-height:24px;display:flex;align-items:center}.input-with-info{position:relative}.form-input{width:100%;padding:16px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;font-size:14px;font-family:inherit;line-height:1.5;transition:all .3s ease;background:#fff;box-sizing:border-box;resize:vertical}.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.char-count{align-self:flex-end;font-size:12px;color:#999;margin-top:4px}.input-info{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#999;pointer-events:none}.generate-btn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #48bb784d}.generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.verify-form{max-width:600px;margin:0 auto}.verify-form h2{text-align:center;font-size:1.8rem;font-weight:700;color:#333;margin-bottom:32px}.verify-input-group{display:flex;gap:12px;margin-bottom:32px}.verify-input{flex:1;padding:16px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;font-family:Courier New,monospace;font-weight:600;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;background:#fff}.verify-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.verify-btn{padding:16px 32px;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;display:flex;align-items:center;justify-content:center}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4299e14d}.verify-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.generate-result{background:#fff;border-radius:16px;padding:24px;margin-top:24px;box-shadow:0 4px 20px #00000014;border-left:4px solid;animation:slideIn .4s ease-out}.generate-result.success{border-left-color:#48bb78;background:linear-gradient(135deg,#48bb780d,#48bb7805)}.generate-result.error{border-left-color:#f56565;background:linear-gradient(135deg,#f565650d,#f5656505)}.generated-codes{margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.generated-codes h4{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:16px}.codes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.generated-code-item{background:transparent;border:1px solid #e9ecef;border-radius:8px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.generated-code-item .code-value{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,#48bb78,#38a169);padding:6px 8px;border-radius:6px;letter-spacing:1px;display:inline-block}.copy-tools-btn{width:100%;padding:6px 10px;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-tools-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.verify-result{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border-left:4px solid;animation:slideIn .4s ease-out}.verify-result.success{border-left-color:#48bb78;background:linear-gradient(135deg,#48bb780d,#48bb7805)}.verify-result.error{border-left-color:#f56565;background:linear-gradient(135deg,#f565650d,#f5656505)}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.result-icon{font-size:1.5rem}.result-header h3{font-size:1.3rem;font-weight:700;margin:0;color:#333}.result-details{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.result-item span:first-child{font-weight:600;color:#666}.code-highlight{font-family:Courier New,monospace;font-weight:700;background:#2d3748;color:#fff;padding:6px 12px;border-radius:8px;border:1px solid #4a5568;font-size:16px;letter-spacing:1px}.status-valid{color:#2f855a;font-weight:600}.status-invalid{color:#c53030;font-weight:600}.error-reason{color:#c53030;font-weight:500}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expiry-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.expiry-btn{padding:14px 16px;background:#fff;color:#666;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;white-space:nowrap;height:51px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.expiry-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.expiry-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.expiry-btn.clear-btn{background:#f8f9fa;color:#6c757d;border-color:#dee2e6}.expiry-btn.clear-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.expiry-btn.clear-btn.active{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border-color:#6c757d}.invitation-manager .stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;height:auto}.stats-platform-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #f0f0f5}.platform-filter-label{font-size:.85rem;color:#888;font-weight:500;flex-shrink:0}.platform-segmented{display:inline-flex;background:#f2f2f7;border-radius:10px;padding:3px;gap:2px}.platform-seg-btn{padding:6px 14px;border:none;border-radius:8px;background:transparent;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.platform-seg-btn:hover:not(:disabled):not(.active){color:#333;background:#ffffffb3}.platform-seg-btn.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 1px 4px #0000001f}.platform-seg-btn:disabled{opacity:.6;cursor:not-allowed}.stats-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 10px #0000000d}.stats-quick-btns{display:flex;gap:8px;flex-wrap:wrap}.quick-range-btn{padding:6px 14px;border-radius:8px;border:1px solid #e0e0e0;background:#f8f8fb;color:#555;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-range-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.quick-range-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.quick-range-btn:disabled{opacity:.6;cursor:not-allowed}.stats-date-range{display:flex;align-items:center;gap:8px}.stats-date-input{padding:6px 10px;border-radius:8px;border:1px solid #e0e0e0;font-size:.85rem;color:#333;background:#fff;outline:none;transition:border-color .2s ease}.stats-date-input:focus{border-color:#667eea}.stats-date-sep{color:#888;font-size:.85rem}.stats-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.stats-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px}.stats-info{flex:1;min-width:0}.stats-value{font-size:1.5rem;font-weight:800;color:#333;line-height:1.2;margin-bottom:2px}.stats-value-amount{font-size:1.1rem}.stats-label{font-size:.9rem;color:#888;font-weight:500}.stats-card-clickable{cursor:pointer}.stats-card-clickable:hover,.stats-card-clickable.stats-card-active{border-color:#667eea;box-shadow:0 8px 30px #667eea33}.stats-card-clickable.stats-card-active:before{height:6px!important}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px;animation:fadeIn .2s ease-out}.detail-modal{background:#fff;border-radius:16px;width:100%;max-width:1360px;height:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.detail-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea0f,#764ba20f)}.detail-modal-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.detail-modal-header h3{margin:0;font-size:1.05rem;color:#333;line-height:1.3}.detail-modal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.detail-modal-range{font-size:.8rem;color:#667eea;background:#667eea1a;padding:4px 10px;border-radius:6px;font-weight:500}.detail-modal-platform{font-size:.8rem;color:#2a9d68;background:#2a9d681a;padding:4px 10px;border-radius:6px;font-weight:500}.detail-modal-count{font-size:.85rem;color:#888}.detail-modal-close{border:none;background:transparent;color:#999;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.detail-modal-close:hover{background:#0000000f;color:#333}.detail-modal-overlay{overscroll-behavior:contain}.detail-modal-body{flex:1;overflow-y:auto;padding:16px 20px;overscroll-behavior:contain}.detail-modal .pagination{padding:12px 20px;border-top:1px solid #f0f0f0;margin:0}.detail-modal .access-log-table-wrapper{max-height:none}.membership-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.78rem;font-weight:600}.membership-lifetime{background:#ffaa0026;color:#c80}.membership-active{background:#52c41a26;color:#389e0d}.membership-trial{background:#667eea1f;color:#5a6bd8}.membership-expired{background:#0000000f;color:#999}.amount-cell{font-weight:700;color:#d4380d}.access-log-section{margin-top:12px;padding-top:10px;border-top:2px solid #f0f0f0;animation:fadeIn .3s ease-out}.access-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.access-log-header h3{font-size:1.1rem;font-weight:700;color:#333;margin:0;line-height:1.3}.access-log-info{font-size:14px;color:#666;font-weight:500}.access-log-search{display:flex;gap:8px;margin-bottom:12px;align-items:center}.access-log-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e9ecef}.access-log-table{width:100%;border-collapse:collapse;font-size:14px}.access-log-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.access-log-table th{padding:14px 16px;text-align:left;color:#fff;font-weight:600;white-space:nowrap}.access-log-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#333}.access-log-table tbody tr:hover{background:#667eea0a}.access-log-table tbody tr:last-child td{border-bottom:none}.log-code{font-family:Courier New,monospace;font-weight:600;background:#667eea1a;color:#667eea;padding:2px 8px;border-radius:4px;font-size:13px}.log-count{font-weight:700;color:#667eea;background:#667eea1a;padding:4px 10px;border-radius:12px;font-size:13px}.account-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.account-status-active{background:#48bb7826;color:#2f855a;border:1px solid rgba(72,187,120,.3)}.account-status-disabled{background:#f5656526;color:#c53030;border:1px solid rgba(245,101,101,.3)}.account-status-none{background:#a0aec026;color:#718096;border:1px solid rgba(160,174,192,.3)}.user-action-btn{padding:5px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;color:#fff;white-space:nowrap}.user-action-btn:hover:not(:disabled){opacity:.88}.user-action-btn:active:not(:disabled){transform:scale(.96)}.user-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-disable-btn{background:linear-gradient(135deg,#f56565,#c53030)}.user-enable-btn{background:linear-gradient(135deg,#48bb78,#2f855a)}@media (max-width: 768px){.invitation-manager .container{padding:6px 12px}.login-card{padding:32px 24px;margin:16px}.top-nav{padding:8px 14px;margin-top:8px;gap:8px}.tab-nav{margin-bottom:6px}.nav-left h1{font-size:1rem}.tab-nav{gap:4px}.tab-btn{padding:7px 12px;font-size:13px;flex:1;text-align:center}.tab-content{padding:6px 12px 10px}.section-header{margin-bottom:8px;padding-bottom:5px}.section-header h2{font-size:1.05rem}.codes-grid{grid-template-columns:1fr;gap:16px}.form-grid{grid-template-columns:1fr;gap:20px}.verify-input-group,.input-group{flex-direction:column;gap:12px}.toolbar-search-row{flex-wrap:wrap}.account-filter{max-width:none;flex:1}.invitation-manager .stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stats-card{padding:8px 10px;gap:8px;border-radius:12px}.stats-icon{font-size:1.5rem;width:36px;height:36px;line-height:36px}.stats-value{font-size:1.2rem}.stats-value-amount{font-size:1rem}.stats-label{font-size:11px}.stats-filter-bar{flex-direction:column;align-items:stretch;padding:8px 10px;gap:8px;margin-bottom:8px}.stats-platform-bar{padding:8px 10px;gap:8px;margin-bottom:8px}.invitation-manager .stats-grid{gap:8px}.access-log-section{margin-top:8px;padding-top:6px}.platform-segmented{flex:1;display:grid;grid-template-columns:repeat(6,1fr)}.platform-seg-btn{padding:7px 2px;font-size:.74rem;text-align:center}.stats-quick-btns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.quick-range-btn{padding:6px 4px;font-size:.78rem;text-align:center;white-space:nowrap}.stats-date-range{justify-content:space-between}.stats-date-input{flex:1;min-width:0;font-size:16px;padding:6px 10px}.detail-modal-overlay{padding:0}.detail-modal{max-width:none;height:100%;height:100dvh;border-radius:0}.detail-modal-header{padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top))}.detail-modal-header h3{font-size:.95rem}.detail-modal-close{width:40px;height:40px;margin:-4px -4px 0 0}.detail-modal-range{font-size:.72rem;padding:3px 8px}.detail-modal-body{padding:10px;-webkit-overflow-scrolling:touch}.detail-modal .access-log-table-wrapper{-webkit-overflow-scrolling:touch}.detail-modal .access-log-table{min-width:560px}.detail-modal .pagination{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.access-log-table{font-size:12px}.access-log-table th,.access-log-table td{padding:8px 6px}.access-log-table td:first-child{word-break:break-all;max-width:150px;min-width:80px}.access-log-header{flex-direction:column;gap:4px;align-items:flex-start;margin-bottom:6px}.access-log-header h3{font-size:1rem}.access-log-search{gap:8px}}@media (max-width: 480px){.login-card{padding:24px 20px}.login-card h1{font-size:1.5rem}.tab-content{padding:6px 12px 10px}.code-card{padding:20px 16px}.generate-form h2,.verify-form h2{font-size:1.5rem}.codes-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.generated-code-item{padding:8px}.generated-code-item .code-value{font-size:12px}.toolbar-title{font-size:1rem}.toolbar-search-row{flex-wrap:wrap}.search-input-wrapper{order:-1;flex-basis:100%}.expiry-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.expiry-btn{padding:8px 12px;font-size:12px}.pagination{flex-wrap:nowrap;gap:8px;padding:12px}.page-numbers{justify-content:center;gap:6px;min-width:0}.page-number{width:34px;height:34px;font-size:13px}.page-btn{flex-shrink:0;padding:8px 12px;font-size:13px}.page-info{flex:1;text-align:center;font-size:12px;white-space:nowrap}}.admin-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #00000026;animation:adminToastIn .25s ease;pointer-events:none;white-space:nowrap}.admin-toast-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.admin-toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@keyframes adminToastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.email-link{border:none;background:none;padding:0;font:inherit;color:#5b6ee0;cursor:pointer;text-align:left;word-break:break-all;border-bottom:1px dashed rgba(91,110,224,.5);transition:color .15s ease,border-color .15s ease}.email-link:hover{color:#3b4bc0;border-bottom-color:#3b4bc0}.user-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:32px;overscroll-behavior:contain;animation:fadeIn .2s ease-out}.user-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:1100px;height:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.user-detail-modal .detail-modal-body{flex:1;overflow-y:auto;padding:16px 20px}.user-detail-modal .access-log-table-wrapper{max-height:none}.ud-section{margin-bottom:22px}.ud-section:last-child{margin-bottom:0}.ud-section-title{margin:0 0 10px;font-size:.95rem;color:#333;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;padding-left:10px;border-left:3px solid #667eea}.ud-section-extra{font-size:.8rem;font-weight:400;color:#888}.ud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 16px}.ud-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fafbff;border:1px solid #eef0fa;border-radius:8px;font-size:.85rem;min-width:0}.ud-label{color:#888;flex-shrink:0}.ud-value{color:#333;font-weight:500;word-break:break-all;min-width:0}.ud-empty{padding:14px;text-align:center;color:#999;font-size:.85rem;background:#fafafa;border-radius:8px}@media (max-width: 768px){.user-detail-overlay{padding:0}.user-detail-modal{max-width:none;height:100%;height:100dvh;border-radius:0}.user-detail-modal .detail-modal-body{padding:10px;-webkit-overflow-scrolling:touch}.user-detail-modal .access-log-table{min-width:560px}.ud-grid{grid-template-columns:1fr}}:root{--bg-0: #070b18;--bg-1: #0b1120;--bg-2: #111a2e;--bg-3: #16213b;--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text-0: #f3f6fc;--text-1: #c3ccdd;--text-2: #8a97b0;--text-3: #5c6880;--up: #22c55e;--up-soft: rgba(34, 197, 94, .14);--down: #ef4444;--down-soft: rgba(239, 68, 68, .14);--accent: #f5b544;--accent-2: #38bdf8;--accent-soft: rgba(245, 181, 68, .14);--gold-grad: linear-gradient(135deg, #f5b544 0%, #f59e42 100%);--chart-grad: linear-gradient(135deg, #38bdf8 0%, #22c55e 100%);--maxw: 1200px;--radius: 16px;--radius-sm: 10px;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--bg-0);color:var(--text-1);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.section{padding:96px 0;position:relative}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:var(--text-0);letter-spacing:-.01em;line-height:1.25}.section-subtitle{margin-top:14px;font-size:1.05rem;color:var(--text-2)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(245,181,68,.25);padding:6px 14px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:600;padding:14px 28px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.btn-primary{background:var(--gold-grad);color:#1a1204;box-shadow:0 8px 24px #f5b54440}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f5b54459}.btn-ghost{background:var(--surface);color:var(--text-0);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-hover);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media (max-width: 768px){.section{padding:64px 0}.section-head{margin-bottom:40px}.container{padding:0 18px}}