._page_w4f8u_7{min-height:100vh;background:var(--color-surface-0);font-family:var(--font-body);color:var(--color-text-primary);overflow-x:hidden}._navbar_w4f8u_16{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-8);transition:background var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default)}._navbarScrolled_w4f8u_30{background:var(--color-surface-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color)}._navbarInner_w4f8u_38{width:100%;max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}._navLogo_w4f8u_48{display:flex;align-items:center;gap:var(--space-2-5);text-decoration:none;flex-shrink:0}._navLogoMark_w4f8u_56{width:36px;height:36px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}._navLogoMarkText_w4f8u_67{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-inverse);letter-spacing:var(--tracking-tight)}._navBrandName_w4f8u_75{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}._navBrandSub_w4f8u_83{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-normal);letter-spacing:var(--tracking-wide)}._navActions_w4f8u_90{display:flex;align-items:center;gap:var(--space-3)}._navLinkGhost_w4f8u_96{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-button);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);white-space:nowrap}._navLinkGhost_w4f8u_96:hover{background:var(--color-surface-2);color:var(--color-text-primary)}._navCta_w4f8u_116{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-5);border-radius:var(--radius-button);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--color-primary);text-decoration:none;box-shadow:var(--shadow-primary);transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-spring);white-space:nowrap}._navCta_w4f8u_116:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}._navCta_w4f8u_116:active{transform:translateY(0);background:var(--color-primary-active)}._hero_w4f8u_146{padding-top:calc(var(--topbar-height) + var(--space-20));padding-bottom:var(--space-28);padding-left:var(--space-8);padding-right:var(--space-8);position:relative;text-align:center;overflow:hidden}._hero_w4f8u_146:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(26,70,204,.1) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(109,40,217,.07) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(26,70,204,.06) 0%,transparent 65%);pointer-events:none}._hero_w4f8u_146:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:48px 48px;opacity:.35;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 30%,transparent 100%)}._heroInner_w4f8u_182{position:relative;z-index:1;max-width:860px;margin:0 auto}._heroBadge_w4f8u_189{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary-subtle);border:1px solid var(--color-primary-light);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-7)}._heroBadgeDot_w4f8u_205{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary);animation:_pulse_w4f8u_1 2s infinite}@keyframes _pulse_w4f8u_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}._heroTitle_w4f8u_218{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-6) 0}._heroTitleGradient_w4f8u_228{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._heroSubtitle_w4f8u_235{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-10) auto}._heroActions_w4f8u_243{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap}._heroPrimaryBtn_w4f8u_251{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-8);border-radius:var(--radius-button);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--gradient-primary);text-decoration:none;box-shadow:var(--shadow-primary);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}._heroPrimaryBtn_w4f8u_251:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl);opacity:.92}._heroPrimaryBtn_w4f8u_251:active{transform:translateY(0);opacity:1}._heroSecondaryBtn_w4f8u_279{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-8);border-radius:var(--radius-button);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background:var(--color-surface-0);border:var(--border-style);text-decoration:none;box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-spring)}._heroSecondaryBtn_w4f8u_279:hover{background:var(--color-surface-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}._heroNote_w4f8u_303{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}._heroNote_w4f8u_303 span{color:var(--color-success);font-weight:var(--font-medium)}._statsBand_w4f8u_315{background:var(--color-surface-0);border-top:var(--divider);border-bottom:var(--divider);padding:var(--space-10) var(--space-8)}._statsBandInner_w4f8u_322{max-width:var(--content-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}._statItem_w4f8u_330{text-align:center}._statValue_w4f8u_334{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);line-height:var(--leading-none);letter-spacing:var(--tracking-tight)}._statLabel_w4f8u_343{margin-top:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}._section_w4f8u_351{padding:var(--space-24) var(--space-8)}._sectionAlt_w4f8u_355{background:var(--color-surface-1)}._sectionInner_w4f8u_359{max-width:var(--content-max-width);margin:0 auto}._sectionHeader_w4f8u_364{text-align:center;max-width:600px;margin:0 auto var(--space-16) auto}._sectionLabel_w4f8u_370{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}._sectionTitle_w4f8u_383{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}._sectionDesc_w4f8u_393{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}._appsGrid_w4f8u_401{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}._appCard_w4f8u_407{position:relative;background:var(--color-surface-0);border:var(--border-style);border-radius:var(--radius-card);padding:var(--space-6);text-decoration:none;color:inherit;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-spring),border-color var(--duration-base) var(--ease-default);overflow:hidden}._appCard_w4f8u_407:before{content:"";position:absolute;inset:0;opacity:0;background:var(--gradient-surface-card);transition:opacity var(--duration-base) var(--ease-default)}._appCard_w4f8u_407:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--color-primary-light)}._appCard_w4f8u_407:hover:before{opacity:1}._appCardContent_w4f8u_441{position:relative;z-index:1}._appIconWrap_w4f8u_446{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);flex-shrink:0}._appIconPrimary_w4f8u_457{background:var(--gradient-icon-primary);color:var(--color-primary)}._appIconSecondary_w4f8u_458{background:var(--gradient-icon-secondary);color:var(--color-secondary)}._appIconSuccess_w4f8u_459{background:var(--gradient-icon-success);color:var(--color-success)}._appIconAccent_w4f8u_460{background:var(--gradient-icon-accent);color:var(--color-accent)}._appIconInfo_w4f8u_461{background:var(--gradient-icon-info);color:var(--color-info)}._appCardName_w4f8u_463{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1-5) 0}._appCardDesc_w4f8u_471{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}._appCardArrow_w4f8u_478{position:absolute;top:var(--space-5);right:var(--space-5);color:var(--color-text-muted);opacity:0;transform:translate(-2px,2px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}._appCard_w4f8u_407:hover ._appCardArrow_w4f8u_478{opacity:1;transform:translate(0)}._stepsGrid_w4f8u_495{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);position:relative}._stepsGrid_w4f8u_495:before{content:"";position:absolute;top:28px;left:calc(16.66% + var(--space-8));right:calc(16.66% + var(--space-8));height:2px;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%);pointer-events:none}._stepCard_w4f8u_514{text-align:center;padding:var(--space-6)}._stepNumber_w4f8u_519{width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--color-text-inverse);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5) auto;box-shadow:var(--shadow-primary);position:relative;z-index:1}._stepTitle_w4f8u_537{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}._stepDesc_w4f8u_545{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}._testimonialsGrid_w4f8u_553{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}._testimonialCard_w4f8u_559{background:var(--color-surface-0);border:var(--border-style);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-5)}._testimonialStars_w4f8u_570{display:flex;gap:var(--space-1);color:var(--color-accent)}._testimonialBody_w4f8u_576{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0;flex:1}._testimonialAuthor_w4f8u_584{display:flex;align-items:center;gap:var(--space-3)}._testimonialAvatar_w4f8u_590{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-inverse);flex-shrink:0}._avatarBlue_w4f8u_604{background:var(--gradient-primary)}._avatarPurple_w4f8u_605{background:linear-gradient(135deg,#6d28d9,#9333ea)}._avatarGreen_w4f8u_606{background:linear-gradient(135deg,#059669,#0891b2)}._testimonialName_w4f8u_608{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}._testimonialRole_w4f8u_615{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}._ctaBanner_w4f8u_622{padding:var(--space-24) var(--space-8);background:var(--color-surface-0)}._ctaBannerInner_w4f8u_627{max-width:var(--content-max-width);margin:0 auto}._ctaBannerCard_w4f8u_632{background:var(--gradient-primary);border-radius:var(--radius-3xl);padding:var(--space-16) var(--space-12);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-2xl)}._ctaBannerCard_w4f8u_632:before{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:#ffffff0f;border-radius:var(--radius-full);pointer-events:none}._ctaBannerCard_w4f8u_632:after{content:"";position:absolute;bottom:-80px;left:-40px;width:200px;height:200px;background:#ffffff0a;border-radius:var(--radius-full);pointer-events:none}._ctaBannerTitle_w4f8u_666{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-inverse);margin:0 0 var(--space-4) 0;position:relative;z-index:1}._ctaBannerDesc_w4f8u_677{font-size:var(--text-lg);color:#fffc;margin:0 auto var(--space-10) auto;max-width:500px;line-height:var(--leading-relaxed);position:relative;z-index:1}._ctaBannerActions_w4f8u_687{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;position:relative;z-index:1}._ctaPrimary_w4f8u_696{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-10);border-radius:var(--radius-button);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-surface-0);text-decoration:none;box-shadow:var(--shadow-xl);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-default)}._ctaPrimary_w4f8u_696:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}._ctaSecondary_w4f8u_717{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-10);border-radius:var(--radius-button);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-spring)}._ctaSecondary_w4f8u_717:hover{background:#fff3;transform:translateY(-1px)}._footer_w4f8u_740{background:var(--color-neutral-900);padding:var(--space-16) var(--space-8) var(--space-10) var(--space-8)}._footerInner_w4f8u_745{max-width:var(--content-max-width);margin:0 auto}._footerTop_w4f8u_750{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-12);border-bottom:1px solid rgba(255,255,255,.08)}._footerBrand_w4f8u_758{max-width:280px}._footerLogo_w4f8u_762{display:flex;align-items:center;gap:var(--space-2-5);margin-bottom:var(--space-4);text-decoration:none}._footerLogoMark_w4f8u_770{width:32px;height:32px;border-radius:var(--radius-base);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center}._footerLogoText_w4f8u_780{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight)}._footerTagline_w4f8u_788{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-neutral-400);margin:0 0 var(--space-6) 0}._footerLinkGroup_w4f8u_795{display:flex;flex-direction:column;gap:var(--space-1)}._footerLinkGroupTitle_w4f8u_801{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-neutral-400);margin:0 0 var(--space-4) 0}._footerLink_w4f8u_795{font-size:var(--text-sm);color:var(--color-neutral-400);text-decoration:none;padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-default);width:-moz-fit-content;width:fit-content}._footerLink_w4f8u_795:hover{color:#fff}._footerBottom_w4f8u_824{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);gap:var(--space-6);flex-wrap:wrap}._footerCopyright_w4f8u_833{font-size:var(--text-sm);color:var(--color-neutral-500)}._footerCopyright_w4f8u_833 a{color:var(--color-neutral-400);text-decoration:none}._footerCopyright_w4f8u_833 a:hover{color:#fff}._footerBottomLinks_w4f8u_847{display:flex;gap:var(--space-6)}._footerBottomLink_w4f8u_847{font-size:var(--text-sm);color:var(--color-neutral-500);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}._footerBottomLink_w4f8u_847:hover{color:var(--color-neutral-300)}@media(max-width:1024px){._heroTitle_w4f8u_218{font-size:var(--text-5xl)}._appsGrid_w4f8u_401{grid-template-columns:repeat(2,1fr)}._footerTop_w4f8u_750{grid-template-columns:1fr 1fr;gap:var(--space-8)}._footerBrand_w4f8u_758{grid-column:1 / -1;max-width:100%}._stepsGrid_w4f8u_495:before{display:none}}@media(max-width:768px){._navbar_w4f8u_16{padding:0 var(--space-5)}._heroTitle_w4f8u_218{font-size:var(--text-4xl)}._heroSubtitle_w4f8u_235{font-size:var(--text-base)}._statsBandInner_w4f8u_322{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}._appsGrid_w4f8u_401{grid-template-columns:1fr}._stepsGrid_w4f8u_495{grid-template-columns:1fr;gap:var(--space-6)}._testimonialsGrid_w4f8u_553,._footerTop_w4f8u_750{grid-template-columns:1fr}._footerBrand_w4f8u_758{grid-column:auto}._ctaBannerCard_w4f8u_632{padding:var(--space-10) var(--space-6)}._ctaBannerTitle_w4f8u_666{font-size:var(--text-3xl)}._navBrandSub_w4f8u_83{display:none}._section_w4f8u_351{padding:var(--space-16) var(--space-5)}._hero_w4f8u_146{padding-left:var(--space-5);padding-right:var(--space-5)}}.app-shell{min-height:100vh;background-color:var(--color-surface-1)}.hub-container{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6)}.hub-welcome-banner{background:var(--gradient-primary);border-radius:var(--radius-panel);padding:var(--space-8);margin-bottom:var(--space-8);color:#fff;position:relative;overflow:hidden}.hub-welcome-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:#ffffff0f;border-radius:50%;pointer-events:none}.hub-welcome-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-1) 0;line-height:var(--leading-tight)}.hub-welcome-sub{font-size:var(--text-sm);opacity:.85;margin:0}.hub-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.hub-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.app-launcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.app-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);cursor:pointer;text-decoration:none;color:var(--color-text-primary);transition:box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);text-align:center}.app-tile:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px);text-decoration:none;color:var(--color-text-primary)}.app-tile-icon{width:48px;height:48px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-tile-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.app-tile-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.app-tile.coming-soon{opacity:.6;cursor:default;pointer-events:none}.feed-layout{display:grid;grid-template-columns:220px 1fr 280px;gap:var(--space-6);max-width:1200px;margin:0 auto;padding:var(--space-6);align-items:start}.feed-nav-rail{position:sticky;top:calc(var(--topbar-height) + var(--space-4))}.feed-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);width:100%;border:none;background:transparent;text-align:left}.feed-nav-item:hover,.feed-nav-item.active{background-color:var(--color-primary-subtle);color:var(--color-primary);text-decoration:none}.feed-composer{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-5);margin-bottom:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.feed-composer-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.feed-composer-input{flex:1;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-1);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;outline:none;resize:none;transition:border-color var(--duration-fast) var(--ease-default)}.feed-composer-input:focus,.feed-composer-input:hover{border-color:var(--color-primary);background-color:var(--color-surface-0)}.feed-post{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-5);margin-bottom:var(--space-4)}.feed-post-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.feed-post-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.feed-post-meta{flex:1}.feed-post-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.feed-post-time{font-size:var(--text-xs);color:var(--color-text-muted)}.feed-post-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.feed-post-actions{display:flex;gap:var(--space-1);border-top:1px solid var(--color-surface-3);padding-top:var(--space-3)}.feed-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.feed-action-btn:hover{background-color:var(--color-surface-2);color:var(--color-text-primary)}.profile-header-banner{background:var(--gradient-primary);height:160px;border-radius:var(--radius-panel) var(--radius-panel) 0 0}.profile-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);overflow:hidden;margin-bottom:var(--space-6)}.profile-card-body{padding:var(--space-6);display:flex;gap:var(--space-5);align-items:flex-end;margin-top:-48px}.profile-avatar{width:96px;height:96px;border-radius:var(--radius-full);border:4px solid var(--color-surface-0);background-color:var(--color-primary-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-bold);flex-shrink:0;box-shadow:var(--shadow-sm)}.profile-info{flex:1;padding-top:var(--space-5)}.profile-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.profile-role-label{font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:1023px){.feed-layout{grid-template-columns:1fr}.feed-nav-rail,.feed-sidebar-right{display:none}}@media(max-width:767px){.hub-container{padding:var(--space-5) var(--space-4)}.hub-welcome-banner{padding:var(--space-6) var(--space-5)}.hub-welcome-title{font-size:var(--text-xl)}.app-launcher-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.auth-guard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1)}.auth-guard-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-with-topbar{padding-top:var(--topbar-height, 60px)}.page-container{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert-danger{background:var(--color-danger-subtle, #fff0f0);color:var(--color-danger);border:1px solid var(--color-danger-border, #fca5a5)}.alert-success{background:var(--color-success-subtle, #f0fdf4);color:var(--color-success);border:1px solid var(--color-success-border, #86efac)}.alert-warning{background:var(--color-warning-subtle, #fffbeb);color:var(--color-warning);border:1px solid var(--color-warning-border, #fcd34d)}.alert-info{background:var(--color-info-subtle, #eff6ff);color:var(--color-info);border:1px solid var(--color-info-border, #93c5fd)}.card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card-body{padding:var(--space-5)}.section-card{margin-bottom:var(--space-6)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-surface-2);color:var(--color-text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.attendance-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:flex;align-items:center;gap:var(--space-4);background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-4) var(--space-5)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-primary{background:var(--color-primary-subtle);color:var(--color-primary)}.icon-success{background:var(--color-success-subtle, #f0fdf4);color:var(--color-success)}.icon-danger{background:var(--color-danger-subtle, #fff0f0);color:var(--color-danger)}.icon-warning{background:var(--color-warning-subtle, #fffbeb);color:var(--color-warning)}.icon-accent{background:var(--color-accent-subtle, #f5f3ff);color:var(--color-accent)}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:1}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:9000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background-color:var(--color-surface-0);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);padding:var(--space-6);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.modal-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.tab-bar{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:transparent;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold)}.form-group{margin-bottom:var(--space-4)}.form-row{display:flex;gap:var(--space-4)}.flex-1{flex:1}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-base);background-color:var(--color-surface-0);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-textarea{resize:vertical;min-height:80px}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.input-error{border-color:var(--color-danger)!important}.password-input-wrap{position:relative}.password-input-wrap .form-input{padding-right:var(--space-10)}.password-toggle-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;display:flex;align-items:center}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-button);border:1px solid transparent;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-body);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-2);color:var(--color-text-primary)}.btn-sm{padding:var(--space-1-5, 6px) var(--space-3);font-size:var(--text-sm)}.btn-xs{padding:4px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-base);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);flex-shrink:0;text-decoration:none}.icon-btn:hover,.icon-btn.active{background-color:var(--color-surface-2);color:var(--color-text-primary)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-5);transition:color var(--duration-fast) var(--ease-default)}.back-link:hover{color:var(--color-primary);text-decoration:none}.text-muted{color:var(--color-text-muted)}.text-primary-c{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:var(--font-medium)}.link-primary{color:var(--color-primary);text-decoration:underline;display:inline-flex;align-items:center;gap:2px}.search-input-wrap{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-9);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-0);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast) var(--ease-default)}.search-input:focus{border-color:var(--color-primary)}.filter-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-0);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast);white-space:nowrap}.filter-chip.active,.filter-chip:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.view-toggle{display:flex;gap:var(--space-1)}.timetable-week-nav{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.timetable-week-label{font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:200px;text-align:center;color:var(--color-text-primary)}.timetable-grid-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-panel);background-color:var(--color-surface-0)}.timetable-grid{display:grid;grid-template-columns:64px repeat(5,1fr);min-width:640px}.timetable-time-col{padding:var(--space-2);text-align:right;border-right:1px solid var(--color-border);display:flex;align-items:flex-start}.timetable-time-label{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-medium);padding-top:var(--space-1)}.timetable-header-cell{background-color:var(--color-surface-1);height:48px}.timetable-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-surface-2);gap:2px;background-color:var(--color-surface-1)}.timetable-day-header.today{background-color:var(--color-primary-subtle)}.timetable-day-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase}.timetable-day-date{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.timetable-day-date.today-dot{color:var(--color-primary);font-weight:var(--font-bold)}.timetable-cell{height:56px;border-bottom:1px solid var(--color-surface-2);border-right:1px solid var(--color-surface-2)}.timetable-session-cell{padding:var(--space-2);overflow:hidden;cursor:default}.session-block-subject{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-block-meta{display:block;font-size:10px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-block-time{display:block;font-size:10px;opacity:.7;margin-top:2px}.session-blue{background:#dbeafe;color:#1e40af;border-left:3px solid #3b82f6}.session-green{background:#dcfce7;color:#166534;border-left:3px solid #22c55e}.session-purple{background:#ede9fe;color:#6d28d9;border-left:3px solid #8b5cf6}.session-amber{background:#fef9c3;color:#92400e;border-left:3px solid #f59e0b}.session-teal{background:#ccfbf1;color:#0f766e;border-left:3px solid #14b8a6}.session-red{background:#fee2e2;color:#991b1b;border-left:3px solid #ef4444}[data-theme=dark] .session-blue{background:#3b82f626;color:#93c5fd}[data-theme=dark] .session-green{background:#22c55e26;color:#86efac}[data-theme=dark] .session-purple{background:#8b5cf626;color:#c4b5fd}[data-theme=dark] .session-amber{background:#f59e0b26;color:#fcd34d}[data-theme=dark] .session-teal{background:#14b8a626;color:#5eead4}[data-theme=dark] .session-red{background:#ef444426;color:#fca5a5}.attendance-bar-track{height:8px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.attendance-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s var(--ease-default)}.attendance-bar-good{background:var(--color-success)}.attendance-bar-warn{background:var(--color-warning)}.attendance-bar-danger{background:var(--color-danger)}.attendance-calendar{margin-top:var(--space-4)}.attendance-cal-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:var(--space-2)}.attendance-cal-day-label{text-align:center;font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase}.attendance-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.attendance-cal-cell{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.attendance-cal-cell.empty{background:transparent}.attendance-cal-date{font-size:11px;font-weight:var(--font-medium);color:var(--color-text-secondary)}.attendance-present{background:var(--color-success)}.attendance-absent{background:var(--color-danger)}.attendance-late{background:var(--color-warning)}.attendance-none{background:var(--color-surface-2)}.attendance-present .attendance-cal-date,.attendance-absent .attendance-cal-date,.attendance-late .attendance-cal-date{color:#fff}.attendance-cal-legend{display:flex;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:var(--radius-sm)}.events-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.events-filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.events-list{display:flex;flex-direction:column;gap:var(--space-3)}.event-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.event-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.event-card-banner-link{display:block}.event-card-banner{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;display:block}.event-card-body{padding:var(--space-4)}.event-card-meta-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.event-card-title{display:block;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-primary);text-decoration:none;margin-bottom:var(--space-2);line-height:var(--leading-snug)}.event-card-title:hover{color:var(--color-primary)}.event-card-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card-details{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.event-detail-line{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.event-card-footer{display:flex;align-items:center;justify-content:space-between}.event-host{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.event-detail-banner{border-radius:var(--radius-panel);overflow:hidden;margin-bottom:var(--space-5)}.event-detail-banner-img{width:100%;height:240px;-o-object-fit:cover;object-fit:cover;display:block}.event-detail-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-6)}.event-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.event-detail-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:var(--space-2) 0}.event-detail-host{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.event-detail-actions{display:flex;gap:var(--space-3);align-items:center;flex-shrink:0}.event-detail-meta{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-1);border-radius:var(--radius-base);margin-bottom:var(--space-5)}.event-detail-meta-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.meta-icon{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.event-detail-desc{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.event-detail-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.capacity-bar-track{height:6px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden;max-width:200px}.capacity-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s var(--ease-default)}.bar-good{background:var(--color-success)}.bar-warn{background:var(--color-warning)}.bar-danger{background:var(--color-danger)}.polls-list{display:flex;flex-direction:column;gap:var(--space-4)}.poll-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-5)}.poll-card-header{margin-bottom:var(--space-4)}.poll-status-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.poll-ends-in{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.poll-question{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:var(--leading-snug)}.poll-creator{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.poll-options{display:flex;flex-direction:column;gap:var(--space-2)}.poll-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.poll-option input[type=radio]{accent-color:var(--color-primary)}.poll-option.selected{border-color:var(--color-primary);background:var(--color-primary-subtle)}.poll-option-radio-label{font-size:var(--text-sm);color:var(--color-text-primary)}.poll-voted-notice{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-success);margin-bottom:var(--space-3)}.poll-results{display:flex;flex-direction:column;gap:var(--space-3)}.poll-result-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.poll-option-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.poll-pct{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.poll-result-track{height:10px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.poll-result-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .5s var(--ease-default)}.poll-vote-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;display:block}.notif-filter-bar{display:flex;gap:0;overflow-x:auto;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-4);padding-bottom:0;scrollbar-width:none}.notif-filter-bar::-webkit-scrollbar{display:none}.notif-filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-fast)}.notif-filter-btn:hover{color:var(--color-text-primary)}.notif-filter-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);transition:background-color var(--duration-fast);cursor:pointer;position:relative;border-bottom:1px solid var(--color-surface-2);color:var(--color-text-secondary);text-decoration:none}.notif-item:hover{background-color:var(--color-surface-1)}.notif-item.unread{background-color:var(--color-primary-subtle)}.notif-icon-wrap{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-social{color:var(--color-primary)}.notif-icon-academic{color:var(--color-accent)}.notif-icon-event{color:var(--color-success)}.notif-icon-system{color:var(--color-text-muted)}.notif-icon-announce{color:var(--color-warning)}.notif-content{flex:1;min-width:0}.notif-actor{font-weight:var(--font-semibold);color:var(--color-text-primary)}.notif-body{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.notif-time{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.notif-unread-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0;margin-top:6px}.sessions-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.session-item.current{border-color:var(--color-primary-light)}.session-device-icon{width:44px;height:44px;background:var(--color-surface-1);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-icon{color:var(--color-text-muted)}.session-info{flex:1;min-width:0}.session-device-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.session-current-badge{flex-shrink:0}.session-meta-row{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-1)}.session-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.danger-zone-card{border-color:var(--color-danger-border, #fca5a5)}.text-danger{color:var(--color-danger)}.faq-group{margin-bottom:var(--space-8)}.faq-group-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;border:none;background:transparent;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;text-align:left;gap:var(--space-3)}.faq-question:hover{color:var(--color-primary)}.faq-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-default)}.faq-chevron.rotated{transform:rotate(180deg)}.faq-answer{padding:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.onboarding-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-modal{background-color:var(--color-surface-0);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.onboarding-skip-btn{position:absolute;top:var(--space-4);right:var(--space-4);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-base);transition:background var(--duration-fast);z-index:1}.onboarding-skip-btn:hover{background:var(--color-surface-2)}.onboarding-steps-bar{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-6) 0}.onboarding-step-dot{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:background var(--duration-base),color var(--duration-base)}.onboarding-step-dot.active{background:var(--color-primary);color:#fff}.onboarding-step-dot.done{background:var(--color-success);color:#fff}.onboarding-progress-track{height:4px;background:var(--color-surface-2);margin:var(--space-4) var(--space-6) 0;border-radius:var(--radius-full);overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .4s var(--ease-default)}.onboarding-content{padding:var(--space-6);flex:1}.onboarding-step{animation:onboardingFadeIn .3s var(--ease-default)}@keyframes onboardingFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onboarding-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.onboarding-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-5) 0}.onboarding-welcome{text-align:center;padding-top:var(--space-4)}.onboarding-welcome-icon{width:80px;height:80px;margin:0 auto var(--space-5);background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.onboarding-email-chip{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.onboarding-step-icon{color:var(--color-primary);margin-bottom:var(--space-3)}.onboarding-feature-list{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.interests-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.interest-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface-0);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.interest-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.onboarding-done{text-align:center;padding-top:var(--space-4)}.onboarding-done-icon{width:80px;height:80px;margin:0 auto var(--space-5);background:var(--color-success-subtle, #f0fdf4);color:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.onboarding-done-links{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.profile-avatar-wrap{position:relative;display:inline-block}.profile-avatar-edit-btn{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-surface-0);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-2) 0}.profile-email{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.profile-verified-badge{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);font-size:var(--text-xs)}.profile-tabs-bar{display:flex;gap:var(--space-1);overflow-x:auto;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-5);scrollbar-width:none}.profile-tabs-bar::-webkit-scrollbar{display:none}.profile-tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:transparent;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-fast)}.profile-tab-btn:hover{color:var(--color-text-primary)}.profile-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.info-field-group{display:flex;flex-direction:column;gap:0}.info-field-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-2)}.info-field-row:last-child{border-bottom:none}.info-field-label{font-size:var(--text-sm);color:var(--color-text-muted);min-width:140px;flex-shrink:0}.info-field-value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium)}.pref-section{margin-bottom:var(--space-6)}.pref-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.theme-options{display:flex;gap:var(--space-3)}.theme-option-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-0);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast);min-width:80px}.theme-option-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.notif-pref-list{display:flex;flex-direction:column;gap:var(--space-3)}.notif-pref-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer}.notif-pref-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.toggle-switch{width:40px;height:22px;border-radius:var(--radius-full);background:var(--color-surface-3);position:relative;cursor:pointer;flex-shrink:0;transition:background var(--duration-base)}.toggle-switch.on{background:var(--color-primary)}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-default)}.toggle-switch.on .toggle-knob{transform:translate(18px)}.linked-input-row{display:flex;align-items:center;gap:var(--space-2)}.linked-input-row .form-input{flex:1}.profile-public-container{max-width:760px;margin:0 auto;padding:var(--space-8) var(--space-6)}.profile-public-banner{height:200px;border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--gradient-primary);overflow:hidden}.profile-public-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-public-header-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-panel) var(--radius-panel);padding:0 var(--space-6) var(--space-6);margin-bottom:var(--space-5)}.profile-public-avatar-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-52px}.profile-public-avatar{width:100px;height:100px;border-radius:var(--radius-full);border:4px solid var(--color-surface-0);background:var(--color-primary-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-bold);flex-shrink:0;box-shadow:var(--shadow-sm)}.compose-modal{max-width:640px;margin:var(--space-8) auto;background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-modal);box-shadow:var(--shadow-lg)}.feed-widget-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);margin-bottom:var(--space-4);overflow:hidden}.feed-widget-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);padding:var(--space-4) var(--space-4) 0;display:block;margin-bottom:var(--space-3)}.feed-widget-link{display:block;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;border-top:1px solid var(--color-border);transition:background var(--duration-fast)}.feed-widget-link:hover{background:var(--color-surface-1);text-decoration:none}.feed-widget-event{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4);align-items:flex-start}.feed-event-date-badge{display:flex;flex-direction:column;align-items:center;width:38px;background:var(--color-primary-subtle);border-radius:var(--radius-base);padding:4px;flex-shrink:0}.feed-event-day{font-size:10px;text-transform:uppercase;color:var(--color-primary);font-weight:var(--font-bold)}.feed-event-date{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);line-height:1}.feed-event-title{font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:2px;color:var(--color-text-primary)}.feed-event-venue{font-size:11px;color:var(--color-text-muted)}.feed-widget-session{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-surface-2)}.feed-widget-session:last-of-type{border-bottom:none}.feed-trending-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast)}.feed-trending-chip:hover{background:var(--color-surface-1);color:var(--color-primary);text-decoration:none}.feed-avatar-student{background-color:var(--color-primary-muted);color:var(--color-primary)}.feed-avatar-faculty{background-color:#fef9c3;color:#92400e}.feed-avatar-club{background-color:#ede9fe;color:#6d28d9}.feed-avatar-council{background-color:#dcfce7;color:#166534}.feed-avatar-company{background-color:#fff7ed;color:#c2410c}.feed-avatar-school{background-color:#fce7f3;color:#9d174d}.feed-avatar-alumni{background-color:#e0f2fe;color:#075985}.post-detail-container{max-width:680px;margin:0 auto;padding:var(--space-8) var(--space-6)}.comments-section{padding-top:var(--space-4)}.comment-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0}.comment-avatar-col{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.comment-thread-line{width:2px;flex:1;background:var(--color-border);margin-top:4px;min-height:16px}.comment-content{flex:1;min-width:0}.comment-author{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.comment-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.comment-actions{display:flex;gap:var(--space-3)}.comment-composer{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) 0}.comment-textarea{flex:1;min-height:68px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-base);background-color:var(--color-surface-1);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);resize:vertical;outline:none;transition:border-color var(--duration-fast)}.comment-textarea:focus{border-color:var(--color-primary)}.feed-profile-card{background-color:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);overflow:hidden;margin-bottom:var(--space-4)}.feed-profile-banner{height:60px;background:var(--gradient-primary)}.feed-profile-avatar{width:56px;height:56px;border-radius:var(--radius-full);border:3px solid var(--color-surface-0);background:var(--color-primary-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-base);margin:-28px auto 0;position:relative}.feed-profile-name{text-align:center;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-primary);margin:var(--space-2) 0 0;text-transform:capitalize;padding:0 var(--space-3)}.feed-profile-email{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-3) var(--space-3);display:block}.compose-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.compose-author-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0}.compose-audience-btn{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-1);font-size:var(--text-xs);cursor:pointer;color:var(--color-text-muted);margin-top:2px}.compose-textarea{display:block;width:100%;border:none;outline:none;background:transparent;font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text-primary);padding:var(--space-4) var(--space-5);resize:none;line-height:var(--leading-relaxed)}.compose-tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-5) var(--space-3);align-items:center}.compose-tag-chip{display:flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.compose-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.compose-char-count{font-size:var(--text-xs);color:var(--color-text-muted)}.compose-approval-notice{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-warning);padding:var(--space-2) var(--space-5);background:var(--color-warning-subtle, #fffbeb)}.compose-error{font-size:var(--text-xs);color:var(--color-danger);padding:0 var(--space-5) var(--space-2)}.compose-preview{padding:var(--space-3) var(--space-5);background:var(--color-surface-1);border-top:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-wrap;line-height:var(--leading-relaxed)}.feed-post-avatar-link{text-decoration:none}.feed-post-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px}.feed-post-menu-wrap{position:relative}.feed-post-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.feed-post-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background var(--duration-fast)}.feed-post-menu button:hover{background:var(--color-surface-1);color:var(--color-text-primary)}.feed-post-menu button.danger{color:var(--color-danger)}.feed-action-btn.active{color:var(--color-primary)}.feed-post-text{white-space:pre-wrap}.feed-post-tag{display:inline-block;color:var(--color-primary);font-size:var(--text-sm);cursor:pointer}.feed-post-tag:hover{text-decoration:underline}.feed-center{min-width:0}.feed-load-more{text-align:center;padding:var(--space-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{color:var(--color-text-muted);margin-bottom:var(--space-4);display:block}.empty-state-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.empty-state-desc{font-size:var(--text-sm);color:var(--color-text-muted);max-width:360px;margin:0;line-height:var(--leading-relaxed)}.skeleton{background:var(--color-surface-2);border-radius:var(--radius-base);animation:shimmer 1.5s infinite linear;background-image:linear-gradient(90deg,var(--color-surface-2) 0%,var(--color-surface-3) 50%,var(--color-surface-2) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-line-short{height:12px;width:40%}.skeleton-line-mid{height:12px;width:60%}.skeleton-line-full{height:12px;width:90%}@media(max-width:767px){.page-container{padding:var(--space-5) var(--space-4)}.form-row{flex-direction:column}.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}.events-grid{grid-template-columns:1fr}.timetable-grid{min-width:560px}.theme-options{flex-wrap:wrap}.info-field-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.info-field-label{min-width:unset}}