@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffd9;border-bottom:1px solid #e6e6e64d;font-family:Inter,sans-serif;left:0;padding:.75rem 0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1000}.navbar.scrolled{background-color:#fffffff2;border-bottom:1px solid #e6e6e680;box-shadow:0 6px 24px #0000000f;padding:.5rem 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo,.navbar-container{align-items:center;display:flex}.logo{color:var(--primary-color);font-size:1.8rem;font-weight:700;line-height:1;margin-right:2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.logo:hover{filter:brightness(1.1);transform:scale(1.05)}.logo-icon{filter:drop-shadow(0 4px 6px rgba(0,200,83,.25));height:32px;margin-right:.6rem;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:32px}.logo:hover .logo-icon{filter:drop-shadow(0 6px 8px rgba(0,200,83,.4));transform:rotate(-10deg) scale(1.15)}.logo-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.5px;position:relative;text-shadow:0 2px 10px #00c85333}.logo-text:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.logo:hover .logo-text:after{width:100%}.navbar-search-wrapper{flex:1 1;margin:0 2rem;max-width:600px;position:relative}.navbar-search-wrapper form{align-items:center;display:flex;width:100%}.navbar-search-input{background-color:#f7f8facc;border:1px solid #efefef;border-radius:12px;box-shadow:0 2px 6px #00000005;font-size:.95rem;height:44px;padding:.6rem 2.8rem .6rem 1.2rem;transition:all .3s ease;width:100%}.navbar-search-input:focus{background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #00c85326,0 4px 10px #0000000a;outline:none}.navbar-search-button{align-items:center;background:none;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.navbar-search-button:hover{background-color:#00c85314;color:var(--primary-color)}.nav-links{align-items:center;display:flex;gap:1.2rem}.nav-item{position:relative}.nav-link-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.35rem;height:40px;line-height:1;padding:.5rem .8rem;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.nav-link-button.active,.nav-link-button:hover{background-color:#00c85314;color:var(--primary-color);transform:translateY(-1px)}.nav-link-icon{align-items:center;display:flex;justify-content:center;margin-right:.1rem;opacity:.8}.dropdown-arrow{height:14px;margin-left:.15rem;opacity:.6;transition:transform .2s cubic-bezier(.16,1,.3,1);width:14px}.dropdown-arrow.open{opacity:1;transform:rotate(180deg)}.dropdown-menu{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border-radius:14px;box-shadow:0 12px 28px #0000001f,0 0 0 1px #00000008;left:50%;min-width:220px;opacity:0;padding:.6rem;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%);z-index:1000}.dropdown-item{border-radius:8px;color:var(--text-color);font-size:.95rem;font-weight:450;gap:.7rem;padding:.7rem 1rem;text-decoration:none}.dropdown-item:hover{background-color:#00c85314;color:var(--primary-color)}.dropdown-item-icon{opacity:.7}.dropdown-item:hover .dropdown-item-icon{color:var(--primary-color);opacity:1}.mobile-menu-btn{background:none;border:none;border-radius:8px;cursor:pointer;display:none;padding:.6rem;transition:all .3s ease;z-index:1001}.mobile-menu-btn:hover{background-color:#0000000d}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background:var(--text-color);height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);width:22px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.hamburger.open{background:#0000}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{bottom:0;transform:rotate(-45deg)}@media (max-width:1200px){.navbar-container{padding:0 1.5rem}.navbar-search-wrapper{margin:0 1.5rem;max-width:480px}.nav-links{gap:.8rem}.nav-link-button{font-size:.9rem;padding:.45rem .65rem}}@media (max-width:1024px){.navbar-container{padding:0 1.2rem}.navbar-search-wrapper{margin:0 1rem;max-width:400px}.nav-links{align-items:stretch;background:#fff;box-shadow:-5px 0 30px #0000001f;flex-direction:column;gap:.8rem;height:100vh;justify-content:flex-start;overflow-y:auto;padding:6rem 1.5rem 2rem;position:fixed;right:-300px;top:0;transition:right .4s cubic-bezier(.16,1,.3,1);width:300px;z-index:1000}.nav-links.open{right:0}.mobile-menu-btn{display:block;position:relative;z-index:1002}.nav-item{width:100%}.nav-link-button{border-radius:10px;font-size:1rem;font-weight:500;gap:.8rem;height:auto;justify-content:flex-start;padding:.8rem 1rem;width:100%}.dropdown-arrow{margin-left:auto}.dropdown-menu{animation:none;background-color:initial;border-left:2px solid var(--primary-color);box-shadow:none;margin-bottom:.8rem;margin-top:.2rem;min-width:auto;opacity:1;padding:0 0 0 1.5rem;position:static;transform:none}.dropdown-item{border-radius:10px;padding:.75rem 1rem}}@media (max-width:768px){.navbar{padding:.6rem 0}.navbar-container{padding:0 1rem}.logo{font-size:1.6rem;margin-right:0}.logo-icon{height:26px;width:26px}.navbar-search-wrapper{flex:1 1;margin:0 .8rem;max-width:100%}}@media (max-width:480px){.navbar{padding:.5rem 0}.navbar.scrolled{padding:.4rem 0}.navbar-container{padding:0 .8rem}.logo{font-size:1.5rem}.logo-icon{height:24px;margin-right:.4rem;width:24px}.mobile-menu-btn{padding:.5rem}.hamburger,.hamburger:after,.hamburger:before{width:20px}.nav-links{padding:5rem 1.2rem 1.5rem;width:280px}.nav-link-button{font-size:.95rem;padding:.75rem .9rem}.dropdown-item{font-size:.9rem;padding:.6rem .9rem}.navbar-search-wrapper{margin:0 .6rem}.navbar-search-input{font-size:.9rem;height:40px;padding:.55rem 2.5rem .55rem 1rem}}.snav-sidebar{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border-right:1px solid #e2e8f099;box-shadow:4px 0 24px #0000000a;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:240px;z-index:1000}.snav-sidebar--collapsed{width:72px}.snav-header{border-bottom:1px solid #e2e8f099;flex-shrink:0;justify-content:space-between;padding:16px}.snav-header,.snav-logo{align-items:center;display:flex}.snav-logo{gap:10px;overflow:hidden;text-decoration:none}.snav-logo-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;width:36px}.snav-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.snav-toggle{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.snav-toggle:hover{background:#f1f5f9;border-color:#10b981;color:#10b981}.snav-sidebar--collapsed .snav-toggle{background:#fff;box-shadow:0 2px 8px #0000001a;height:28px;position:absolute;right:-14px;top:20px;width:28px;z-index:10}.snav-auth-banner{align-items:flex-start;background:linear-gradient(135deg,#10b98114,#05966914);border:1px solid #10b98133;border-radius:14px;display:flex;flex-shrink:0;gap:12px;margin:12px;padding:14px}.snav-auth-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.snav-auth-content{flex:1 1;min-width:0}.snav-auth-title{color:#0f172a;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.snav-auth-buttons{display:flex;gap:8px}.snav-auth-btn{align-items:center;border-radius:8px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 10px;text-decoration:none;transition:all .2s ease}.snav-auth-btn--signin{background:#fff;border:1px solid #10b9814d;color:#10b981}.snav-auth-btn--signin:hover{background:#10b9811a;border-color:#10b981}.snav-auth-btn--signup{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.snav-auth-btn--signup:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.snav-nav{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:12px}.snav-nav::-webkit-scrollbar{width:4px}.snav-nav::-webkit-scrollbar-track{background:#0000}.snav-nav::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.snav-section{display:flex;flex-direction:column;gap:2px}.snav-section-title{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.5px;padding:8px 12px 6px;text-transform:uppercase}.snav-divider{background:#e2e8f099;height:1px;margin:12px 0}.snav-item-wrapper{display:block;text-decoration:none}.snav-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:10px 12px;position:relative;transition:all .2s ease}.snav-item:before{background:var(--item-color);border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.snav-item--active,.snav-item:hover{background:var(--item-bg)}.snav-item--active:before{transform:scaleY(1)}.snav-item--locked{cursor:not-allowed;opacity:.6}.snav-item-icon{align-items:center;background:var(--item-bg);border-radius:10px;color:var(--item-color);display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.snav-item--active .snav-item-icon,.snav-item:hover .snav-item-icon{background:var(--item-color);box-shadow:0 4px 12px #0000001a;color:#fff}.snav-item-text{color:#334155;font-size:14px;font-weight:500;overflow:hidden;white-space:nowrap}.snav-item--active .snav-item-text{color:var(--item-color);font-weight:600}.snav-new-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.3px;margin-left:auto;padding:2px 6px}.snav-lock-icon{color:#94a3b8;font-size:12px;margin-left:auto}.snav-notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.snav-profile{align-items:center;background:#f1f5f999;border:1px solid #e2e8f099;border-radius:14px;cursor:pointer;display:flex;flex-shrink:0;gap:12px;margin:12px;padding:14px;transition:all .2s ease}.snav-profile:hover{background:#f1f5f9e6;border-color:#10b9814d;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.snav-profile-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.snav-profile-avatar img{height:100%;object-fit:cover;width:100%}.snav-profile-initials{font-size:14px;font-weight:600}.snav-profile-status{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.snav-profile-info{flex:1 1;min-width:0;overflow:hidden}.snav-profile-name{color:#0f172a;font-size:13px;font-weight:600}.snav-profile-name,.snav-profile-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snav-profile-role{color:#64748b;font-size:11px}.snav-mobile-bar,.snav-mobile-menu,.snav-mobile-overlay{display:none}@media (max-width:1024px){.snav-sidebar{display:none}.snav-mobile-bar{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border-bottom:1px solid #e2e8f099;box-shadow:0 4px 20px #0000000a;display:flex;height:60px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1001}.snav-mobile-left{align-items:center;display:flex;gap:12px}.snav-mobile-right{align-items:center;display:flex;gap:10px}.snav-mobile-btn{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.snav-mobile-btn:hover{background:#f1f5f9;color:#10b981}.snav-mobile-menu-btn{background:#10b9811a;border-color:#10b98133;color:#10b981}.snav-mobile-logo{align-items:center;display:flex;gap:8px;text-decoration:none}.snav-mobile-logo-icon{font-size:24px}.snav-mobile-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.snav-mobile-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;box-shadow:0 2px 8px #ef444466;font-size:10px;font-weight:700;height:18px;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.snav-mobile-avatar,.snav-mobile-badge{align-items:center;color:#fff;display:flex;justify-content:center}.snav-mobile-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;height:36px;overflow:hidden;width:36px}.snav-mobile-avatar img{height:100%;object-fit:cover;width:100%}.snav-mobile-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a66;display:block;inset:0;position:fixed;z-index:1100}.snav-mobile-menu{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffffffa;box-shadow:8px 0 32px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;max-width:85vw;overflow-y:auto;position:fixed;top:0;width:300px;z-index:1101}.snav-mobile-header{align-items:center;border-bottom:1px solid #e2e8f099;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.snav-mobile-title{color:#10b981;font-size:16px;font-weight:700}.snav-mobile-close{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.snav-mobile-close:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.snav-mobile-profile{align-items:center;background:#f1f5f999;border:1px solid #e2e8f099;border-radius:14px;cursor:pointer;display:flex;gap:12px;margin:16px;padding:14px;transition:all .2s ease}.snav-mobile-profile:active{transform:scale(.98)}.snav-mobile-profile-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;overflow:hidden;width:44px}.snav-mobile-profile-avatar img{height:100%;object-fit:cover;width:100%}.snav-mobile-profile-info{flex:1 1;min-width:0}.snav-mobile-profile-name{color:#0f172a;display:block;font-size:14px;font-weight:600}.snav-mobile-profile-role{color:#64748b;display:block;font-size:12px;margin-top:2px}.snav-mobile-profile-arrow{color:#94a3b8;font-size:16px}.snav-mobile-section{padding:8px 16px 16px}.snav-mobile-section-title{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.5px;padding:8px 4px;text-transform:uppercase}.snav-mobile-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s ease}.snav-mobile-item:active{transform:scale(.98)}.snav-mobile-item--active,.snav-mobile-item:hover{background:var(--item-bg)}.snav-mobile-item--locked{opacity:.5}.snav-mobile-item-icon{align-items:center;background:var(--item-bg);border-radius:10px;color:var(--item-color);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;position:relative;width:40px}.snav-mobile-item--active .snav-mobile-item-icon{background:var(--item-color);color:#fff}.snav-mobile-item-text{color:#334155;flex:1 1;font-size:14px;font-weight:500}.snav-mobile-item--active .snav-mobile-item-text{color:var(--item-color);font-weight:600}.snav-mobile-new{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px}.snav-mobile-lock{color:#94a3b8;font-size:14px}.snav-mobile-item-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.snav-mobile-auth{border-top:1px solid #e2e8f099;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:16px}.snav-mobile-auth-btn{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;text-decoration:none;transition:all .2s ease}.snav-mobile-auth-btn--signin{background:#fff;border:2px solid #10b9814d;color:#10b981}.snav-mobile-auth-btn--signin:active{background:#10b9811a}.snav-mobile-auth-btn--signup{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.snav-mobile-auth-btn--signup:active{transform:scale(.98)}}@media (max-width:768px){.snav-mobile-bar{height:56px;padding:0 12px}.snav-mobile-btn{font-size:16px;height:38px;width:38px}.snav-mobile-logo-text{font-size:16px}.snav-mobile-avatar{height:34px;width:34px}.snav-mobile-menu{width:280px}}@media (max-width:480px){.snav-mobile-bar{height:52px;padding:0 10px}.snav-mobile-left,.snav-mobile-right{gap:8px}.snav-mobile-btn{border-radius:10px;font-size:16px;height:36px;width:36px}.snav-mobile-logo-icon{font-size:20px}.snav-mobile-logo-text{font-size:15px}.snav-mobile-avatar{border-radius:8px;height:32px;width:32px}.snav-mobile-menu{border-radius:0;max-width:none;width:100%}.snav-mobile-profile{margin:12px;padding:12px}.snav-mobile-profile-avatar{height:40px;width:40px}.snav-mobile-section{padding:6px 12px 12px}.snav-mobile-item{padding:10px}.snav-mobile-item-icon{font-size:16px;height:36px;width:36px}.snav-mobile-item-text{font-size:13px}}@media (prefers-reduced-motion:reduce){.snav-item,.snav-mobile-menu,.snav-mobile-overlay,.snav-profile,.snav-sidebar{transition:none}}.snav-item:focus-visible,.snav-mobile-btn:focus-visible,.snav-mobile-item:focus-visible,.snav-profile:focus-visible,.snav-toggle:focus-visible{outline:2px solid #10b981;outline-offset:2px}.notifications-overlay-backdrop{align-items:flex-start;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1100}.notifications-overlay{animation:slideIn .3s ease-out;background-color:#f8fafc;background-color:var(--bg-main,#f8fafc);border-left:1px solid #e2e8f0;border-left:1px solid var(--border,#e2e8f0);box-shadow:-8px 0 25px #00000026;display:flex;flex-direction:column;height:100vh;margin-top:0;max-width:90vw;overflow:hidden;position:relative;width:560px}.notifications-overlay.mobile{animation:slideUp .3s ease-out;max-width:100vw;width:100vw}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.notifications-overlay-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1.25rem 1.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.notifications-overlay-header h2{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0}.notifications-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1rem;scroll-behavior:smooth}.unread-badge{background-color:#ff5252;border-radius:12px;box-shadow:0 2px 4px #ff52524d;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.notifications-actions{align-items:center;display:flex;gap:.75rem}.action-btn{align-items:center;border:none;color:var(--text-secondary,#64748b);display:flex;font-size:.9rem;font-weight:500;padding:.5rem .75rem}.action-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.close-btn{align-items:center;border-radius:50%;color:var(--text-secondary,#64748b);display:flex;font-size:1.1rem;height:36px;justify-content:center;margin-left:.5rem;width:36px}.close-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.notifications-filter{-ms-overflow-style:none;background-color:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:64px;z-index:4}.notifications-filter::-webkit-scrollbar{display:none}.filter-btn{background:#0000;border:none;border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.filter-btn.active{background-color:#e8f5e9;box-shadow:0 2px 6px #4caf5033;color:#4caf50;font-weight:600}.notification-item{align-items:flex-start;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #00000008;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.notification-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.notification-item.unread{background-color:#f0f9ff;border-left:4px solid #0ea5e9}.notification-content{display:flex;flex:1 1;gap:1rem}.notification-icon-container{margin-top:.25rem}.notification-icon{align-items:center;background-color:#f1f5f9;border-radius:50%;color:#64748b;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.notification-icon.like{background-color:#ffebee;color:#e53935}.notification-icon.comment{background-color:#e3f2fd;color:#1e88e5}.notification-icon.share{background-color:#e8f5e9;color:#43a047}.notification-icon.task{background-color:#ede7f6;color:#5e35b1}.notification-icon.completed{background-color:#e8f5e9;color:#43a047}.notification-icon.message{background-color:#e0f7fa;color:#00acc1}.notification-icon.collaboration{background-color:#fff3e0;color:#fb8c00}.notification-icon.freelance{background-color:#f3e5f5;color:#8e24aa}.notification-icon.follower{background-color:#e8f5e8;color:#10b981}.notification-icon.rating{background-color:#fef3c7;color:#f59e0b}.notification-icon.endorsement{background-color:#ede9fe;color:#8b5cf6}.notification-icon.viewer{background-color:#f1f5f9;color:#6b7280}.notification-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.notification-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.notification-user{align-items:center;display:flex;gap:.75rem}.user-avatar{border:2px solid #fff}.user-avatar,.user-avatar-alias{box-shadow:0 2px 6px #0000001a;height:40px;width:40px}.user-avatar-alias{align-items:center;background-color:#e0f2fe;border:2px solid #fff;border-radius:50%;color:#0ea5e9;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;text-transform:uppercase}.user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem}.notification-time{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.85rem;white-space:nowrap}.notification-message{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;line-height:1.5}.notification-message .action{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.notification-message .target{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);border-radius:6px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:.9rem;font-style:italic;margin-top:.5rem;padding:.5rem}.notification-action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.action-button{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);border-radius:20px;box-shadow:0 1px 3px #0000000d;color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.action-button.accept{background-color:#e8f5e9;color:#43a047;font-weight:600}.action-button.accept:hover{background-color:#c8e6c9;transform:translateY(-1px)}.action-button.decline{background-color:#ffebee;color:#e53935}.action-button.decline:hover{background-color:#ffcdd2;transform:translateY(-1px)}.action-button.view{background-color:#e3f2fd;color:#1976d2;font-weight:500}.action-button.view:hover{background-color:#bbdefb;transform:translateY(-1px)}.notification-actions{align-items:flex-start;display:flex;position:relative}.more-actions-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;color:var(--text-tertiary,#94a3b8);cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:.5rem;transition:all .2s ease;width:32px}.more-actions-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#64748b;color:var(--text-secondary,#64748b)}.notification-actions-dropdown{animation:fadeIn .2s ease;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.dropdown-item{align-items:center;background:#0000;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.dropdown-item.delete{color:#e53935}.dropdown-item.delete:hover{background-color:#ffebee}.dropdown-item.view-post{color:#3498db}.dropdown-item.view-post:hover{background-color:#3498db1a}.loading-container{color:#64748b;color:var(--text-secondary,#64748b);flex-direction:column;gap:1rem;padding:3rem 1rem}.loading-spinner{border:3px solid #4caf5033;border-top-color:#4caf50;height:40px;width:40px}.loading-spinner.small{height:24px;width:24px}.loading-more{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;gap:.75rem;padding:1rem}.empty-notifications,.loading-more{align-items:center;display:flex;justify-content:center}.empty-notifications{color:#94a3b8;color:var(--text-tertiary,#94a3b8);flex-direction:column;font-size:1rem;padding:4rem 1rem;text-align:center}.connection-status{align-items:center;border-radius:4px;display:flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;margin:0 10px;padding:8px}.connection-status.connected{background-color:#e8f5e9;color:#2e7d32}.connection-status.connecting{background-color:#fff8e1;color:#ff8f00}.connection-status.disconnected,.connection-status.error{background-color:#ffebee;color:#c62828}.connection-status.error{animation:pulse 2s infinite}.rotating{animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;background-color:#ffebee;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:20px;text-align:center}.error-container p{color:#c62828;margin-bottom:15px}.retry-btn{background-color:#c62828;border-radius:4px;transition:background-color .2s}.retry-btn:hover{background-color:#b71c1c}@media (max-width:640px){.notifications-overlay{box-shadow:none;max-width:100%;width:100%}.notifications-overlay-header{padding:1rem}.notifications-overlay-header h2{font-size:1.25rem}.notifications-actions{gap:.5rem}.action-btn{font-size:.85rem;padding:.4rem .6rem}.notification-item{border-radius:8px;padding:.75rem 1rem}.notification-action-buttons{flex-direction:column;gap:.5rem;width:100%}.notifications-filter{padding:.5rem 1rem}.filter-btn{font-size:.85rem;padding:.4rem .75rem}}.loading-spinner{border:3px solid #0000001a;border-top-color:#2196f3;height:30px;width:30px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.action-button{transition:all .2s}.action-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.notification-toast{animation:slideInRight .3s ease-out;background:#fff;border-left:3px solid #4caf50;border-radius:8px;box-shadow:0 4px 12px #00000014;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(
    --font-family,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif
  );padding:4px}.notification-toast-header{align-items:center;color:#1e293b;color:var(--text-color-primary,#1e293b);display:flex;font-size:.95rem;font-weight:600;margin-bottom:6px}.notification-toast-header:before{background-color:#4caf50;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;width:8px}.notification-toast-body{color:#64748b;color:var(--text-color-secondary,#64748b);font-size:.9rem;line-height:1.4;padding:0 0 0 16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.hero{align-items:center;background-color:#fff;display:flex;min-height:70vh;overflow:hidden;padding:7rem 0 2.5rem;position:relative;-webkit-user-select:text;user-select:text}.hero-background{background-color:#fff;overflow:hidden;pointer-events:none;z-index:0}.grid-pattern,.hero-background{bottom:0;left:0;position:absolute;right:0;top:0}.grid-pattern{background-image:none;background-size:30px 30px;display:none;opacity:0}.animated-shape{border-radius:50%;display:none;filter:blur(50px);opacity:0;position:absolute}.shape-1,.shape-2,.shape-3{background-color:initial;display:none}@keyframes float-slow{0%{transform:translate(0) rotate(0deg)}to{transform:translate(20px,20px) rotate(10deg)}}.hero-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;margin:-20px auto 0;max-width:1400px;padding-top:0;position:relative;z-index:1}.hero-text{-webkit-user-select:text;user-select:text}.hero-animate{opacity:0;transform:translateY(20px);transition:all .5s ease}.hero-animate.animate-in{opacity:1;transform:translateY(0)}.hero-badge{align-items:center;background-color:#00c8531a;border:1px solid #00c85333;border-radius:50px;display:inline-flex;margin-bottom:1.5rem;padding:.5rem 1rem}.badge-icon{font-size:1.2rem;margin-right:.5rem}.badge-text{color:var(--primary-color);font-size:.875rem;font-weight:600}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--text-color) 30%,#4a5568);-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.25rem;margin-top:0;max-width:95%}.hero-subtitle,.hero-text h1{-webkit-user-select:text;user-select:text}.hero-subtitle{color:var(--light-text);font-size:1.05rem;letter-spacing:.01em;line-height:1.6;margin-bottom:1.75rem;max-width:520px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.hero-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.hero-button.btn-primary{background-color:var(--primary-color);border:none;box-shadow:0 4px 14px #00c85340;color:#fff;overflow:hidden;position:relative}.hero-button.btn-primary:after{animation:shine 3s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.hero-button.btn-primary:hover{background-color:var(--secondary-color);box-shadow:0 6px 20px #00c85359;transform:translateY(-3px)}.hero-button.btn-outline{background-color:#00c8530d;border:2px solid #00c8534d;color:var(--primary-color)}.hero-button.btn-outline:hover{background-color:#00c8531a;border-color:var(--primary-color);transform:translateY(-3px)}.hero-button.btn-text{background:#0000;color:var(--text-color);padding:.875rem 1rem}.hero-button.btn-text:hover{color:var(--primary-color);transform:translateY(-2px)}.hero-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00c8530d;border-radius:1rem;box-shadow:0 10px 25px #00000014;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin:1.5rem auto 0;max-width:1200px;padding:1.5rem;position:relative;z-index:20}.stat{flex:1 1;min-width:120px;padding:.5rem;position:relative;text-align:center;transition:transform .3s ease}.stat:hover{transform:translateY(-5px)}.stat:after{background:linear-gradient(180deg,#0000,#00c85333,#0000);content:"";display:block;height:80%;position:absolute;right:0;top:10%;width:1px}.stat:last-child:after{display:none}.stat h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00c853,#00c853);-webkit-background-clip:text;background-clip:text;color:#00c853;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat p{color:var(--light-text);font-size:.875rem;font-weight:600;white-space:nowrap}.hero-image{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.image-container{flex:1 1;max-height:470px}.image-container,.platform-preview{display:flex;flex-direction:column;height:100%}.platform-preview{background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0000001a;flex:1 1;overflow:hidden;transform:translateY(0);transition:all .3s ease;width:100%}.platform-preview.animating{transform:translateY(-5px)}.platform-preview:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.preview-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:.75rem 1rem}.preview-dots{display:flex;gap:6px;margin-right:1rem}.preview-dots span{background-color:#dee2e6;border-radius:50%;height:12px;width:12px}.preview-dots span:first-child{background-color:#ff6b6b}.preview-dots span:nth-child(2){background-color:#ffd43b}.preview-dots span:nth-child(3){background-color:#69db7c}.preview-title{color:#343a40;flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.feature-tabs{display:flex;gap:.5rem}.feature-tab{align-items:center;background-color:initial;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.feature-tab:hover{background-color:#f1f3f5;color:#343a40;transform:translateY(-2px)}.feature-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.preview-content{display:flex;height:100%;overflow:hidden;position:relative}.preview-sidebar{align-items:center;background-color:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;width:50px}.sidebar-item{background-color:#e9ecef;border-radius:6px;height:32px;transition:all .3s ease;width:32px}.sidebar-item.active{background-color:#00c85333}.preview-main{flex:1 1;height:100%;min-height:400px;overflow:hidden;position:relative}.feature-view{display:flex;flex-direction:column;gap:.75rem;height:100%;left:0;opacity:1;padding:.75rem;position:absolute;top:0;transform:none;transition:none;visibility:visible;width:100%}.feature-view.active{animation:none;opacity:1;transform:translateX(0);visibility:visible}.dashboard-view .preview-card{background-color:#f8f9fa;border-radius:8px;height:80px;margin-bottom:1rem}.dashboard-view .preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.dashboard-view .grid-item{background-color:#f1f3f5;border-radius:8px;height:60px}.dashboard-view .preview-chart{align-items:flex-end;background-color:#f8f9fa;border-radius:8px;display:flex;gap:.5rem;height:100px;margin-top:auto;padding:.5rem}.dashboard-view .chart-bar{animation:growBar 1s ease forwards;animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s);background-color:#00c8534d;border-radius:4px 4px 0 0;flex:1 1;height:60%;transform:scaleY(0);transform-origin:bottom}.dashboard-view .chart-bar:first-child{--index:1}.dashboard-view .chart-bar:nth-child(2){--index:2}.dashboard-view .chart-bar:nth-child(3){--index:3}.dashboard-view .chart-bar:nth-child(4){--index:4}.dashboard-view .chart-bar:nth-child(5){--index:5}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.feed-view,.feed-view .feed-content{display:flex;flex-direction:column;height:100%;width:100%}.feed-view .feed-content{max-height:380px;overflow-y:auto;padding:.5rem}.feed-view .feed-post{animation:fadeInUp .5s ease forwards;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:.85rem;margin-bottom:.5rem;max-width:100%;opacity:0;padding:1.25rem;transform:translateY(0);transition:all .3s ease;width:100%}.feed-view .feed-post.real-post{border-left:3px solid #00c853;overflow:hidden;position:relative}.feed-view .feed-post.real-post:after{animation:shine 3s infinite;background:linear-gradient(90deg,#00c85300,#00c8530d 50%,#00c85300);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes shine{0%{transform:translateX(-100%)}50%,to{transform:translateX(100%)}}.feed-view .post-avatar{align-items:center;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.feed-view .post-avatar:hover{transform:scale(1.1)}.feed-view .avatar-initials{font-weight:700}.feed-view .post-content{display:flex;flex:1 1;flex-direction:column;gap:.6rem}.feed-view .post-author{align-items:center;display:flex;gap:.5rem;margin-bottom:0}.feed-view .author-name{color:#212529;font-size:1rem;font-weight:700}.feed-view .author-verified{align-items:center;color:#00c853;display:flex}.feed-view .author-verified svg{height:16px;width:16px}.feed-view .post-meta{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.35rem;margin-top:-.4rem}.feed-view .post-separator{font-size:.7rem;opacity:.6}.feed-view .post-title{border-bottom:1px solid #0000000d;color:#212529;font-size:1.05rem;font-weight:700;line-height:1.3;margin:.2rem 0;padding-bottom:.6rem}.feed-view .post-text{color:#495057;font-size:.9rem;line-height:1.5;margin:.2rem 0}.feed-view .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.feed-view .post-tag{background-color:#00c8531a;border-radius:50px;color:#00c853;font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.feed-view .post-tag:hover{background-color:#00c85333;transform:translateY(-2px)}.feed-view .post-stats{border-bottom:1px solid #e9ecef;color:#6c757d;display:flex;font-size:.8rem;gap:1rem;margin-top:.5rem;padding-bottom:.5rem}.feed-view .post-actions{display:flex;justify-content:space-around;margin-top:.5rem}.feed-view .post-action{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.4rem;transition:all .2s ease;width:32px}.feed-view .post-action:hover{background-color:#f8f9fa;color:#212529;transform:translateY(-2px)}.feed-view .post-contact{display:flex;justify-content:flex-start;margin-top:.75rem}.feed-view .contact-button{background-color:#00c853;border:none;border-radius:6px;box-shadow:0 2px 4px #00c85333;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.feed-view .contact-button:hover{background-color:#00a844;box-shadow:0 4px 6px #00c85340;transform:translateY(-2px)}.rooms-view .rooms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.rooms-view .rooms-title{background:#e2e8f0;border-radius:4px;height:24px;width:40%}.rooms-view .rooms-actions{background:#e2e8f0;border-radius:8px;height:32px;width:20%}.rooms-view .rooms-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr);overflow-y:auto}.rooms-view .room-card{align-items:center;animation:fadeScale .5s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.rooms-view .room-card:nth-child(2){animation-delay:.15s}.rooms-view .room-card:nth-child(3){animation-delay:.3s}.rooms-view .room-card:nth-child(4){animation-delay:.45s}@keyframes fadeScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rooms-view .room-card:hover{box-shadow:0 10px 15px #0000000d;transform:translateY(-3px)}.rooms-view .room-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.rooms-view .room-icon.ai{background:linear-gradient(135deg,#6366f1,#a855f7)}.rooms-view .room-icon.ml{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.rooms-view .room-icon.bio{background:linear-gradient(135deg,#10b981,#84cc16)}.rooms-view .room-icon.cs{background:linear-gradient(135deg,#f59e0b,#ef4444)}.rooms-view .room-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.rooms-view .room-name{background:#e2e8f0;border-radius:4px;height:16px;width:70%}.rooms-view .room-members{background:#e2e8f0;border-radius:4px;height:12px;width:40%}.floating-element{align-items:center;animation:float 6s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 10px 25px #0000001a;color:var(--primary-color);display:flex;height:50px;justify-content:center;position:absolute;width:50px;z-index:2}.element-1{animation-delay:0s;right:-5%;top:10%}.element-2{animation-delay:2s;bottom:20%;left:-5%}.element-3{animation-delay:4s;right:10%;top:50%}.element-4{animation-delay:1s;left:5%;top:25%}@media (max-width:1200px){.hero-text h1{font-size:3rem}.hero{padding:6.5rem 0 2rem}}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;max-width:800px;padding-top:0;text-align:center}.hero-text h1{font-size:2.8rem;margin-left:auto;margin-right:auto}.hero-image{margin-top:2rem}.image-container{margin:0 auto;max-width:90%}.feed-view .feed-content,.platform-preview{margin:0 auto}.hero-stats{justify-content:center;margin:1rem auto 2rem;max-width:600px}}@media (max-width:768px){.hero{min-height:auto;padding:6rem 0 2rem}.hero-text h1{font-size:2.5rem}.hero-subtitle{max-width:100%}.hero-buttons{justify-content:center}.hero-button{min-width:160px}.hero-content{padding-top:0}.hero-stats{flex-direction:column;gap:1.5rem;margin:1rem auto;max-width:300px}.stat:after{display:none}.image-container{max-width:100%}.feed-view .feed-content{width:100%}.floating-element{display:none}.communities-view .communities-grid,.rooms-view .rooms-grid{grid-template-columns:1fr}.communities-view .community-card,.courses-view .course-card,.workshops-view .workshop-card{width:100%}}@media (max-width:480px){.hero{padding:5rem 0 2rem}.hero-text h1{font-size:2.2rem}.hero-badge{padding:.4rem .8rem}.badge-text{font-size:.75rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.stat{padding:.5rem}.stat h3{font-size:2rem}.image-container{height:280px}.feed-view .feed-content{max-height:250px}.feed-view .post-avatar{height:40px;width:40px}.feed-view .post-title{font-size:1rem}.feed-view .post-text{font-size:.85rem}.preview-sidebar{width:40px}.communities-view .communities-grid,.courses-view .courses-grid{grid-template-columns:1fr}.community-members-preview .member-avatar{height:28px;margin-right:-8px;width:28px}.feed-post-item .post-avatar{height:36px;width:36px}.feed-post-item .post-preview{display:none}.feed-title{font-size:1rem}}.communities-view,.workshops-view{display:flex;flex-direction:column}.communities-view .communities-header{background-color:#fffc;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem}.communities-view .communities-search{background-color:#0000000d;border-radius:.25rem;height:1.5rem;width:150px}.communities-view .communities-filter{background-color:#0000000d;border-radius:.25rem;height:1.5rem;width:80px}.communities-view .communities-grid{animation:fadeScale .5s ease forwards;display:flex;flex:1 1;gap:1.5rem;height:100%}.communities-view .community-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;max-width:49%;overflow:hidden;transition:transform .3s ease}.communities-view .community-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-5px)}.communities-view .community-banner{background-position:50%;background-size:cover;height:120px;position:relative}.community-members-preview{align-items:center;bottom:12px;display:flex;left:12px;position:absolute}.community-members-preview .member-avatar{align-items:center;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:32px;justify-content:center;margin-right:-10px;transition:transform .2s ease;width:32px}.community-members-preview .member-avatar:hover{transform:translateY(-3px) scale(1.1);z-index:5}.community-members-preview .member-count{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#495057;font-size:.7rem;font-weight:600;margin-left:8px;padding:.25rem .5rem}.communities-view .community-content{display:flex;flex:1 1;flex-direction:column;padding:1rem 1.2rem}.communities-view .community-title{color:#212529;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.communities-view .community-description{color:#6c757d;flex:1 1;font-size:.9rem;line-height:1.4;margin-bottom:.8rem}.communities-view .community-stats{color:#495057;display:flex;font-size:.85rem;font-weight:500;gap:1rem;margin-bottom:.6rem}.communities-view .community-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.communities-view .community-tag{background-color:#00c8531a;border-radius:20px;color:#00a844;font-size:.75rem;font-weight:500;padding:.25rem .6rem;transition:all .2s ease;white-space:nowrap}.communities-view .community-tag:hover{background-color:#00c85333;transform:translateY(-2px)}.communities-view .community-footer{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin-top:.8rem;padding-top:.8rem}.communities-view .community-date{align-items:center;color:#6c757d;display:flex;font-size:.8rem}.communities-view .join-btn,.communities-view .view-btn{background-color:#4285f4;border:none;border-radius:8px;box-shadow:0 2px 6px #4285f440;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .9rem;transition:all .3s ease}.communities-view .view-btn{background-color:initial;border:1px solid #4285f4;box-shadow:none;color:#4285f4}.communities-view .join-btn:hover{background-color:#3367d6;box-shadow:0 4px 8px #4285f44d;transform:translateY(-2px)}.communities-view .view-btn:hover{background-color:#4285f41a;transform:translateY(-2px)}.community-feed-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;max-width:49%;overflow:hidden}.community-feed-header{align-items:center;background-color:#f8f9fa80;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:1.2rem}.feed-title{color:#212529;font-size:1.1rem;font-weight:700;margin:0}.feed-tabs{display:flex;gap:.8rem}.feed-tab{background:none;border:none;border-radius:20px;color:#6c757d;cursor:pointer;font-size:.85rem;font-weight:600;padding:.25rem .75rem;transition:all .2s ease}.feed-tab.active{background-color:#00c8531a;box-shadow:0 2px 4px #00c85326;color:#00a844}.feed-tab:hover:not(.active){background-color:#0000000d;transform:translateY(-2px)}.feed-posts{display:flex;flex-direction:column;padding:.5rem 0}.feed-post-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.8rem;padding:.8rem 1.2rem;transition:all .2s ease}.feed-post-item:hover{background-color:#00000005;border-left:3px solid #4285f4;transform:translateX(3px)}.feed-post-item .post-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:42px;justify-content:center;width:42px}.feed-post-item .post-preview{display:none}.feed-view-all{border-top:1px solid #0000000d;display:flex;justify-content:center;margin-top:auto;padding:1rem 1.2rem}.view-all-btn{align-items:center;background:none;border:none;border-radius:8px;color:#4285f4;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-all-btn:hover{background-color:#4285f41a;transform:translateY(-2px)}.collaborators-view{display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative;width:100%}.courses-view .courses-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.courses-view .courses-categories{display:flex;gap:.5rem}.courses-view .category{background-color:#0000000d;border-radius:.25rem;height:1.5rem;transition:all .3s ease;width:60px}.courses-view .category.active{background-color:#00c85333}.courses-view .courses-sort{background-color:#0000000d;border-radius:.25rem;height:1.5rem;margin-left:auto;width:100px}.courses-view .courses-grid{grid-gap:1rem;animation:fadeScale .5s ease forwards;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.courses-view .course-card{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:transform .3s ease}.courses-view .course-card:hover{transform:translateY(-3px)}.courses-view .course-thumbnail{background:linear-gradient(45deg,#00c8531a,#4299e11a);height:80px}.courses-view .course-content{padding:.75rem}.courses-view .course-title{background-color:#00000014;border-radius:.25rem;height:1rem;margin-bottom:.5rem;width:80%}.courses-view .course-instructor{background-color:#0000000d;border-radius:.25rem;height:.75rem;margin-bottom:.5rem;width:60%}.courses-view .course-info{display:flex;gap:1rem;margin-bottom:.5rem}.courses-view .course-level,.courses-view .course-modules{background-color:#0000000d;border-radius:.25rem;height:.75rem;width:50px}.courses-view .course-progress{display:flex;flex-direction:column;gap:.25rem}.courses-view .progress-bar{background-color:#0000000d;border-radius:.25rem;height:.5rem;overflow:hidden}.courses-view .progress-fill{background-color:#00c85380;border-radius:.25rem;height:100%;width:65%}.courses-view .progress-text{background-color:#0000000d;border-radius:.25rem;height:.75rem;margin-left:auto;width:40px}.courses-view .course-rating{align-items:center;display:flex;gap:.5rem}.courses-view .rating-stars{background-color:#00c85333;border-radius:.25rem;height:.75rem;width:70px}.courses-view .rating-count{background-color:#0000000d;border-radius:.25rem;height:.75rem;width:30px}.workshops-preview{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:.25rem 1rem .5rem;width:100%}.workshops-tabs{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.4rem}.workshop-tab{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:600;margin-right:1.5rem;padding:0;transition:color .2s ease}.workshop-tab:hover{color:#00c853}.workshop-tab.active{color:#00c853;position:relative}.workshop-tab.active:after{background-color:#00c853;bottom:-.75rem;content:"";height:2px;left:0;position:absolute;width:100%}.create-workshop-btn{align-items:center;background-color:#00c853;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1.25rem}.create-workshop-btn:hover{background-color:#00a844}.workshop-filters{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.workshop-search{border:1px solid #e9ecef;border-radius:8px;flex:1 1;font-size:.9rem;outline:none;padding:.6rem 1rem;transition:border-color .2s ease}.workshop-search:focus{border-color:#00c853}.filter-pills{display:flex;gap:.5rem}.filter-pill{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .2s ease}.filter-pill:hover{background-color:#e9ecef}.filter-pill.active{background-color:#00c853;border-color:#00c853;color:#fff}.workshop-placeholder-cards{display:flex;flex-grow:1;gap:1.5rem;margin-top:.5rem}.workshop-placeholder-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 16px #00000014;flex:1 1;max-width:49%;overflow:hidden;transition:all .3s ease}.workshop-placeholder-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-8px)}.workshop-card-content{display:flex;flex-direction:column;height:100%;padding:1.25rem 1.5rem .75rem}.workshop-card-title{color:#212529;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .6rem}.workshop-card-host{color:#6c757d;font-size:.9rem;font-weight:500;margin:0 0 .6rem}.workshop-card-detail{color:#495057;display:flex;flex-wrap:wrap;font-size:.85rem;line-height:1.5;margin:0 0 .4rem}.price-paid{color:#00c853;font-weight:600}.workshop-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.workshop-card-tag{background-color:#00c8531a;border-radius:20px;color:#00a844;font-size:.75rem;font-weight:500;padding:.25rem .6rem;transition:all .2s ease}.workshop-card-tag:hover{background-color:#00c85333;transform:translateY(-2px)}.workshop-card-footer{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin-top:auto;padding-top:.5rem}.seats-left{color:#6c757d;font-size:.85rem;font-weight:500}.register-btn{align-items:center;background-color:#4285f4;border:none;border-radius:8px;box-shadow:0 4px 8px #4285f433;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .3s ease}.register-btn:hover{background-color:#3367d6;box-shadow:0 6px 12px #4285f44d;transform:translateY(-3px)}.communities-view,.workshops-view{height:100%;overflow-y:auto}.communities-view{position:relative;width:100%}.feed-view .feed-post:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px);transition:all .3s ease}.chat-container{animation:fadeIn .4s ease-out forwards;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;visibility:visible;width:100%}.chat-container.active{opacity:1;transform:translateX(0);visibility:visible}.chat-header{align-items:center;animation:slideDown .5s ease-out;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.75rem 1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-user-info{gap:.75rem}.chat-avatar,.chat-user-info{align-items:center;display:flex}.chat-avatar{animation:pulseAvatar 1s ease-in-out;background-color:#00c853;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#fff;font-weight:700;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}@keyframes pulseAvatar{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.chat-avatar img{border-radius:50%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.chat-avatar:hover img{transform:scale(1.1)}.avatar-initials{font-size:1rem;font-weight:600}.status-indicator{animation:pulse 2s infinite;background-color:#e9ecef;border:2px solid #fff;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.status-indicator.online{background-color:#00c853}.status-indicator.away{background-color:#ffab00}.status-indicator.busy{background-color:#f44336}.chat-user-details{animation:fadeInRight .5s ease-out;display:flex;flex-direction:column}@keyframes fadeInRight{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.chat-user-name{color:#212529;font-size:.95rem;font-weight:600;margin:0}.chat-user-title{color:#6c757d;font-size:.8rem;margin:0}.chat-actions{animation:fadeIn .6s ease-out;display:flex;gap:.5rem}.chat-action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chat-action-btn:hover{background-color:#e9ecef;color:#212529;transform:translateY(-2px)}.chat-messages{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:200px;overflow-y:auto;padding:1rem}.chat-bubble{animation:bubbleIn .4s ease forwards;border-radius:12px;max-width:75%;padding:.75rem 1rem;position:relative;transition:transform .2s ease}.chat-bubble:hover{transform:translateY(-2px)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-bubble{align-self:flex-end;background-color:#00c853;border-bottom-right-radius:4px;box-shadow:0 2px 5px #00000014;color:#fff}.other-bubble{align-self:flex-start;background-color:#fff;border:1px solid #e9ecef;border-bottom-left-radius:4px;box-shadow:0 2px 5px #0000000d;color:#212529}.bubble-content p{font-size:.9rem;line-height:1.4;margin:0}.bubble-meta{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;margin-top:.25rem}.bubble-time{font-size:.7rem;opacity:.8}.bubble-status,.typing-indicator{align-items:center;display:flex}.typing-indicator{align-self:flex-start;animation:fadeIn .3s ease forwards;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 5px #0000000d;gap:.25rem;padding:.75rem}.typing-indicator span{background-color:#6c757d;border-radius:50%;display:inline-block;height:8px;opacity:.6;width:8px}.typing-indicator span:first-child{animation:bounce 1.2s 0s infinite}.typing-indicator span:nth-child(2){animation:bounce 1.2s .2s infinite}.typing-indicator span:nth-child(3){animation:bounce 1.2s .4s infinite}.chat-input-container{align-items:center;background-color:#fff;border-top:1px solid #e9ecef;display:flex;gap:.5rem;padding:.75rem}.chat-input-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-input-btn:hover{background-color:#e9ecef;color:#212529}.chat-input-field{flex:1 1}.chat-input-field input{border:1px solid #e9ecef;border-radius:20px;font-size:.9rem;outline:none;padding:.6rem 1rem;transition:all .2s ease;width:100%}.chat-input-field input:focus{border-color:#00c853;box-shadow:0 0 0 2px #00c8531a}.chat-input-send-btn{align-items:center;background-color:#00c853;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-input-send-btn:hover{background-color:#00a844;transform:translateY(-2px)}.rooms-container{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;flex-direction:column;opacity:1;overflow:hidden;padding:0;visibility:visible}.rooms-cards-wrapper,.rooms-container{display:flex;height:100%;justify-content:center;width:100%}.rooms-cards-wrapper{align-items:center}.rooms-cards-container{align-items:center;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:center;max-width:100%;padding:.5rem}.featured-room-card{animation:floatCard 4s ease-in-out infinite alternate;border-radius:16px;box-shadow:0 15px 35px #00000026;height:360px;transform:scale(1);transform-style:preserve-3d;transition:all .4s ease;width:280px}.featured-room-card:nth-child(odd){animation-delay:2s}.featured-room-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-15px) rotateY(3deg) scale(1.03)}@keyframes floatCard{0%{transform:translateY(0) rotateY(0) scale(1)}to{transform:translateY(-20px) rotateY(3deg) scale(1.01)}}.room-card-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s ease}.room-card-header{height:140px;overflow:hidden;position:relative}.header-overlay{background:linear-gradient(180deg,#0000001a,#0009);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.room-card-field-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #00000026;display:flex;gap:.4rem;padding:.4rem .8rem;position:absolute;right:1rem;top:1rem;z-index:2}.field-icon{align-items:center;color:#00c853;display:flex;justify-content:center}.field-text{color:#333;font-size:.8rem;font-weight:600}.room-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.room-card-title{color:#212529;font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.room-card-description{color:#495057;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.room-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.room-card-tag{background-color:#00c8531a;border-radius:20px;color:#00a844;font-size:.75rem;font-weight:500;padding:.25rem .6rem;transition:all .2s ease}.room-card-tag:hover{background-color:#00c85333;transform:translateY(-2px)}.room-card-footer{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.room-card-members{display:flex;flex-direction:column;gap:.5rem}.member-avatar,.members-avatars{align-items:center;display:flex}.member-avatar{background-color:#00c853;border:2px solid #fff;color:#fff;font-size:.75rem;font-weight:600;height:28px;justify-content:center;margin-right:-10px;width:28px}.member-avatar:first-child{background-color:#4285f4}.member-avatar:nth-child(2){background-color:#fbbc05}.member-avatar:nth-child(3){background-color:#ea4335}.member-avatar.more-members{background-color:#34a853}.members-text{color:#6c757d;font-size:.8rem;font-weight:500}.room-card-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .3s ease}.room-card-button.enter-button{background-color:#00c853;box-shadow:0 4px 8px #00c85333;color:#fff}.room-card-button.enter-button:hover{background-color:#00a844;box-shadow:0 6px 12px #00c8534d;transform:translateY(-3px)}.room-card-button.request-button{background-color:#4285f4;box-shadow:0 4px 8px #4285f433;color:#fff}.room-card-button.request-button:hover{background-color:#3367d6;box-shadow:0 6px 12px #4285f44d;transform:translateY(-3px)}.physics-gradient{background:linear-gradient(45deg,#4a00e0,#8e2de2)}.cs-gradient{background:linear-gradient(45deg,#2193b0,#6dd5ed)}.biology-gradient{background:linear-gradient(45deg,#11998e,#38ef7d)}.chemistry-gradient{background:linear-gradient(45deg,#f953c6,#b91d73)}.math-gradient{background:linear-gradient(45deg,#1e3c72,#2a5298)}.psychology-gradient{background:linear-gradient(45deg,#ff512f,#dd2476)}.medicine-gradient{background:linear-gradient(45deg,#396afc,#2948ff)}.engineering-gradient{background:linear-gradient(45deg,#f12711,#f5af19)}.environmental-gradient{background:linear-gradient(45deg,#56ab2f,#a8e063)}.default-gradient{background:linear-gradient(45deg,#00c6ff,#0072ff)}.room-card-tag.more-tag{background-color:#4285f41a;color:#4285f4}@media (max-width:768px){.rooms-cards-container{gap:1rem}.featured-room-card{height:350px;width:250px}}@media (max-width:600px){.rooms-cards-container{flex-direction:column;gap:1.5rem}.featured-room-card{height:350px;width:280px}}.hero-collab-network{display:flex;flex-direction:column;height:100%;opacity:0;padding:.5rem;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;width:100%}.hero-collab-network.active{opacity:1;transform:translateY(0)}.hero-collab-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;height:100%;max-height:380px;overflow-y:auto;width:100%}.hero-collab-request-card{grid-column:1/span 2}.hero-collab-card,.hero-collab-request-card{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 3px 8px #00000014;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;max-height:160px;padding:.75rem;transition:transform .2s ease,box-shadow .2s ease}.hero-collab-card:hover,.hero-collab-request-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.hero-collab-header,.hero-request-header{align-items:flex-start;display:flex;gap:.75rem;position:relative}.hero-collab-avatar{align-items:center;background-color:#7e57c2;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.hero-collab-avatar.yellow{background-color:#ffca28}.hero-collab-avatar.green{background-color:#26a69a}.hero-collab-info,.hero-request-info{flex:1 1}.hero-collab-name{align-items:center;color:#212529;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.1rem}.hero-collab-title{color:#495057;font-size:.8rem;margin-bottom:0}.hero-collab-affiliation,.hero-collab-location{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.25rem}.hero-collab-bookmark{color:#adb5bd;cursor:pointer;position:absolute;right:0;top:0;transition:color .2s ease}.hero-collab-bookmark:hover{color:#00c853}.hero-collab-tags{display:flex;flex-wrap:wrap;gap:.35rem}.hero-collab-tag{background-color:#f1f3f5;border-radius:50px;color:#495057;font-size:.7rem;font-weight:500;padding:.2rem .5rem;transition:background-color .2s ease}.hero-collab-tag:hover{background-color:#e9ecef}.hero-collab-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#495057;display:-webkit-box;font-size:.8rem;line-height:1.3;margin:0;overflow:hidden}.hero-collab-stats{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.hero-stat-item{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.35rem}.hero-stat-icon{color:#00c853}.hero-stat-value{color:#00c853;font-weight:600}.hero-collab-metrics{display:flex;gap:.75rem;margin-top:auto}.hero-collab-metric{align-items:center;background-color:#f8f9fa;border-radius:6px;color:#495057;display:flex;font-size:.75rem;gap:.35rem;padding:.25rem .5rem}.hero-metric-icon{color:#00c853}.hero-collab-activity,.hero-collab-status{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.35rem}.hero-request-date{color:#6c757d;font-size:.75rem;margin-top:0}.hero-request-status{background-color:#fff3cd;border-radius:4px;color:#856404;font-size:.65rem;font-weight:600;padding:.15rem .35rem;position:absolute;right:0;top:0}.hero-request-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:#f8f9fa;border-left:3px solid #00c853;border-radius:6px;color:#495057;display:-webkit-box;font-size:.8rem;font-style:italic;line-height:1.3;margin:0;overflow:hidden;padding:.5rem}.hero-collab-actions,.hero-request-actions{display:flex;gap:.5rem;margin-top:auto}.hero-collab-actions{margin-top:auto;width:100%}.hero-collab-card:first-child .hero-collab-actions{margin-top:-15px}.hero-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;justify-content:center;padding:.35rem .75rem;transition:all .2s ease}.hero-view-btn{background-color:initial;border:1px solid #e9ecef;color:#495057;flex:1 1}.hero-view-btn:hover{background-color:#f8f9fa;border-color:#dee2e6}.hero-accept-btn,.hero-invite-btn,.hero-message-btn{background-color:#00c853;color:#fff;flex:2 1}.hero-accept-btn:hover,.hero-invite-btn:hover,.hero-message-btn:hover{background-color:#00a844}.hero-decline-btn{background-color:initial;border:1px solid #dee2e6;color:#6c757d}.hero-decline-btn:hover{background-color:#f8f9fa;color:#495057}@media (max-width:768px){.hero-collab-grid{grid-template-columns:1fr}.hero-collab-request-card{grid-column:1}}@media (max-width:480px){.hero-collab-header,.hero-request-header{align-items:center;flex-direction:column;text-align:center}.hero-collab-avatar{margin-bottom:.25rem}.hero-collab-tags{justify-content:center}.hero-collab-stats{gap:.35rem}.hero-collab-actions,.hero-collab-stats,.hero-request-actions{flex-direction:column}.hero-request-status{align-self:center;margin-top:.25rem;position:relative}}.hero-courses{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;padding:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;width:100%}.hero-courses.active{opacity:1;transform:translateY(0)}.hero-courses-header{background-color:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:.75rem 1rem}.courses-header-title,.courses-header-title h3,.hero-courses-header{align-items:center;display:flex}.courses-header-title h3{color:#343a40;font-size:.9rem;font-weight:600;margin:0}.courses-header-title h3:before{background-color:#4263eb;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:8px;width:6px}.courses-header-actions{display:flex;gap:.5rem}.courses-view-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.courses-view-btn:hover{background-color:#f1f3f5}.courses-view-btn.active{background-color:#e9ecef;color:#343a40}.hero-courses-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);height:100%;max-height:320px;overflow-y:auto;padding:.75rem;scrollbar-color:#dee2e6 #f8f9fa;scrollbar-width:thin;width:100%}.hero-courses-grid::-webkit-scrollbar{width:6px}.hero-courses-grid::-webkit-scrollbar-track{background:#f8f9fa}.hero-courses-grid::-webkit-scrollbar-thumb{background-color:#dee2e6;border-radius:6px}.hero-course-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;font-size:.85rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hero-course-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.hero-course-image-container{height:100px;overflow:hidden;position:relative}.hero-course-image{background-position:50%;background-size:cover;height:100%;position:relative;transition:transform .3s ease;width:100%}.hero-course-card:hover .hero-course-image{transform:scale(1.05)}.hero-course-price{background-color:#4263eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .6rem;position:absolute;right:8px;top:8px}.hero-course-price.free{background-color:#00c853}.hero-course-content{display:flex;flex:1 1;flex-direction:column;gap:.4rem;padding:.75rem}.hero-course-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.hero-course-instructor{align-items:center;color:#495057;display:flex;font-size:.75rem;gap:.35rem;margin:0}.hero-course-instructor svg{color:#868e96}.hero-course-meta{align-items:center;color:#6c757d;display:flex;font-size:.7rem;justify-content:space-between;margin-top:.1rem}.hero-course-rating{align-items:center;display:flex;gap:.25rem}.hero-course-stars{color:#fd7e14}.hero-course-reviews{color:#adb5bd}.hero-course-lessons{align-items:center;color:#6c757d;display:flex;font-size:.7rem;gap:.35rem}.hero-course-lessons svg{color:#868e96}.hero-course-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.1rem}.hero-course-tag{background-color:#f1f3f5;border-radius:50px;color:#495057;font-size:.65rem;font-weight:500;padding:.2rem .5rem;white-space:nowrap}.hero-course-action{margin-top:auto;padding-top:.5rem}.hero-course-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem;transition:all .2s ease;width:100%}.hero-enroll-btn{background-color:#00c853;color:#fff}.hero-enroll-btn:hover{background-color:#00a844}.hero-details-btn{background-color:#f1f3f5;color:#495057}.hero-details-btn:hover{background-color:#e9ecef}.hero-courses-footer{background-color:#fff;border-top:1px solid #e9ecef;display:flex;justify-content:center;margin-top:auto;padding:.75rem}.hero-courses-explore-btn{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.4rem .75rem;transition:all .2s ease}.hero-courses-explore-btn:hover{background-color:#e9ecef}.hero-courses-container{height:100%;position:relative;width:100%}.hero-courses-loading{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;font-size:.9rem;gap:1rem;height:100%;justify-content:center;width:100%}.courses-loading-spinner{animation:spinner .8s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#4263eb;height:24px;width:24px}@keyframes spinner{to{transform:rotate(1turn)}}@media (max-width:768px){.hero-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-courses-grid{grid-template-columns:1fr}}.features{background-color:#fff;margin-top:-1px;overflow:hidden;padding:70px 0 120px;position:relative}.features-container{max-width:1200px;padding:0 20px;z-index:2}.features-header{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.features .section-title{color:#00c853;font-size:3rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:1rem;text-align:center}.features .section-subtitle{color:#555;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px;text-align:center}.feature-categories-wrapper{margin-bottom:40px}.feature-categories,.feature-categories-wrapper{display:flex;justify-content:center;position:relative}.feature-categories{flex-wrap:wrap;gap:12px;max-width:100%;padding:0 10px}.feature-categories:before{background:linear-gradient(90deg,#0000,#00c85333,#0000);bottom:-15px;content:"";height:1px;left:0;position:absolute;right:0}.category-tab{align-items:center;animation:fadeInUp .5s ease-out var(--animation-delay) forwards;background-color:#fff;border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 5px #0000000d;color:#333;cursor:pointer;display:flex;font-weight:500;gap:10px;opacity:0;padding:12px 20px;transform:translateY(20px);transition:all .3s ease}.category-tab:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.category-tab.active{background-color:var(--tab-color);border-color:var(--tab-color);box-shadow:0 5px 15px #00000026;color:#fff;transform:translateY(-3px) scale(1.05)}.category-icon{font-size:1.2rem}.animate-tab{animation:slideInUp .5s ease-out forwards}.feature-category-content{animation:fadeIn .5s ease-out forwards;background-color:#fff;border-radius:24px;box-shadow:0 15px 40px #00000014;margin:0 auto;max-width:100%;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.feature-category-content:before{background:linear-gradient(90deg,#00c853,#64dd17);background:linear-gradient(90deg,var(--primary-color,#00c853),#64dd17);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.category-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.category-info{min-width:250px}.category-title{font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;transition:color .3s ease}.category-description{color:#555;font-size:1.1rem;line-height:1.6;max-width:600px}.category-icon-large{align-items:center;animation:pulse 2s infinite;border-radius:20px;box-shadow:0 10px 25px #0000001f;color:#fff;display:flex;font-size:2.5rem;height:90px;justify-content:center;margin-left:20px;overflow:hidden;position:relative;transition:all .3s ease;width:90px}.category-icon-large:after{background:radial-gradient(circle at center,#fff3,#0000);content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.feature-card{animation:fadeInUp .5s ease-out var(--animation-delay) forwards;background-color:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 20px #0000000d;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;padding:25px;position:relative;transition:all .4s ease}.feature-card:before{background-color:var(--feature-color);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.feature-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon-container{display:inline-block;margin-bottom:20px}.feature-icon{align-items:center;background-color:#00c8531a;background-color:rgba(var(--feature-color-rgb,0,200,83),.1);border-radius:14px;color:var(--feature-color);display:flex;font-size:2rem;height:65px;justify-content:center;overflow:hidden;width:65px}.feature-icon:after{background:radial-gradient(circle at center,#fffc,#0000);content:"";height:100%;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.feature-card:hover .feature-icon{background-color:var(--feature-color);color:#fff;transform:scale(1.1) rotate(5deg)}.feature-card:hover .feature-icon:after{opacity:.4}.feature-content{display:flex;flex:1 1;flex-direction:column}.feature-content h4{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:12px;transition:color .3s ease}.feature-card:hover .feature-content h4{color:var(--feature-color)}.feature-content p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:0;margin-top:auto}.features-background{display:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.features-container{max-width:960px}.features .section-title{font-size:2.6rem}}@media (max-width:992px){.features{padding:60px 0 100px}.features-container{max-width:720px}.features-header{margin-bottom:40px}.features .section-title{font-size:2.4rem}.feature-category-content{padding:30px 25px}.category-header{align-items:flex-start;flex-direction:column-reverse;margin-bottom:30px}.category-icon-large{margin-bottom:20px;margin-left:0}.category-title{font-size:2rem}}@media (max-width:768px){.features-container{max-width:540px}.features .section-title{font-size:2.2rem}.features-header{margin-bottom:30px}.category-tab{font-size:.9rem;padding:10px 15px}.feature-categories{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:30px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.feature-categories::-webkit-scrollbar{display:none}.features-grid{gap:20px;grid-template-columns:1fr}.category-title{font-size:1.8rem}.category-description{font-size:1rem}}@media (max-width:576px){.features{padding:50px 0 80px}.features-container{padding:0 15px}.features .section-title{font-size:1.8rem}.features .section-subtitle{font-size:1rem}.feature-category-content{border-radius:20px;padding:25px 20px}.feature-card{padding:20px}.category-icon-large{font-size:2rem;height:70px;width:70px}.feature-icon{font-size:1.6rem;height:55px;width:55px}}.features-section{align-items:center;background:linear-gradient(180deg,#00c85308,#e6f5ff26);box-shadow:none;display:flex;min-height:95vh;opacity:0;overflow:hidden;padding:100px 0;position:relative;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.features-section:before{background-image:radial-gradient(circle at 15% 50%,#00c8530d 0,#0000 35%),radial-gradient(circle at 85% 30%,#00c8530d 0,#0000 35%);height:100%;top:0}.features-section:after,.features-section:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:1}.features-section:after{background:linear-gradient(0deg,#00c85308 0,#0000);bottom:0;height:200px}.features-section.visible{opacity:1;transform:translateY(0)}.features-container{margin:0 auto;max-width:1400px;padding:0 30px;position:relative;width:100%;z-index:10}.features-section .grid-pattern{background-image:linear-gradient(#00c85308 1px,#0000 0),linear-gradient(90deg,#00c85308 1px,#0000 0);background-position:-1px -1px;background-size:40px 40px;bottom:0;opacity:.7;right:0}.features-section .grid-pattern,.floating-icons-container{left:0;pointer-events:none;position:absolute;top:0;z-index:1}.floating-icons-container{height:100%;width:100%}.floating-icon{animation-delay:var(--delay);animation-duration:8s;animation-iteration-count:infinite;animation-name:float;animation-timing-function:ease-in-out;filter:blur(.5px);font-size:2.8rem;left:var(--position-x);opacity:0;position:absolute;top:var(--position-y);transform:translateY(20px) scale(.8);transition:opacity .6s ease,transform .6s ease;will-change:transform;z-index:1}.floating-icon.visible{opacity:.15;transform:translateY(0) scale(var(--scale))}.features-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:5}.headline-container{margin-bottom:40px;overflow:visible;padding:40px 0;position:relative;text-align:center;width:100%;z-index:10}.features-headline{display:inline-block;margin:0;position:relative;text-align:center;z-index:5}.headline-first,.headline-second{color:#1a1a1a;display:block;font-size:4.8rem;font-weight:800;letter-spacing:-1px;line-height:1.1;position:relative;text-shadow:0 4px 12px #0000000d}.headline-second{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#333,#555);background-clip:text;-webkit-background-clip:text;margin-top:8px}.headline-first .highlight-text{animation:gradientMove 8s ease infinite;background:linear-gradient(90deg,#00c853,#00e676,#00e676,#00c853);background-clip:text;-webkit-background-clip:text;background-size:300% 100%;color:#0000;display:inline-block;position:relative;text-shadow:none;transition:all .3s ease}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.headline-first .highlight-text:after{animation:glowPulse 3s infinite;background:linear-gradient(90deg,#00c853,#00e676);border-radius:4px;bottom:0;content:"";height:8px;left:0;opacity:.3;position:absolute;transform:translateY(5px);width:100%;z-index:-1}@keyframes glowPulse{0%{opacity:.3;transform:translateY(5px)}50%{opacity:.5;transform:translateY(5px) scaleX(1.03)}to{opacity:.3;transform:translateY(5px)}}.headline-first .highlight-text:hover{transform:translateY(-3px)}.headline-first .highlight-text:hover:after{height:12px;opacity:.5;transform:translateY(8px)}.inline-emoji{animation:floatEmoji 3s ease infinite;display:inline-block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.1));font-size:.65em;margin-left:8px;transform:translateY(-5px);vertical-align:middle}@keyframes floatEmoji{0%{transform:translateY(-5px) rotate(-5deg)}50%{transform:translateY(-12px) rotate(5deg) scale(1.1)}to{transform:translateY(-5px) rotate(-5deg)}}.headline-emoji{animation:floatBackgroundEmoji 10s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));font-size:3.5rem;left:var(--position-x);opacity:0;position:absolute;top:var(--position-y);transform:scale(0) rotate(0deg);transition:all .8s cubic-bezier(.34,1.56,.64,1);will-change:transform;z-index:1}.headline-emoji.visible{opacity:.12;transform:scale(var(--scale)) rotate(var(--rotate))}@keyframes floatBackgroundEmoji{0%{transform:translateY(0) scale(var(--scale)) rotate(var(--rotate))}50%{transform:translateY(-20px) scale(calc(var(--scale)*1.1)) rotate(calc(var(--rotate)*1.3))}to{transform:translateY(0) scale(var(--scale)) rotate(var(--rotate))}}.headline-container:after{animation:expandWidth 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c85380,#0000);border-radius:50px;bottom:25px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@keyframes expandWidth{0%{opacity:.5;width:100px}50%{opacity:.8;width:150px}to{opacity:.5;width:100px}}.dashboard-showcase{background:#fff;border-radius:10px;box-shadow:0 30px 70px #0000001f,0 10px 30px #00000014,0 0 0 1px #0000000a;margin:0 auto;max-width:900px;opacity:0;overflow:visible;position:relative;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;width:85%}.dashboard-showcase:before{background:radial-gradient(circle at center,#00c8530f 0,#0000 70%);bottom:-50px;content:"";left:-50px;position:absolute;right:-50px;top:-50px;z-index:-1}.dashboard-showcase.active{opacity:1;transform:translateY(0)}.features-section .browser-chrome{background:#f0f1f3;border:1px solid #e1e4e8;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:46px}.features-section .browser-left{align-items:center;border-right:1px solid #0000000d;display:flex;padding:12px 16px;width:220px}.features-section .browser-buttons{display:flex;gap:8px}.features-section .browser-button{border-radius:50%;box-shadow:inset 0 0 0 1px #0000000f;height:12px;width:12px}.features-section .browser-button.close{background-color:#ff5f56}.features-section .browser-button.minimize{background-color:#ffbd2e}.features-section .browser-button.expand{background-color:#27c93f}.features-section .browser-right{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:0 16px}.features-section .browser-title{align-items:center;display:flex;gap:8px}.features-section .browser-title-text{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500}.features-section .browser-dot{background-color:#4285f4;border-radius:50%;height:8px;margin-right:6px;width:8px}.features-section .browser-tabs{display:flex;gap:10px}.features-section .browser-tab{border-radius:20px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.features-section .browser-tab.active{background-color:#ebf1fc;color:#4285f4;font-weight:500}.features-section .dashboard-window{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 30px 60px #00000026,0 15px 25px #00000014,0 0 1px #0000001a;overflow:hidden;position:relative;width:100%}.features-section .app-header{display:none}.features-section .dashboard-content{border-top:none;display:flex;height:520px}.features-section .dashboard-sidebar{background:linear-gradient(165deg,#fff,#f8faff);border-right:1px solid #0000000d;display:flex;flex-direction:column;height:100%;overflow-y:hidden;position:relative;width:220px}.features-section .sidebar-brand{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:10px;padding:20px 20px 18px}.features-section .sidebar-logo{align-items:center;color:#00c853;display:flex;font-size:22px;font-weight:600;gap:8px}.features-section .sidebar-logo svg{height:22px;width:22px}.features-section .sidebar-section{padding:15px 0 5px}.features-section .sidebar-heading{color:#6c7983;font-size:11px;font-weight:600;letter-spacing:.5px;padding:0 22px 8px;text-transform:uppercase}.features-section .sidebar-menu{list-style-type:none;margin:0;padding:0}.features-section .sidebar-menu-item{margin:2px 12px;position:relative}.features-section .sidebar-menu-item a{align-items:center;border-radius:8px;color:#4a5568;display:flex;font-size:14px;font-weight:500;gap:12px;padding:9px 10px;text-decoration:none;transition:all .2s ease}.features-section .sidebar-menu-item a:hover{background-color:#4285f40f;color:#4285f4;transform:translateX(3px)}.features-section .sidebar-menu-item.active a{background-color:#4285f41f;color:#4285f4;font-weight:600}.features-section .sidebar-menu-item.active:before{background:#4285f4;border-radius:0 3px 3px 0;content:"";height:100%;left:-12px;position:absolute;top:0;width:3px}.features-section .sidebar-menu-icon{align-items:center;display:flex;height:16px;justify-content:center;opacity:.9;width:16px}.features-section .sidebar-divider{background:linear-gradient(90deg,#00000003,#0000001a,#00000003);height:1px;margin:10px 16px}.features-section .sidebar-profile{border-top:1px solid #0000000f;margin-bottom:5px;margin-top:auto;padding:12px}.features-section .profile-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:10px;padding:12px;transition:all .2s ease;width:100%}.features-section .profile-card:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.features-section .profile-avatar{border:3px solid #f0f5ff;border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.features-section .profile-details{flex:1 1;min-width:0}.features-section .profile-name{color:#2d3748;font-size:15px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.features-section .profile-position{align-items:center;color:#718096;display:flex;font-size:13px;gap:5px;white-space:nowrap}.features-section .profile-status{background-color:#10b981;border-radius:50%;display:inline-block;height:8px;margin-right:2px;width:8px}.features-section .profile-options{display:none}.features-section .dashboard-main{background-color:#fafafa;flex:1 1;overflow:hidden;padding:20px}.features-section .dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.features-section .dashboard-header h3{align-items:center;color:#202124;display:flex;font-size:18px;font-weight:500;gap:8px;margin:0}.features-section .header-dot{background-color:#4285f4;border-radius:50%;display:block;height:8px;width:8px}.features-section .time-filter{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000f;display:flex;padding:4px}.features-section .time-filter span{border-radius:16px;color:#5f6368;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.features-section .time-filter span.active{background-color:#ebf1fc;color:#4285f4;font-weight:500}.features-section .time-filter span:hover:not(.active){background-color:#f5f5f5}.features-section .metrics-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.features-section .metric-card{background:#fff;border-left:3px solid var(--card-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:12px;position:relative;transition:all .2s}.features-section .metric-card:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-4px)}.features-section .card-icon{color:var(--card-color);margin-bottom:10px}.features-section .card-content{flex-grow:1}.features-section .metric-value{color:#202124;font-size:22px;font-weight:700;margin-bottom:2px}.features-section .metric-label{color:#5f6368;font-size:14px}.features-section .metric-trend{align-items:center;color:#34a853;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:12px}.features-section .dashboard-panels{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.features-section .activity-feed,.features-section .research-stats{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-height:300px;overflow:hidden;padding:15px 18px}.features-section .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.features-section .panel-header h4{color:#202124;font-size:15px;font-weight:500;margin:0}.features-section .view-all{background:none;border:none;color:#4285f4;cursor:pointer;font-size:13px;font-weight:500;padding:0}.features-section .time-period{color:#5f6368;font-size:13px}.features-section .activity-list{display:flex;flex-direction:column;gap:6px}.features-section .activity-item{border-bottom:1px solid #f0f2f5;display:flex;gap:10px;padding-bottom:6px}.features-section .activity-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.features-section .activity-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.features-section .activity-content{flex:1 1}.features-section .activity-title{color:#202124;font-size:14px;font-weight:500;margin-bottom:2px}.features-section .activity-description{color:#5f6368;font-size:13px;line-height:1.4;margin-bottom:4px}.features-section .activity-time{color:#9aa0a6;font-size:12px;line-height:1}.features-section .stats-chart{margin-bottom:10px}.features-section .chart-area{align-items:flex-end;display:flex;height:120px;justify-content:space-between;margin-bottom:6px}.features-section .chart-bar{border-radius:4px;opacity:.7;transition:height 1.2s cubic-bezier(.34,1.56,.64,1);width:5px}.features-section .chart-bar:hover{opacity:1}.features-section .chart-labels{display:flex;justify-content:space-between}.features-section .chart-labels span{color:#9aa0a6;font-size:12px}.features-section .stat-highlights{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:5px}.features-section .stat-item{background-color:#f8f9fa;border-radius:8px;padding:10px}.features-section .stat-label{color:#5f6368;font-size:11px;margin-bottom:0}.features-section .stat-value{color:#202124;font-size:20px;font-weight:600;line-height:1.2;margin-bottom:0}.features-section .stat-trend{align-items:center;display:flex;font-size:10px;font-weight:500;gap:2px;margin-top:2px}.features-section .stat-trend.positive{color:#34a853}.features-section .stat-trend.negative{color:#ea4335}@media (max-width:1200px){.headline-first,.headline-second{font-size:4.2rem}.headline-emoji{font-size:3rem}.features-section .metrics-cards{grid-template-columns:repeat(2,1fr)}.features-section .dashboard-panels{grid-template-columns:1fr}}@media (max-width:992px){.headline-container{padding:30px 0}.headline-first,.headline-second{font-size:3.5rem}.headline-emoji{font-size:2.5rem}.headline-container:after{bottom:20px}.features-section .dashboard-content{flex-direction:column}.features-section .dashboard-sidebar{border-bottom:1px solid #f0f1f3;border-right:none;flex-direction:row;overflow-x:auto;padding:10px 0;width:100%}.features-section .sidebar-item{flex-direction:column;gap:4px;min-width:80px;padding:10px 20px}.features-section .sidebar-item.active:before{border-radius:3px 3px 0 0;bottom:0;height:3px;left:0;right:0;top:auto;width:auto}.features-section .app-nav{display:none}.features-section .app-search{margin-right:16px;max-width:none}}@media (max-width:768px){.features-section{padding:80px 0}.headline-container{padding:25px 0}.headline-first,.headline-second{font-size:2.8rem}.headline-emoji{font-size:2rem}.headline-container:after{bottom:15px;height:3px}.features-section .metrics-cards{grid-template-columns:1fr}.features-section .app-search{display:none}}@media (max-width:480px){.headline-container{margin-bottom:30px;padding:20px 0}.headline-first,.headline-second{font-size:2.2rem}.headline-emoji{font-size:1.8rem}.headline-container:after{bottom:12px;height:3px}.features-section .dashboard-main{padding:16px}.features-section .stat-highlights{grid-template-columns:1fr}}.how-it-works{background-color:#fff;overflow:hidden;padding:5rem 0;position:relative;z-index:1}.container{z-index:2}.background-gradient{background:none;display:none;inset:0;position:absolute;z-index:-2}.particles-container{display:none;inset:0;position:absolute;z-index:-1}.particles-bg{display:none}#tsparticles-how-it-works{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hiw-header{margin-bottom:3.5rem;text-align:center}.section-title{background:linear-gradient(90deg,#00c853,#2196f3,#ff9800,#9c27b0);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.75rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#555;font-size:1.15rem;font-weight:300;line-height:1.6;margin:0 auto}.progress-timeline{margin:0 auto 4rem;max-width:800px;position:relative;transform-origin:left center;width:85%}.timeline-track{align-items:center;background:#0000000d;border-radius:2px;display:flex;height:4px;justify-content:space-between;position:relative}.timeline-track:after{animation:timeline 2s ease forwards;animation-play-state:paused;background:linear-gradient(90deg,#00c853,#2196f3,#ff9800,#9c27b0);border-radius:2px;box-shadow:0 0 10px #00c8534d;content:"";height:100%;left:0;position:absolute;top:0;transform-origin:left center;width:100%;z-index:1}.timeline-node{align-items:center;border-radius:50%;box-shadow:0 0 0 4px #fff,0 6px 15px #00000026;color:#fff;display:flex;font-size:1rem;font-weight:700;height:38px;justify-content:center;position:relative;transform-origin:center;width:38px;z-index:3}.timeline-node:before{background:#fff;inset:-3px;z-index:-1}.timeline-node:after,.timeline-node:before{border-radius:50%;content:"";position:absolute}.timeline-node:after{background:radial-gradient(circle at center,#00c85326 30%,#0000 70%);background:radial-gradient(circle at center,rgba(var(--step-color-rgb,0,200,83),.15) 30%,#0000 70%);inset:-7px;opacity:0;transition:opacity .3s ease;z-index:-2}.timeline-node:hover:after{opacity:1}.steps-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.step-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000008,inset 0 0 0 1px #ffffffb3;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.step-card:before{background:linear-gradient(225deg,rgba(var(--step-color-rgb),.05) 0,rgba(var(--step-color-rgb),.01) 100%);inset:0}.step-card:after,.step-card:before{content:"";position:absolute;z-index:-1}.step-card:after{background:radial-gradient(circle at center,rgba(var(--step-color-rgb),.2) 0,#0000 70%);height:100%;opacity:0;pointer-events:none;right:-50%;top:-50%;transition:opacity .5s ease;width:100%}.step-card:hover:after{opacity:.6}.step-animation{align-items:center;background:rgba(var(--step-color-rgb),.04);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.step-animation:before{background:linear-gradient(90deg,#0000 0,rgba(var(--step-color-rgb),.3) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.step-animation:after{background:linear-gradient(0deg,#fffffff2,#0000);bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.lottie-animation{filter:drop-shadow(0 4px 8px rgba(0,0,0,.05));height:80%;object-fit:contain;width:80%}.animation-placeholder{align-items:center;display:flex;font-size:3.5rem;gap:.5rem;height:100%;justify-content:center;opacity:.9;overflow:hidden;position:relative;width:100%}.animation-placeholder:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;position:absolute;transform:translateX(-100%);width:150%}.animation-placeholder>*{animation:float 3s ease-in-out infinite;display:inline-block}.animation-placeholder>:nth-child(2){animation-delay:.5s}.step-number{align-items:center;border:2px solid #ffffffb3;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:3}.step-content{flex:1 1;padding:1.5rem}.step-content h3{color:#333;color:var(--step-color,#333);font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.step-content p{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:1200px){.steps-container{grid-template-columns:repeat(2,1fr)}.progress-timeline{width:90%}}@media (max-width:768px){.how-it-works{padding:4rem 0}.section-title{font-size:2.25rem}.steps-container{grid-template-columns:1fr;margin:2rem auto 0;max-width:500px}.progress-timeline{margin-bottom:3rem}}@media (max-width:480px){.how-it-works{padding:3rem 0}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.step-animation{height:150px}}@keyframes timeline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.testimonials{background-color:#fff;overflow:hidden;padding:4rem 0 6rem;position:relative}.testimonials.section-visible{opacity:1;transform:translateY(0)}.testimonials .section-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out forwards;background:linear-gradient(45deg,#00c853,#64dd17);-webkit-background-clip:text;background-clip:text;color:#00c853;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.testimonials .section-subtitle{animation:fadeInUp .8s ease-out .2s forwards;color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 2rem;max-width:700px;opacity:0;text-align:center;transform:translateY(20px)}.testimonials-background{bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.bg-shape{display:none;filter:none;opacity:0}.shape-1,.shape-2,.shape-3{background-color:initial;display:none}.grid-dots{background-image:none;display:none;opacity:0}.testimonial-grid{display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1080px;opacity:0;padding:0 12px;transform:translateY(20px);transition:all .6s ease-out}.testimonial-grid.grid-visible{opacity:1;transform:translateY(0)}.testimonial-column{flex:1 1;gap:16px;min-width:0;width:calc(33.333% - 11px)}.social-card,.testimonial-column{display:flex;flex-direction:column}.social-card{animation:fadeInCard .5s ease forwards;background-color:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 1px 3px #0000001f;height:-webkit-fit-content;height:fit-content;opacity:0;overflow:hidden;transform:translateY(20px);transition:all .3s ease;width:100%}.social-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.social-card-header{border-bottom:1px solid #0000000d;padding:12px 16px;position:relative}.avatar,.social-card-header{align-items:center;display:flex}.avatar{background-color:#f0f2f5;border-radius:50%;color:#555;flex-shrink:0;font-size:24px;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.profile-img{height:100%;object-fit:cover;object-position:center;width:100%}.user-info{flex-grow:1;overflow:hidden}.name{color:#333;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.username{color:#666;font-size:14px;margin:0}.platform-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.twitter-icon{color:#1da1f2;height:20px;width:20px}.social-card-content{flex-grow:1;padding:12px 16px 0}.social-card-content p{color:#333;font-size:15px;line-height:1.5;margin:0;white-space:pre-line}.content-image{background-color:#f0f2f5;border-radius:12px;margin-bottom:12px;margin-top:12px;overflow:hidden}.content-image img{display:block;height:auto;object-fit:cover;width:100%}.image-placeholder{background-color:#e9eaee;color:#666;font-size:13px;padding-top:56.25%;position:relative;text-align:center;width:100%}.image-placeholder,.image-placeholder:before{align-items:center;display:flex;justify-content:center}.image-placeholder:before{bottom:0;content:"";left:0;padding:1rem;position:absolute;right:0;top:0}.social-card-footer{border-top:1px solid #0000000d;padding:12px 16px}.likes,.social-card-footer{align-items:center;display:flex}.likes{color:#666;font-size:14px}.like-icon{color:#666;height:18px;margin-right:6px;width:18px}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-card:first-child{animation-delay:.1s}.social-card:nth-child(2){animation-delay:.2s}.social-card:nth-child(3){animation-delay:.3s}.social-card:nth-child(4){animation-delay:.4s}.social-card:nth-child(5){animation-delay:.5s}.social-card:nth-child(6){animation-delay:.6s}.social-card:nth-child(7){animation-delay:.7s}.social-card:nth-child(8){animation-delay:.8s}.social-card:nth-child(9){animation-delay:.9s}.social-card:nth-child(10){animation-delay:1s}@media (max-width:1024px){.testimonial-grid{padding:0 16px}}@media (max-width:768px){.testimonials{padding:3rem 0 5rem}.testimonial-grid{flex-direction:column}.testimonial-column{width:100%}}@media (max-width:480px){.testimonial-grid{gap:12px;padding:0 12px}.social-card-header{padding:10px 12px}.social-card-content{padding:10px 12px 0}.social-card-footer{padding:10px 12px}}.get-started{background:#fff;opacity:.8;overflow:hidden;padding:6rem 0;position:relative;transform:translateY(20px);transition:all .5s ease}.get-started-visible{opacity:1;transform:translateY(0)}.container{padding:0 1.5rem}.get-started-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}.get-started-text h2{color:#1a1a1a;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:all .5s ease}.animate-title{animation:fadeInUp .8s forwards}.get-started-text p{color:#555;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .5s ease}.animate-subtitle{animation:fadeInUp .8s .2s forwards}.get-started-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.feature{align-items:center;color:#333;display:flex;font-size:1.125rem;gap:1rem;opacity:0;position:relative;transform:translateX(-20px);transition:all .5s ease}.feature-visible{opacity:1;transform:translateX(0)}.feature-icon-wrapper{align-items:center;display:flex;height:48px;justify-content:center;position:relative;width:48px}.feature-icon{font-size:1.5rem;position:relative;transition:all .3s ease;z-index:2}.feature:hover .feature-icon{transform:scale(1.2) rotate(10deg)}.icon-glow{background:radial-gradient(circle,#00c853 0,#fff0 70%);background:radial-gradient(circle,var(--feature-color,#00c853) 0,#fff0 70%);border-radius:50%;height:30px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:30px;z-index:1}.feature:hover .icon-glow{height:40px;opacity:.7;width:40px}.btn-large{border-radius:50px;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative}.btn-primary{display:inline-block;text-decoration:none}.cta-button{opacity:0;transform:translateY(20px);transition:all .5s ease}.button-visible{animation:pulse 2s infinite;opacity:1;transform:translateY(0)}.button-shine{animation:button-shine 3s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);height:100%;left:-100%;position:absolute;top:0;width:100%}.get-started-note{color:#666;font-size:.875rem;margin-top:1rem;opacity:0;transition:opacity .5s ease}.note-visible{opacity:1}.get-started-image{position:relative}.image-container{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:400px;overflow:hidden;width:100%}.placeholder-image{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.floating-shape{border-radius:50%;filter:blur(1px);opacity:.6;position:absolute}.shape1{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#00c853,#69f0ae);height:100px;left:50px;top:50px;width:100px}.shape2{animation:float 7s ease-in-out 1s infinite;background:linear-gradient(135deg,#4caf50,#a5d6a7);bottom:70px;height:80px;right:40px;width:80px}.shape3{animation:float 5s ease-in-out .5s infinite;background:linear-gradient(135deg,#2196f3,#81d4fa);height:50px;right:60px;top:200px;width:50px}.research-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;gap:15px;height:150px;justify-content:center;padding:15px;position:absolute;transform-origin:center center;width:120px}.card1{animation:cardFloat 4s ease-in-out infinite;left:30%;top:30%}.card2{animation:cardFloat 4.5s ease-in-out .5s infinite;right:25%;top:20%}.card3{animation:cardFloat 5s ease-in-out 1s infinite;bottom:20%;left:40%}.card-icon{font-size:2rem}.card-bar{background:#f1f1f1;border-radius:4px;height:8px;width:80%}.pulse-circle{animation:pulse-ring 2s infinite;background:#00c8531a;border-radius:50%;bottom:30%;height:100px;position:absolute;right:35%;width:100px}@keyframes pulse-ring{0%{opacity:0;transform:scale(.5)}50%{opacity:.5}to{opacity:0;transform:scale(1.5)}}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes button-shine{0%{left:-100%}20%{left:100%}to{left:100%}}@media (max-width:1024px){.get-started-content{gap:3rem;grid-template-columns:1fr}.get-started-text h2{font-size:2.25rem}.get-started-image{order:-1}.image-container{height:300px}}@media (max-width:768px){.get-started{padding:4rem 0}.get-started-text h2{font-size:2rem}.feature,.get-started-text p{font-size:1rem}.image-container{height:250px}.research-card{height:130px;width:100px}}.footer{background-color:#fff;color:var(--text-color);overflow:hidden;padding:4rem 0 2rem;position:relative}.footer-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.bg-shape{border-radius:50%;filter:blur(80px);opacity:.05;position:absolute}.shape-1{background-color:#00c853;height:500px;right:-100px;top:-200px;width:500px}.grid-dots{background-image:radial-gradient(#0000001a 1px,#0000 0);background-size:30px 30px;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.container{max-width:1200px;padding:0 20px;position:relative;z-index:1}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.footer-section{display:flex;flex-direction:column}.footer-section.brand{grid-column:span 2}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00c853,#64dd17);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-section h3,.footer-section h4{color:var(--text-color);margin-bottom:1rem}.footer-section h4{display:inline-block;font-size:1.125rem;font-weight:600;position:relative}.footer-section h4:after{background-color:#00c853;background-color:var(--primary-color,#00c853);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section p{color:var(--light-text);line-height:1.6;margin-bottom:1.5rem;max-width:300px}.social-links{display:flex;gap:1rem;margin-top:auto}.social-links a{align-items:center;background-color:#00c8531a;border-radius:50%;color:var(--primary-color);display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.social-links a:hover{background-color:var(--primary-color);box-shadow:0 5px 15px #00c85333;color:#fff;transform:translateY(-3px)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:var(--light-text);display:inline-block;padding-left:0;position:relative;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:var(--primary-color);padding-left:5px}.footer-section ul li a:before{background-color:var(--primary-color);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover:before{width:100%}.footer-bottom{border-top:1px solid #00c85333;padding-top:2rem;text-align:center}.footer-bottom p{color:var(--light-text);font-size:.875rem}@media (max-width:992px){.footer-section.brand{grid-column:span 1}}@media (max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-content{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.footer-section{text-align:left}.social-links{justify-content:flex-start}}@media (max-width:576px){.footer-content{grid-template-columns:1fr}.footer-section{margin-bottom:1.5rem}.footer-section h3,.footer-section h4{margin-bottom:.75rem}.footer-section p{margin-bottom:1rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;margin-top:4rem;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.auth-container:before{animation:float 20s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%2300c853' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.auth-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:1px solid #fff3;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:1.5rem;position:relative;width:100%;z-index:1}.auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--light-text);font-size:1rem;margin-bottom:1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.25rem;position:relative}.form-group label{color:var(--text-color)}.form-group input,.form-group label{font-size:.95rem;transition:all .3s ease}.form-group input{background:#fffc;border:2px solid #e2e8f0;border-radius:.5rem;padding:.5rem .75rem}.form-group input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #00c8531a;outline:none}.form-group input:focus+label{color:var(--primary-color);transform:translateY(-2px)}.form-options{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.remember-me,.terms{align-items:center;cursor:pointer;display:flex;gap:.5rem}.remember-me input,.terms input{border-radius:.25rem;cursor:pointer;height:1.2rem;transition:all .3s ease;width:1.2rem}.remember-me input:checked,.terms input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.forgot-password{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:var(--secondary-color);text-decoration:underline}.auth-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.auth-btn:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.auth-btn:hover:before{transform:translateX(0)}.auth-btn.primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px #00c85333;color:#fff}.auth-btn.primary:hover{box-shadow:0 6px 20px #00c8534d;transform:translateY(-2px)}.auth-btn.secondary{background-color:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 6px #0000000d;color:var(--text-color)}.auth-btn.secondary:hover{background-color:#f8f9fa;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.auth-btn.text{background:none;box-shadow:none;color:var(--light-text);padding:.5rem 1rem}.auth-btn.text:hover{background-color:#00c8530d;color:var(--primary-color)}.auth-btn.google{background-color:#fff;border:2px solid #e2e8f0;box-shadow:0 4px 15px #0000000d;color:var(--text-color)}.auth-btn.google:hover{background-color:#f8fafc;border-color:var(--primary-color);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.google-icon{height:20px;margin-right:.75rem;vertical-align:middle;width:20px}.divider{align-items:center;color:var(--light-text);display:flex;margin:1rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider span{font-size:.9rem;font-weight:500;padding:0 1rem}.auth-footer{color:var(--light-text);font-size:.9rem;margin-top:1rem;text-align:center}.auth-link{color:var(--primary-color);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover:after{width:100%}.terms-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .3s ease}.terms-link:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width:768px){.auth-container{margin-top:3.5rem;padding:1.5rem .5rem}.auth-card{margin:.5rem;padding:1.25rem}.auth-card h2{font-size:1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}.auth-btn{width:100%}}.step-content{animation:slideUp .5s ease-out}.step-actions{gap:.75rem;justify-content:space-between}.progress-bar,.step-actions{display:flex;margin-top:1.5rem}.progress-bar{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;gap:1.5rem;justify-content:center;min-height:28px;outline:none;padding:0;position:relative}.progress-bar:before{background:#e2e8f0;border-radius:2px;box-shadow:none;content:"";height:2px;left:10%;position:absolute;right:10%;top:50%;transform:translateY(-50%);z-index:0}.progress-bar:after{display:none}.progress-step{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:none;box-sizing:border-box;display:flex;flex-shrink:0;height:14px;justify-content:center;position:relative;transition:all .3s ease;width:14px;z-index:1}.progress-step.active{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 8px 2px #00c8534d;position:relative;transform:scale(1.15)}.progress-step.active:after{animation:seamless-ripple 2s cubic-bezier(.4,0,.2,1) infinite;background-color:var(--primary-color);border-radius:50%;content:"";height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.progress-step.active:before{display:none}@keyframes seamless-ripple{0%{height:100%;opacity:.6;width:100%}to{height:250%;opacity:0;width:250%}}.interests-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:.75rem}.interest-chip{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:var(--text-color);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:all .3s ease}.interest-chip:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #00c8531a;transform:translateY(-2px)}.interest-chip.selected{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-color:#0000;color:#fff}select{background:#fffc;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-size:.95rem;padding:.5rem .75rem;transition:all .3s ease;width:100%}select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #00c8531a;outline:none}textarea{background:#fffc;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;padding:.5rem .75rem;transition:all .3s ease;width:100%}textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #00c8531a;outline:none}@media (max-width:768px){.interests-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.step-actions{flex-direction:column}.step-actions button{width:100%}}.error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.error-message{color:#ff3b30;font-size:.875rem;margin-top:.25rem}.auth-error{background-color:#ff3b301a;border-radius:.5rem;color:#ff3b30;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.summary-container{background-color:#00c8530d;border-radius:.5rem;gap:1rem;margin-top:1rem;padding:1.5rem}.summary-container,.summary-item{display:flex;flex-direction:column}.summary-item{gap:.5rem}.summary-label{color:var(--light-text);font-size:.875rem;font-weight:500}.summary-value{color:var(--text-color);font-size:.95rem;line-height:1.5}.summary-interests{display:flex;flex-wrap:wrap;gap:.5rem}.summary-interest{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:.5rem;color:#fff;font-size:.8rem;font-weight:500;padding:.4rem .6rem}.button-icon{margin-left:.5rem;transition:transform .3s ease}.auth-btn:hover .button-icon{transform:translateX(2px)}.spinner{margin-right:.5rem}.skip-button{background:none;border:none;border-radius:.5rem;color:var(--light-text);cursor:pointer;display:block;font-size:.9rem;margin:1rem auto 0;padding:.5rem 1rem;transition:all .3s ease}.skip-button:hover{background:#00c8531a;color:var(--primary-color)}.skip-button:disabled{cursor:not-allowed;opacity:.5}.success-container{flex-direction:column;padding:1.5rem 0;text-align:center}.success-container,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{animation:scaleIn .5s ease-out;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;height:60px;margin-bottom:1rem;width:60px}.success-icon svg{animation:checkmark .5s ease-out;color:#fff;font-size:2rem}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.auth-btn:disabled:hover{box-shadow:none}.progress-step{transition:all .5s cubic-bezier(.4,0,.2,1)}.progress-step.active{animation:none}.password-strength-indicator{margin-top:8px}.strength-bar{background-color:#e0e0e0;border-radius:3px;display:flex;height:5px;margin-bottom:5px;overflow:hidden;width:100%}.strength-segment{flex:1 1;margin-right:2px}.strength-segment:last-child{margin-right:0}.strength-1 .strength-segment:first-child{background-color:#ff4d4d}.strength-2 .strength-segment:nth-child(-n+2){background-color:#fa3}.strength-3 .strength-segment:nth-child(-n+3){background-color:#fc3}.strength-4 .strength-segment:nth-child(-n+4){background-color:#3c3}.strength-text{color:#666;font-size:12px}.session-expired-message{align-items:center;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;display:flex;margin-bottom:16px;padding:12px}.session-expired-message svg{font-size:16px;margin-right:8px}.account-deleted-message{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#ffebee;border-left:4px solid #c62828;border-radius:.5rem;color:#c62828;display:flex;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.account-deleted-message svg{color:#c62828;font-size:1.2rem;margin-right:.5rem}.email-icon{align-items:center;background-color:#eff6ffb3;border-radius:50%;color:#3b82f6;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.email-address{background-color:#f3f4f6;border-radius:6px;color:#4b5563;font-size:14px;font-weight:600;margin:10px 0 20px;padding:8px 12px;text-align:center;word-break:break-all}.verification-code-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.verification-code-input{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:24px;height:50px;text-align:center;transition:all .2s ease;width:40px}.verification-code-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.verification-code-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.resend-container{margin-top:20px;text-align:center}.resend-button{background:none;border:none;color:var(--primary-color);font-size:inherit;padding:0;transition:color .2s}.resend-button:hover{color:var(--primary-color-dark);text-decoration:underline}.resend-button:disabled{text-decoration:none}.success-message{align-items:center;background-color:#ecf6ffcc;border:1px solid #2563eb26;box-shadow:0 1px 2px #0000000d;color:#2563eb;display:flex;margin-bottom:16px;padding:12px}.success-icon{font-size:14px;margin-right:8px}@media (max-width:480px){.verification-code-input{font-size:20px;height:45px;width:35px}}.verification-success{align-items:center;display:flex;flex-direction:column;padding:20px 0}.verification-success-icon{align-items:center;animation:fadeIn .5s ease;background-color:#ebf5ff;border-radius:50%;color:#3b82f6;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.verification-success-icon svg{font-size:24px}.verification-success-message{animation:fadeIn .7s ease;color:#4b5563;font-size:18px;font-weight:600;margin-bottom:8px}.verification-redirect-message{animation:fadeIn .9s ease;color:#6b7280;font-size:14px}.back-to-login{align-items:center;color:#3b82f6;display:flex;font-weight:500;margin-top:20px;text-decoration:none;transition:color .2s}.back-to-login svg{font-size:14px;margin-right:8px}.back-to-login:hover{color:#2563eb;text-decoration:underline}.token-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:20px;padding:16px;text-align:center}.token-error p{margin-bottom:16px}.token-error .auth-btn{display:inline-flex;margin:0 auto;width:auto}.resend-timer{color:#6b7280;font-size:14px;margin-top:12px;text-align:center}.password-requirements{color:#6b7280;font-size:13px;line-height:1.5;margin:8px 0 16px}.password-reset-success{animation:fadeIn .5s ease;padding:10px 0;text-align:center}.success-indicator{align-items:center;background-color:#2ecc7126;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.success-indicator svg{color:#2ecc71;font-size:24px}.password-reset-success h3{color:#333;font-size:20px;font-weight:600;margin-bottom:16px}.reset-email-details{color:#555;margin:15px 0}.reset-email{background-color:#3498db1a;border-radius:6px;color:#3498db;display:inline-block;font-weight:600;margin:8px 0;padding:8px 15px}.reset-instructions{color:#666;margin-top:20px}.resend-countdown{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:16px}.timer-badge{font-feature-settings:"tnum";background-color:#f0f0f0;border-radius:30px;color:#555;display:inline-block;font-variant-numeric:tabular-nums;font-weight:600;min-width:60px;padding:5px 15px;text-align:center}.resend-button{background-color:initial;border:1px solid #3498db;border-radius:30px;color:#3498db;cursor:pointer;font-weight:500;margin-top:16px;padding:8px 20px;transition:all .2s ease}.resend-button:hover{background-color:#3498db1a}.resend-button:disabled{border-color:#ccc;color:#999;cursor:not-allowed}.google-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.google-loading .spinner{animation:spin 1.5s linear infinite;color:#4285f4;font-size:2.5rem;margin-bottom:1rem}.google-loading p{color:var(--text-color);font-size:1rem;text-align:center}.rmc-card{--rmc-blue:#3b82f6;--rmc-purple:#8b5cf6;--rmc-green:#10b981;--rmc-amber:#f59e0b;--rmc-indigo:#6366f1;--rmc-cyan:#06b6d4;--rmc-pink:#ec4899;--rmc-red:#ef4444;--rmc-slate-50:#f8fafc;--rmc-slate-100:#f1f5f9;--rmc-slate-200:#e2e8f0;--rmc-slate-300:#cbd5e1;--rmc-slate-400:#94a3b8;--rmc-slate-500:#64748b;--rmc-slate-600:#475569;--rmc-slate-700:#334155;--rmc-slate-800:#1e293b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,0 0 0 1px #00000005;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.rmc-card:hover{border-color:var(--rmc-blue);box-shadow:0 20px 25px -5px #3b82f61a,0 10px 10px -5px #3b82f60a,0 0 0 1px #3b82f61a}.rmc-gradient-overlay{background:linear-gradient(90deg,var(--rmc-blue) 0,var(--rmc-purple) 50%,var(--rmc-cyan) 100%);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.rmc-card:hover .rmc-gradient-overlay{opacity:1}.rmc-header{align-items:flex-start;display:flex;gap:14px}.rmc-avatar-wrapper{flex-shrink:0;position:relative}.rmc-avatar{background:var(--rmc-slate-100);border:2px solid var(--rmc-slate-100);border-radius:14px;height:64px;object-fit:cover;transition:transform .3s ease,border-color .3s ease;width:64px}.rmc-card:hover .rmc-avatar{border-color:var(--rmc-blue);transform:scale(1.02)}.rmc-avatar-glow{background:linear-gradient(135deg,var(--rmc-blue),var(--rmc-purple));border-radius:18px;filter:blur(8px);inset:-4px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.rmc-card:hover .rmc-avatar-glow{opacity:.3}.rmc-header-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.rmc-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--rmc-slate-800);display:-webkit-box;font-size:17px;font-weight:650;line-height:1.35;margin:0;overflow:hidden;transition:color .2s ease}.rmc-card:hover .rmc-title{color:var(--rmc-blue)}.rmc-title-expanded{-webkit-line-clamp:unset;display:block}.rmc-desc-wrapper{display:flex;flex-direction:column;gap:4px}.rmc-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--rmc-slate-500);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.rmc-desc-expanded{-webkit-line-clamp:unset;display:block}.rmc-seemore-btn{align-items:center;align-self:flex-start;background:none;border:none;color:var(--rmc-indigo);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:0;transition:color .2s ease}.rmc-seemore-btn:hover{color:var(--rmc-purple)}.rmc-seemore-btn svg{font-size:14px}.rmc-badges{display:flex;flex-wrap:wrap;gap:8px}.rmc-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.rmc-badge svg{font-size:12px}.rmc-badge-field{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;color:var(--rmc-indigo)}.rmc-badge-subfield{background:var(--rmc-slate-100);border:1px solid var(--rmc-slate-200);color:var(--rmc-slate-600)}.rmc-footer{border-top:1px solid var(--rmc-slate-100);display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:12px}.rmc-footer-top{gap:12px;justify-content:space-between}.rmc-footer-top,.rmc-leader{align-items:center;display:flex}.rmc-leader{flex:1 1;gap:6px;min-width:0}.rmc-leader-icon{color:var(--rmc-amber);flex-shrink:0;font-size:14px}.rmc-leader-name{color:var(--rmc-amber);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmc-verified-badge{align-items:center;background:linear-gradient(135deg,#1da1f2,#0d8bd9);border-radius:50%;box-shadow:0 2px 4px #1da1f24d;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;width:16px}.rmc-members-avatars{align-items:center;display:flex;flex-shrink:0}.rmc-member-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:28px;justify-content:center;margin-left:-8px;object-fit:cover;position:relative;text-transform:uppercase;transition:transform .2s ease,z-index 0s;width:28px}.rmc-member-avatar:first-child{margin-left:0}.rmc-member-avatar:hover{transform:translateY(-3px) scale(1.1);z-index:10}.rmc-avatar-initials{background:var(--rmc-indigo)}.rmc-avatar-more{background:linear-gradient(135deg,var(--rmc-slate-200) 0,var(--rmc-slate-300) 100%);color:var(--rmc-slate-600);font-size:10px;font-weight:600}.rmc-footer-bottom{gap:12px;justify-content:space-between}.rmc-footer-bottom,.rmc-stats{align-items:center;display:flex}.rmc-stats{color:var(--rmc-slate-500);font-size:12px;gap:8px}.rmc-stat{align-items:center;display:flex;font-weight:500;gap:5px;white-space:nowrap}.rmc-stat svg{color:var(--rmc-slate-400);font-size:13px}.rmc-stat-divider{color:var(--rmc-slate-300);font-weight:600}.rmc-action-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:9px 16px;transition:all .2s ease;white-space:nowrap}.rmc-action-btn svg{font-size:14px}.rmc-action-btn:disabled{cursor:not-allowed;opacity:.7}.rmc-btn-manage{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-color:#10b98133;color:var(--rmc-green)}.rmc-btn-manage:hover:not(:disabled){background:linear-gradient(135deg,var(--rmc-green) 0,var(--rmc-cyan) 100%);border-color:#0000;box-shadow:0 4px 12px #10b9814d;color:#fff}.rmc-btn-enter{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-color:#10b98133;color:var(--rmc-green)}.rmc-btn-enter:hover:not(:disabled){background:linear-gradient(135deg,var(--rmc-green) 0,var(--rmc-cyan) 100%);border-color:#0000;box-shadow:0 4px 12px #10b9814d;color:#fff}.rmc-btn-join{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:#3b82f633;color:var(--rmc-blue)}.rmc-btn-join:hover:not(:disabled){background:linear-gradient(135deg,var(--rmc-blue) 0,var(--rmc-purple) 100%);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff}.rmc-btn-pending{background:linear-gradient(135deg,#f59e0b1a,#ec48991a);border-color:#f59e0b33;color:var(--rmc-amber)}.rmc-btn-full{background:var(--rmc-slate-100);border-color:var(--rmc-slate-200);color:var(--rmc-slate-400)}@media (max-width:1024px){.rmc-card{gap:14px;padding:18px}.rmc-avatar{border-radius:12px;height:58px;width:58px}.rmc-title{font-size:16px}}@media (max-width:768px){.rmc-card{border-radius:14px;gap:12px;padding:16px}.rmc-header{gap:12px}.rmc-avatar{border-radius:12px;height:54px;width:54px}.rmc-title{-webkit-line-clamp:2;font-size:15px}.rmc-description{-webkit-line-clamp:2;font-size:12px}.rmc-seemore-btn{font-size:11px}.rmc-badges{gap:6px}.rmc-badge{font-size:10px;padding:5px 10px}.rmc-badge svg{font-size:11px}.rmc-footer{gap:10px;padding-top:10px}.rmc-footer-bottom,.rmc-footer-top{gap:10px}.rmc-leader-name{font-size:12px}.rmc-leader-icon{font-size:13px}.rmc-member-avatar{font-size:10px;height:26px;margin-left:-7px;width:26px}.rmc-avatar-more{font-size:9px}.rmc-verified-badge{font-size:9px;height:14px;width:14px}.rmc-stats{font-size:11px;gap:6px}.rmc-stat{gap:4px}.rmc-stat svg{font-size:12px}.rmc-action-btn{border-radius:8px;font-size:11px;padding:8px 14px}.rmc-action-btn svg{font-size:13px}}@media (max-width:480px){.rmc-card{border-radius:12px;gap:10px;padding:14px}.rmc-header{gap:10px}.rmc-avatar{border-radius:10px;height:50px;width:50px}.rmc-title{font-size:14px}.rmc-description{font-size:12px;line-height:1.4}.rmc-badge{font-size:10px;gap:4px;padding:4px 8px}.rmc-footer-bottom{align-items:stretch;flex-direction:column-reverse;gap:10px}.rmc-action-btn{padding:10px 16px;width:100%}.rmc-action-btn,.rmc-stats{justify-content:center}.rmc-member-avatar{font-size:9px;height:24px;margin-left:-6px;width:24px}.rmc-leader-name{font-size:11px}}@media (max-width:360px){.rmc-card{padding:12px}.rmc-avatar{height:46px;width:46px}.rmc-title{font-size:13px}.rmc-description{font-size:11px}.rmc-badge{font-size:9px;padding:3px 7px}.rmc-footer-top{align-items:flex-start;flex-direction:column;gap:8px}.rmc-members-avatars{align-self:flex-start}}@media (hover:hover){.rmc-card:hover{transform:translateY(-4px)}.rmc-member-avatar:hover{transform:translateY(-3px) scale(1.1)}}@media (hover:none){.rmc-card:hover{transform:none}.rmc-card:active{transform:scale(.99)}.rmc-member-avatar:hover{transform:none}}@media (prefers-reduced-motion:reduce){.rmc-action-btn,.rmc-avatar,.rmc-card,.rmc-member-avatar{transition:none}}.jrm-overlay{--jrm-blue:#3b82f6;--jrm-purple:#8b5cf6;--jrm-green:#10b981;--jrm-amber:#f59e0b;--jrm-indigo:#6366f1;--jrm-cyan:#06b6d4;--jrm-pink:#ec4899;--jrm-red:#ef4444;--jrm-slate-50:#f8fafc;--jrm-slate-100:#f1f5f9;--jrm-slate-200:#e2e8f0;--jrm-slate-300:#cbd5e1;--jrm-slate-400:#94a3b8;--jrm-slate-500:#64748b;--jrm-slate-600:#475569;--jrm-slate-700:#334155;--jrm-slate-800:#1e293b;--jrm-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--jrm-gradient-accent:linear-gradient(135deg,#6366f1,#8b5cf6);align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.jrm-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:480px;overflow:hidden;width:100%}.jrm-header{align-items:center;background:linear-gradient(135deg,#6366f108,#8b5cf608);border-bottom:1px solid var(--jrm-slate-100);display:flex;justify-content:space-between;padding:24px 28px}.jrm-header-content{align-items:center;display:flex;gap:14px}.jrm-header-icon{align-items:center;background:var(--jrm-gradient-primary);border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.jrm-header-text{display:flex;flex-direction:column;gap:2px}.jrm-title{color:var(--jrm-slate-800);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.jrm-subtitle{color:var(--jrm-slate-500);font-size:13px;margin:0}.jrm-close-btn{align-items:center;background:var(--jrm-slate-100);border:none;border-radius:10px;color:var(--jrm-slate-500);cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.jrm-close-btn:hover{background:var(--jrm-slate-200);color:var(--jrm-slate-700)}.jrm-body{flex:1 1;overflow-y:auto;padding:24px 28px}.jrm-room-info{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:12px;margin-bottom:16px;padding:16px}.jrm-room-name{color:var(--jrm-slate-800);font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px}.jrm-room-field{color:var(--jrm-indigo);font-size:13px;font-weight:500;margin:0}.jrm-instructions{color:var(--jrm-slate-500);font-size:14px;line-height:1.6;margin:0 0 20px}.jrm-form{gap:16px}.jrm-form,.jrm-form-group{display:flex;flex-direction:column}.jrm-form-group{gap:8px}.jrm-label{align-items:center;color:var(--jrm-slate-700);display:flex;font-size:13px;font-weight:600;gap:8px}.jrm-label-icon{color:var(--jrm-indigo);font-size:15px}.jrm-required{color:var(--jrm-red);font-weight:700}.jrm-textarea{background:var(--jrm-slate-50);border:1px solid var(--jrm-slate-200);border-radius:12px;color:var(--jrm-slate-700);font-family:inherit;font-size:14px;line-height:1.5;min-height:120px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.jrm-textarea::placeholder{color:var(--jrm-slate-400)}.jrm-textarea:focus{background:#fff;border-color:var(--jrm-blue);box-shadow:0 0 0 4px #3b82f61a;outline:none}.jrm-textarea:disabled{background:var(--jrm-slate-100);cursor:not-allowed;opacity:.7}.jrm-textarea-error{background:#ef444405;border-color:var(--jrm-red)}.jrm-textarea-error:focus{border-color:var(--jrm-red);box-shadow:0 0 0 4px #ef44441a}.jrm-field-footer{display:flex;justify-content:flex-end}.jrm-char-count{color:var(--jrm-slate-400);font-size:11px;font-weight:500}.jrm-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:var(--jrm-red);display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 14px}.jrm-error svg{flex-shrink:0;font-size:16px}.jrm-actions{display:flex;gap:12px;padding-top:8px}.jrm-btn-primary,.jrm-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.jrm-btn-secondary{background:var(--jrm-slate-100);border:1px solid var(--jrm-slate-200);color:var(--jrm-slate-600)}.jrm-btn-secondary:hover:not(:disabled){background:var(--jrm-slate-200);color:var(--jrm-slate-700)}.jrm-btn-primary{background:var(--jrm-gradient-primary);box-shadow:0 4px 12px #3b82f640;color:#fff}.jrm-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f659}.jrm-btn-primary:disabled,.jrm-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.jrm-btn-primary svg,.jrm-btn-secondary svg{font-size:16px}@media (max-width:1024px){.jrm-modal{max-width:460px}.jrm-body,.jrm-header{padding:20px 24px}}@media (max-width:768px){.jrm-overlay{align-items:flex-end;padding:16px}.jrm-modal{border-radius:20px 20px 0 0;max-height:85vh;max-width:100%}.jrm-header{padding:18px 20px}.jrm-header-icon{border-radius:10px;font-size:20px;height:44px;width:44px}.jrm-title{font-size:18px}.jrm-subtitle{font-size:12px}.jrm-close-btn{font-size:16px;height:36px;width:36px}.jrm-body{padding:18px 20px}.jrm-room-info{border-radius:10px;padding:14px}.jrm-room-name{font-size:15px}.jrm-instructions{font-size:13px}.jrm-textarea{border-radius:10px;font-size:16px;min-height:110px;padding:12px 14px}.jrm-actions{flex-direction:column;gap:10px}.jrm-btn-primary,.jrm-btn-secondary{padding:14px 20px}}@media (max-width:480px){.jrm-overlay{align-items:flex-end;padding:0}.jrm-modal{border-radius:20px 20px 0 0;max-height:88vh}.jrm-header{padding:16px 18px}.jrm-header-icon{font-size:18px;height:40px;width:40px}.jrm-title{font-size:16px}.jrm-body{padding:16px 18px}.jrm-room-info{padding:12px}.jrm-room-name{font-size:14px}.jrm-room-field{font-size:12px}.jrm-instructions{font-size:12px;margin-bottom:16px}.jrm-label{font-size:12px}.jrm-label-icon{font-size:14px}.jrm-textarea{min-height:100px;padding:12px}.jrm-error{border-radius:8px;font-size:12px;padding:10px 12px}.jrm-btn-primary,.jrm-btn-secondary{border-radius:10px;font-size:13px;padding:13px 18px}}@media (max-width:360px){.jrm-header{padding:14px 16px}.jrm-header-content{gap:10px}.jrm-header-icon{font-size:16px;height:36px;width:36px}.jrm-title{font-size:15px}.jrm-body{padding:14px 16px}.jrm-close-btn{font-size:14px;height:32px;width:32px}}@media (hover:hover){.jrm-textarea:hover:not(:focus):not(:disabled){border-color:var(--jrm-slate-300)}}@media (prefers-reduced-motion:reduce){.jrm-btn-primary,.jrm-btn-secondary,.jrm-modal,.jrm-overlay,.jrm-textarea{transition:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){.jrm-modal{padding-bottom:env(safe-area-inset-bottom)}}.crm-overlay{--crm-blue:#3b82f6;--crm-purple:#8b5cf6;--crm-green:#10b981;--crm-amber:#f59e0b;--crm-indigo:#6366f1;--crm-cyan:#06b6d4;--crm-pink:#ec4899;--crm-red:#ef4444;--crm-slate-50:#f8fafc;--crm-slate-100:#f1f5f9;--crm-slate-200:#e2e8f0;--crm-slate-300:#cbd5e1;--crm-slate-400:#94a3b8;--crm-slate-500:#64748b;--crm-slate-600:#475569;--crm-slate-700:#334155;--crm-slate-800:#1e293b;--crm-slate-900:#0f172a;--crm-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--crm-gradient-success:linear-gradient(135deg,#10b981,#06b6d4);align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.crm-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:560px;overflow:hidden;width:100%}.crm-header{align-items:center;background:linear-gradient(135deg,#3b82f608,#8b5cf608);border-bottom:1px solid var(--crm-slate-100);display:flex;justify-content:space-between;padding:24px 28px}.crm-header-content{align-items:center;display:flex;gap:14px}.crm-header-icon{align-items:center;background:var(--crm-gradient-primary);border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.crm-header-text{display:flex;flex-direction:column;gap:2px}.crm-title{color:var(--crm-slate-800);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.crm-subtitle{color:var(--crm-slate-500);font-size:13px;margin:0}.crm-close-btn{align-items:center;background:var(--crm-slate-100);border:none;border-radius:10px;color:var(--crm-slate-500);cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.crm-close-btn:hover{background:var(--crm-slate-200);color:var(--crm-slate-700)}.crm-body{flex:1 1;overflow-y:auto;padding:24px 28px}.crm-form{gap:20px}.crm-form,.crm-form-group{display:flex;flex-direction:column}.crm-form-group{gap:8px}.crm-label{align-items:center;color:var(--crm-slate-700);display:flex;font-size:13px;font-weight:600;gap:8px}.crm-label-icon{color:var(--crm-indigo);font-size:15px}.crm-required{color:var(--crm-red);font-weight:700}.crm-input,.crm-select,.crm-textarea{background:var(--crm-slate-50);border:1px solid var(--crm-slate-200);border-radius:12px;color:var(--crm-slate-700);font-family:inherit;font-size:14px;padding:14px 16px;transition:all .2s ease;width:100%}.crm-input::placeholder,.crm-textarea::placeholder{color:var(--crm-slate-400)}.crm-input:focus,.crm-select:focus,.crm-textarea:focus{background:#fff;border-color:var(--crm-blue);box-shadow:0 0 0 4px #3b82f61a;outline:none}.crm-input:disabled,.crm-select:disabled,.crm-textarea:disabled{background:var(--crm-slate-100);cursor:not-allowed;opacity:.7}.crm-input-error{background:#ef444405;border-color:var(--crm-red)}.crm-input-error:focus{border-color:var(--crm-red);box-shadow:0 0 0 4px #ef44441a}.crm-textarea{line-height:1.5;min-height:100px;resize:vertical}.crm-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:44px}.crm-field-footer{align-items:center;display:flex;justify-content:space-between;min-height:18px}.crm-char-count{color:var(--crm-slate-400);font-size:11px;font-weight:500}.crm-char-valid{color:var(--crm-green)}.crm-error{align-items:center;color:var(--crm-red);display:flex;font-size:12px;font-weight:500;gap:4px}.crm-error svg{font-size:13px}.crm-submit-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:12px;color:var(--crm-red);display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 16px}.crm-submit-error svg{flex-shrink:0;font-size:18px}.crm-actions{display:flex;gap:12px;padding-top:8px}.crm-btn-primary,.crm-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.crm-btn-secondary{background:var(--crm-slate-100);border:1px solid var(--crm-slate-200);color:var(--crm-slate-600)}.crm-btn-secondary:hover:not(:disabled){background:var(--crm-slate-200);color:var(--crm-slate-700)}.crm-btn-primary{background:var(--crm-gradient-success);box-shadow:0 4px 12px #10b98140;color:#fff}.crm-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #10b98159}.crm-btn-primary:disabled,.crm-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.crm-btn-primary svg,.crm-btn-secondary svg{font-size:16px}@media (max-width:1024px){.crm-modal{max-width:520px}.crm-body,.crm-header{padding:20px 24px}}@media (max-width:768px){.crm-overlay{align-items:flex-end;padding:16px}.crm-modal{border-radius:20px 20px 0 0;max-height:90vh;max-width:100%}.crm-header{padding:18px 20px}.crm-header-icon{border-radius:10px;font-size:20px;height:44px;width:44px}.crm-title{font-size:18px}.crm-subtitle{font-size:12px}.crm-close-btn{font-size:16px;height:36px;width:36px}.crm-body{padding:18px 20px}.crm-form{gap:18px}.crm-input,.crm-select,.crm-textarea{border-radius:10px;font-size:16px;padding:12px 14px}.crm-actions{flex-direction:column;gap:10px}.crm-btn-primary,.crm-btn-secondary{padding:14px 20px}}@media (max-width:480px){.crm-overlay{align-items:flex-end;padding:0}.crm-modal{border-radius:20px 20px 0 0;max-height:92vh}.crm-header{gap:12px;padding:16px 18px}.crm-header-icon{font-size:18px;height:40px;width:40px}.crm-title{font-size:16px}.crm-body{padding:16px 18px}.crm-form{gap:16px}.crm-label{font-size:12px}.crm-label-icon{font-size:14px}.crm-input,.crm-select,.crm-textarea{border-radius:10px;padding:12px}.crm-textarea{min-height:90px}.crm-char-count{font-size:10px}.crm-error{font-size:11px}.crm-submit-error{border-radius:10px;font-size:13px;padding:12px 14px}.crm-btn-primary,.crm-btn-secondary{border-radius:10px;font-size:13px;padding:13px 18px}}@media (max-width:360px){.crm-header{padding:14px 16px}.crm-header-content{gap:10px}.crm-header-icon{font-size:16px;height:36px;width:36px}.crm-title{font-size:15px}.crm-body{padding:14px 16px}.crm-close-btn{font-size:14px;height:32px;width:32px}}@media (hover:hover){.crm-input:hover:not(:focus):not(:disabled),.crm-select:hover:not(:focus):not(:disabled),.crm-textarea:hover:not(:focus):not(:disabled){border-color:var(--crm-slate-300)}}@media (prefers-reduced-motion:reduce){.crm-btn-primary,.crm-btn-secondary,.crm-input,.crm-modal,.crm-overlay,.crm-select,.crm-textarea{transition:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){.crm-modal{padding-bottom:env(safe-area-inset-bottom)}}:root{--rml-blue:#3b82f6;--rml-purple:#8b5cf6;--rml-green:#10b981;--rml-amber:#f59e0b;--rml-indigo:#6366f1;--rml-cyan:#06b6d4;--rml-pink:#ec4899;--rml-red:#ef4444;--rml-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--rml-gradient-success:linear-gradient(135deg,#10b981,#06b6d4);--rml-gradient-accent:linear-gradient(135deg,#6366f1,#8b5cf6);--rml-gradient-warm:linear-gradient(135deg,#f59e0b,#ec4899);--rml-slate-50:#f8fafc;--rml-slate-100:#f1f5f9;--rml-slate-200:#e2e8f0;--rml-slate-300:#cbd5e1;--rml-slate-400:#94a3b8;--rml-slate-500:#64748b;--rml-slate-600:#475569;--rml-slate-700:#334155;--rml-slate-800:#1e293b;--rml-slate-900:#0f172a;--rml-glass-bg:#fffc;--rml-glass-border:#ffffff80;--rml-glass-shadow:0 8px 32px #00000014;--rml-shadow-sm:0 1px 2px #0000000d;--rml-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--rml-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--rml-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--rml-radius-sm:8px;--rml-radius-md:12px;--rml-radius-lg:16px;--rml-radius-xl:24px;--rml-transition-fast:0.15s ease;--rml-transition-base:0.2s ease;--rml-transition-slow:0.3s ease}.rml-container{background:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#f1f5f9);background:linear-gradient(135deg,var(--rml-slate-50) 0,#eef2ff 50%,var(--rml-slate-100) 100%);min-height:100vh;padding:12px 20px 20px;position:relative}.rml-container:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--rml-gradient-primary);content:"";height:400px;left:0;opacity:.03;pointer-events:none;position:absolute;right:0;top:0}.rml-wrapper{margin:0 auto;max-width:1400px;position:relative;z-index:1}.rml-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #ffffff80;border:1px solid var(--rml-glass-border);border-radius:12px;border-radius:var(--rml-radius-md);box-shadow:0 8px 32px #00000014;box-shadow:var(--rml-glass-shadow);margin-bottom:14px;padding:14px 20px}.rml-header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.rml-header-left{align-items:center;display:flex;gap:12px}.rml-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--rml-gradient-primary);border-radius:8px;border-radius:var(--rml-radius-sm);box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.rml-header-text{display:flex;flex-direction:column;gap:2px}.rml-title{color:#1e293b;color:var(--rml-slate-800);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.rml-subtitle{color:#64748b;color:var(--rml-slate-500);font-size:12px;margin:0}.rml-create-btn{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--rml-gradient-success);border:none;border-radius:8px;border-radius:var(--rml-radius-sm);box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:.2s ease;transition:var(--rml-transition-base)}.rml-create-btn:hover{box-shadow:0 6px 20px #10b98166}.rml-create-btn svg{font-size:18px}.rml-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.rml-search-wrapper{flex:1 1;min-width:300px;position:relative}.rml-search-icon{color:#94a3b8;color:var(--rml-slate-400);font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rml-search-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--rml-slate-200);border-radius:12px;border-radius:var(--rml-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rml-shadow-sm);color:#334155;color:var(--rml-slate-700);font-size:14px;padding:14px 48px;transition:.2s ease;transition:var(--rml-transition-base);width:100%}.rml-search-input::placeholder{color:#94a3b8;color:var(--rml-slate-400)}.rml-search-input:focus{border-color:#3b82f6;border-color:var(--rml-blue);box-shadow:0 0 0 4px #3b82f61a;outline:none}.rml-search-clear{align-items:center;background:#f1f5f9;background:var(--rml-slate-100);border:none;border-radius:50%;color:#64748b;color:var(--rml-slate-500);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:.15s ease;transition:var(--rml-transition-fast);width:28px}.rml-search-clear:hover{background:#e2e8f0;background:var(--rml-slate-200);color:#334155;color:var(--rml-slate-700)}.rml-view-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--rml-slate-200);border-radius:12px;border-radius:var(--rml-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rml-shadow-sm);display:flex;padding:4px}.rml-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--rml-radius-sm);color:#64748b;color:var(--rml-slate-500);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:.2s ease;transition:var(--rml-transition-base);white-space:nowrap}.rml-toggle-btn:hover:not(.rml-toggle-active){background:#f1f5f9;background:var(--rml-slate-100);color:#334155;color:var(--rml-slate-700)}.rml-toggle-active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--rml-gradient-primary);box-shadow:0 2px 8px #3b82f64d;color:#fff}.rml-toggle-btn svg{font-size:16px}.rml-filters{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #ffffff80;border:1px solid var(--rml-glass-border);border-radius:12px;border-radius:var(--rml-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rml-shadow-sm);margin-bottom:20px;padding:16px 20px}.rml-filters-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.rml-filters-icon{color:#6366f1;color:var(--rml-indigo);font-size:16px}.rml-filters-label{color:#334155;color:var(--rml-slate-700);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rml-filters-list{display:flex;flex-wrap:wrap;gap:8px}.rml-filter-chip{background:#f1f5f9;background:var(--rml-slate-100);border:1px solid #e2e8f0;border:1px solid var(--rml-slate-200);border-radius:100px;color:#475569;color:var(--rml-slate-600);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:.2s ease;transition:var(--rml-transition-base);white-space:nowrap}.rml-filter-chip:hover:not(.rml-filter-active){background:#e2e8f0;background:var(--rml-slate-200);border-color:#cbd5e1;border-color:var(--rml-slate-300);color:#334155;color:var(--rml-slate-700)}.rml-filter-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--rml-gradient-accent);border-color:#0000;box-shadow:0 2px 8px #6366f14d;color:#fff}.rml-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:24px}.rml-loading{align-items:center;display:flex;justify-content:center;padding:80px 20px}.rml-loading-content{align-items:center;display:flex;flex-direction:column;gap:16px}.rml-loading-spinner{align-items:center;color:#3b82f6;color:var(--rml-blue);display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.rml-loading-text{color:#64748b;color:var(--rml-slate-500);font-size:14px;font-weight:500}.rml-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #ffffff80;border:1px solid var(--rml-glass-border);border-radius:16px;border-radius:var(--rml-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--rml-shadow-md);flex-direction:column;padding:60px 20px}.rml-error,.rml-error-icon{align-items:center;display:flex}.rml-error-icon{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--rml-red) 0,#f87171 100%);border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;font-size:28px;font-weight:700;height:56px;justify-content:center;margin-bottom:16px;width:56px}.rml-error-message{color:#475569;color:var(--rml-slate-600);font-size:14px;margin:0 0 20px;max-width:400px;text-align:center}.rml-error-retry{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--rml-gradient-primary);border:none;border-radius:8px;border-radius:var(--rml-radius-sm);box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:.2s ease;transition:var(--rml-transition-base)}.rml-error-retry:hover{box-shadow:0 4px 12px #3b82f666}.rml-empty{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #ffffff80;border:1px solid var(--rml-glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--rml-shadow-md);flex-direction:column;padding:80px 20px}.rml-empty,.rml-empty-icon{align-items:center;border-radius:16px;border-radius:var(--rml-radius-lg);display:flex}.rml-empty-icon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);background:linear-gradient(135deg,var(--rml-slate-200) 0,var(--rml-slate-300) 100%);color:#94a3b8;color:var(--rml-slate-400);font-size:36px;height:80px;justify-content:center;margin-bottom:24px;width:80px}.rml-empty-title{color:#1e293b;color:var(--rml-slate-800);font-size:20px;font-weight:600;margin:0 0 8px}.rml-empty-message{color:#64748b;color:var(--rml-slate-500);font-size:14px;line-height:1.6;margin:0 0 24px;max-width:400px;text-align:center}.rml-empty-action{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--rml-gradient-success);border:none;border-radius:8px;border-radius:var(--rml-radius-sm);box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:.2s ease;transition:var(--rml-transition-base)}.rml-empty-action:hover{box-shadow:0 6px 16px #10b98166}.rml-pagination{gap:16px;justify-content:center;padding:24px 0}.rml-page-btn,.rml-pagination{align-items:center;display:flex}.rml-page-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--rml-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--rml-slate-200);border-radius:8px;border-radius:var(--rml-radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rml-shadow-sm);color:#475569;color:var(--rml-slate-600);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:10px 18px;transition:.2s ease;transition:var(--rml-transition-base)}.rml-page-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--rml-gradient-primary);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff}.rml-page-btn:disabled{cursor:not-allowed;opacity:.5}.rml-page-btn svg{font-size:16px}.rml-page-info{align-items:center;background:#f1f5f9;background:var(--rml-slate-100);border-radius:8px;border-radius:var(--rml-radius-sm);display:flex;gap:8px;padding:8px 16px}.rml-page-current{color:#3b82f6;color:var(--rml-blue);font-size:14px;font-weight:600}.rml-page-separator{color:#94a3b8;color:var(--rml-slate-400);font-size:13px}.rml-page-total{color:#475569;color:var(--rml-slate-600);font-size:14px;font-weight:500}@media (max-width:1024px){.rml-container{padding:12px 16px 16px}.rml-header{padding:12px 18px}.rml-header-icon{font-size:18px;height:38px;width:38px}.rml-title{font-size:18px}.rml-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.rml-container{padding:10px 14px 14px}.rml-header{margin-bottom:12px;padding:12px 16px}.rml-header-content{align-items:stretch;flex-direction:column;gap:12px}.rml-header-left{flex-direction:column;gap:8px;justify-content:center;text-align:center}.rml-header-icon{font-size:16px;height:36px;width:36px}.rml-title{font-size:18px}.rml-subtitle{font-size:11px}.rml-create-btn{justify-content:center;padding:10px 18px;width:100%}.rml-controls{flex-direction:column;gap:12px;margin-bottom:16px}.rml-search-wrapper{min-width:100%}.rml-view-toggle{width:100%}.rml-toggle-btn{flex:1 1;justify-content:center}.rml-filters{margin-bottom:16px;padding:14px 16px}.rml-filters-list{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;margin:0 -16px;overflow-x:auto;padding-bottom:8px;padding-left:16px;padding-right:16px;scrollbar-width:none}.rml-filters-list::-webkit-scrollbar{display:none}.rml-filter-chip{flex-shrink:0}.rml-grid{gap:14px;grid-template-columns:1fr}.rml-pagination{gap:12px;padding:20px 0}.rml-page-btn{padding:10px 14px}.rml-page-btn span{display:none}.rml-page-btn svg{font-size:18px}.rml-empty{padding:60px 20px}.rml-empty-icon{font-size:28px;height:64px;width:64px}.rml-empty-title{font-size:18px}}@media (max-width:480px){.rml-container{padding:12px}.rml-header{border-radius:12px;border-radius:var(--rml-radius-md);padding:14px 16px}.rml-header-icon{border-radius:8px;border-radius:var(--rml-radius-sm);font-size:20px;height:44px;width:44px}.rml-title{font-size:20px}.rml-subtitle{font-size:12px}.rml-create-btn{font-size:13px;padding:12px 20px}.rml-search-input{font-size:13px;padding:12px 44px}.rml-search-icon{font-size:16px;left:14px}.rml-toggle-btn{font-size:12px;gap:6px;padding:10px 14px}.rml-toggle-btn svg{font-size:14px}.rml-filters{border-radius:8px;border-radius:var(--rml-radius-sm);padding:12px 14px}.rml-filters-label{font-size:12px}.rml-filter-chip{font-size:12px;padding:6px 12px}.rml-grid{gap:12px}.rml-loading{padding:60px 16px}.rml-loading-spinner{font-size:28px;height:40px;width:40px}.rml-empty{border-radius:12px;border-radius:var(--rml-radius-md);padding:48px 16px}.rml-empty-icon{font-size:24px;height:56px;width:56px}.rml-empty-title{font-size:16px}.rml-empty-message{font-size:13px}.rml-empty-action{font-size:13px;padding:10px 20px}.rml-pagination{padding:16px 0}.rml-page-info{padding:6px 12px}.rml-page-current,.rml-page-total{font-size:13px}.rml-page-separator{font-size:12px}}@media (max-width:360px){.rml-container{padding:10px}.rml-header{padding:12px 14px}.rml-header-icon{font-size:18px;height:40px;width:40px}.rml-title{font-size:18px}.rml-create-btn{font-size:12px;padding:10px 16px}.rml-toggle-btn{font-size:11px;padding:8px 10px}}@media (hover:hover){.rml-filter-chip:hover:not(.rml-filter-active),.rml-page-btn:hover:not(:disabled){transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.rml-loading-spinner{animation:none}*,:after,:before{transition-duration:.01ms!important}}.wa-reaction-trigger{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;visibility:hidden;z-index:50}.wa-trigger-right{left:calc(100% + 6px)}.wa-trigger-left{right:calc(100% + 6px)}.message.show-reactions .wa-reaction-trigger,.message:hover .wa-reaction-trigger{opacity:1;visibility:visible}.wa-trigger-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;transition:transform .15s ease,box-shadow .15s ease;width:32px}.wa-trigger-btn:hover{box-shadow:0 3px 12px #0003;transform:scale(1.1)}.wa-trigger-btn:active{transform:scale(.95)}.wa-picker-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.wa-reaction-picker{align-items:center;animation:pickerPop .2s ease-out;background:#fff;border-radius:24px;box-shadow:0 4px 16px #0000002e;display:flex;gap:4px;padding:6px 10px;position:absolute;top:50%;transform:translateY(-50%);z-index:100}.wa-picker-right{left:calc(100% + 6px)}.wa-picker-left{right:calc(100% + 6px)}@keyframes pickerPop{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.wa-picker-emoji{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;padding:0;transition:transform .12s ease,background .12s ease;width:36px}.wa-picker-emoji:hover{background:#0000000d;transform:scale(1.3)}.wa-picker-emoji:active{transform:scale(1.1)}.wa-picker-emoji:disabled{cursor:not-allowed;opacity:.5}.wa-emoji-active{background:#00b4d826}.wa-reactions-display{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.wa-reaction-chip{-webkit-tap-highlight-color:transparent;align-items:center;animation:chipPop .2s ease-out;background:#f0f2f5;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;gap:3px;padding:2px 6px;transition:all .15s ease}.wa-reaction-chip:hover{background:#e4e6eb}.wa-reaction-chip:disabled{cursor:not-allowed;opacity:.6}.wa-chip-active{background:#00b4d81f;border-color:#00b4d84d}.wa-chip-active:hover{background:#00b4d833}.wa-chip-emoji{font-size:14px;line-height:1}.wa-chip-count{color:#65676b;font-size:11px;font-weight:600;min-width:8px}.wa-chip-active .wa-chip-count{color:#00a5c4}@keyframes chipPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.wa-reaction-trigger{opacity:0;visibility:hidden}.message.show-reactions .wa-reaction-trigger{opacity:1;visibility:visible}.wa-reaction-trigger{top:50%;transform:translateY(-50%)}.wa-trigger-right{left:calc(100% + 4px);right:auto}.wa-trigger-left{left:auto;right:calc(100% + 4px)}.wa-trigger-btn{box-shadow:0 1px 4px #0000001f;font-size:16px;height:28px;width:28px}.wa-reaction-picker{bottom:calc(100% + 8px);gap:4px;padding:6px 8px;top:auto;transform:none}.wa-picker-right{left:0;right:auto}.wa-picker-left{left:auto;right:0}.wa-picker-emoji{font-size:20px;height:36px;width:36px}.wa-reaction-chip{padding:2px 6px}.wa-chip-emoji{font-size:13px}.wa-chip-count{font-size:10px}}@media (max-width:480px){.wa-trigger-btn{font-size:14px;height:26px;width:26px}.wa-picker-emoji{font-size:18px;height:34px;width:34px}}.modal-overlay{animation:rcmFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;padding:20px;z-index:9999}@keyframes rcmFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:rcmSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:420px;overflow:hidden;width:100%}@keyframes rcmSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#fafafa;flex-shrink:0;padding:16px 20px;position:relative}.modal-header h3{align-items:center;color:#111827;display:flex;font-size:17px;font-weight:600;gap:10px;line-height:1.3;margin:0;padding:0}.modal-header h3 svg{color:#00b4d8;flex-shrink:0;font-size:16px}.delete-modal .modal-header h3 svg{color:#dc2626}.report-modal .modal-header h3 svg{color:#f59e0b}.btn-close-modal{-webkit-tap-highlight-color:transparent;align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:300;height:36px;justify-content:center;line-height:1;margin:0;min-height:36px;min-width:36px;padding:0;transition:all .2s ease;width:36px}.btn-close-modal:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.05)}.btn-close-modal:active{background:#d1d5db;transform:scale(.95)}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-body>p{color:#4b5563;font-size:15px;line-height:1.6;margin:0 0 16px;padding:0}.message-preview{background:#f9fafb;border-left:3px solid #00b4d8;border-radius:8px;margin:16px 0;padding:14px}.message-preview p{color:#374151;font-size:14px;font-style:italic;line-height:1.5;margin:0 0 8px;padding:0;word-break:break-word}.message-preview small{color:#6b7280;display:block;font-size:12px}.warning-box{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.warning-box svg{color:#dc2626;flex-shrink:0;font-size:20px;margin-top:1px}.warning-box p{color:#991b1b;font-size:14px;font-weight:500;line-height:1.5;margin:0;padding:0}.warning-text{color:#6b7280;font-size:13px;line-height:1.5;margin:16px 0 0}.modal-footer{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-cancel{-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-cancel:active{transform:scale(.98)}.btn-confirm{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#00b4d8,#0096c7);border:none;border-radius:10px;box-shadow:0 2px 8px #00b4d84d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-confirm:hover{box-shadow:0 4px 12px #00b4d866;transform:translateY(-1px)}.btn-confirm:active{transform:scale(.98)}.btn-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.btn-danger:hover{box-shadow:0 4px 12px #dc262666}.report-options{display:flex;flex-direction:column;gap:10px;margin:16px 0}.report-option{-webkit-tap-highlight-color:transparent;align-items:center;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s ease}.report-option.selected,.report-option:hover{background:#f0f9ff;border-color:#00b4d8}.report-option input[type=radio]{accent-color:#00b4d8;cursor:pointer;height:20px;margin:0;width:20px}.report-option label{color:#1f2937;cursor:pointer;flex:1 1;font-size:14px;font-weight:500}.report-textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;margin-top:8px;min-height:100px;padding:14px;resize:vertical;transition:border-color .2s ease;width:100%}.report-textarea:focus{border-color:#00b4d8;outline:none}.report-textarea::placeholder{color:#9ca3af}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:rcmMobileSlide .35s ease-out;border-radius:20px 20px 0 0;max-height:90vh;max-width:100%;width:100%}@keyframes rcmMobileSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:18px 16px}.modal-header:before{background:#d1d5db;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.modal-header h3{font-size:16px;padding-top:8px}.btn-close-modal{font-size:16px;height:32px;margin-top:8px;min-height:32px;min-width:32px;width:32px}.modal-body{padding:16px}.modal-body>p{font-size:14px}.message-preview{padding:12px}.message-preview p{font-size:13px}.warning-box{padding:12px}.warning-box p{font-size:13px}.modal-footer{background:#fff;flex-direction:column-reverse;gap:10px;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.btn-cancel,.btn-confirm{font-size:16px;justify-content:center;padding:14px 24px;width:100%}.report-option{padding:12px}.report-option label{font-size:13px}.report-textarea{min-height:80px;padding:12px}}@media (max-width:480px){.modal-header h3{font-size:15px}.modal-body>p{font-size:13px}.btn-cancel,.btn-confirm{padding:16px 24px}}.message{display:flex;gap:6px;margin-bottom:2px;padding:1px 8px;position:relative;will-change:transform}.message-swiping{transition:none!important}.message-own{flex-direction:row-reverse}.swipe-reply-indicator{align-items:center;background:#00b4d8;border-radius:50%;color:#fff;display:flex;font-size:14px;height:36px;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:36px;z-index:0}.swipe-reply-indicator.swipe-right{left:-10px}.swipe-reply-indicator.swipe-left{right:-10px}.message-deleted{justify-content:center;opacity:.6}.deleted-text{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;display:flex;font-size:12px;font-style:italic;gap:6px;margin:0;padding:6px 12px}.message .message-avatar{align-self:flex-end;border-radius:50%;flex-shrink:0;height:28px;margin-bottom:2px;min-height:28px;min-width:28px;overflow:visible!important;width:28px;z-index:1}.message .message-avatar img{border-radius:50%;display:block;height:28px;object-fit:cover;width:28px}.message .message-avatar .message-avatar-initials{align-items:center;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;letter-spacing:.5px;min-height:28px;min-width:28px;overflow:visible!important;text-transform:uppercase;width:28px}.message-bubble{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000014;max-width:65%;padding:4px 8px 6px;position:relative;z-index:1}.message-own .message-bubble{background:#dcf8c6;border-bottom-right-radius:2px}.message:not(.message-own) .message-bubble{background:#fff;border-bottom-left-radius:2px}.message-bubble:hover{box-shadow:0 2px 6px #0000001f}.message-pinned .message-bubble{background:#fffbeb;border:1px solid #fbbf24}.reply-indicator{align-items:center;background:#00b4d814;border-left:2px solid #00b4d8;border-radius:3px;color:#6b7280;display:flex;font-size:10px;gap:4px;margin-bottom:3px;padding:3px 5px}.reply-clickable{cursor:pointer;flex-wrap:wrap;transition:all .2s ease}.reply-clickable:hover{background:#00b4d826;border-left-color:#0284c7}.reply-sender-name{color:#0284c7;font-weight:600}.reply-preview-text{color:#4b5563;display:block;font-style:italic;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.message-content-wrapper{display:flex;flex-direction:column;gap:2px}.message-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between;line-height:1.2;margin-bottom:2px}.message-header-own{justify-content:flex-end}.sender-name{align-items:center;color:#00b4d8;display:flex;font-size:12px;font-weight:600;gap:3px}.message .verified-badge,.message-bubble .verified-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 1px 2px #10b9814d;color:#fff;display:inline-flex;flex-shrink:0;font-size:8px;font-weight:700;height:13px;justify-content:center;margin-left:2px;min-width:13px;width:13px}.header-meta{align-items:center;display:flex;flex-shrink:0;gap:4px}.message-time{font-size:10px}.edited-indicator,.message-time{color:#9ca3af;white-space:nowrap}.edited-indicator{font-size:9px;font-style:italic}.pinned-icon{color:#fbbf24}.message-text{color:#1f2937;line-height:1.4}.mention{background:#00b4d81a;border-radius:3px;color:#00b4d8;font-weight:600;padding:1px 3px}.mention-all{background:#fee2e2;color:#dc2626}.action-more{position:relative}.action-btn-dots,.action-more{align-items:center;display:inline-flex}.action-btn-dots{background:#0000;border:none;border-radius:3px;color:#9ca3af;cursor:pointer;justify-content:center;opacity:0;padding:2px 4px;transition:all .15s}.message:hover .action-btn-dots{opacity:1}.action-btn-dots:hover{background:#0000000d;color:#1f2937}.actions-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.actions-menu{animation:menuSlideUp .12s ease-out;background:#fff;border:none;border-radius:6px;bottom:calc(100% + 2px);box-shadow:0 2px 10px #0000001f;min-width:100px;overflow:hidden;padding:4px 0;position:absolute;right:0;z-index:100}.message-own .actions-menu{left:auto;right:0}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.menu-item{font-size:11px;font-weight:500;gap:6px;padding:6px 10px;transition:background .1s}.menu-item:hover:not(:disabled){background:#f3f4f6}.menu-item:disabled{cursor:not-allowed;opacity:.5}.menu-item-danger{color:#dc2626}.menu-item-danger:hover:not(:disabled){background:#fef2f2}.menu-item svg{flex-shrink:0;font-size:10px;opacity:.7}.message-warning{align-items:center;background:#fef3c7;border-radius:4px;color:#92400e;display:flex;font-size:10px;gap:4px;margin-top:3px;padding:3px 5px}.message-edit-mode{display:flex;flex-direction:column;gap:6px}.edit-textarea{border:1px solid #00b4d8;border-radius:6px;font-family:inherit;font-size:13px;min-height:50px;outline:none;padding:6px;resize:vertical;width:100%}.edit-textarea:focus{border-color:#0086b3;box-shadow:0 0 0 2px #00b4d81a}.edit-actions{display:flex;gap:6px;justify-content:flex-end}.btn-cancel,.btn-save{border:none;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s}.btn-save{background:#00b4d8;color:#fff}.btn-save:hover:not(:disabled){background:#0086b3}.btn-save:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-cancel{background:#e5e7eb;color:#1f2937}.btn-cancel:hover:not(:disabled){background:#d1d5db}@media (max-width:768px){.message-bubble{max-width:75%}.message-avatar img{height:26px;width:26px}.action-btn-dots{opacity:1}.message-text{font-size:13px}.swipe-reply-indicator{font-size:12px;height:32px;width:32px}}@media (max-width:480px){.message{padding:1px 4px}.message-bubble{max-width:82%;padding:4px 7px 5px}.message-text{font-size:13px}.message-time{font-size:9px}.sender-name{font-size:11px}.swipe-reply-indicator{font-size:11px;height:28px;width:28px}}@media (hover:hover) and (pointer:fine){.swipe-reply-indicator{display:none}}.msg-input-wrap{background:#fff;border-top:1px solid #e5e7eb;flex:0 0 auto;padding:6px 8px;touch-action:manipulation}.msg-reply-badge{align-items:center;background:#f0f9ff;border-left:2px solid #00b4d8;border-radius:4px;color:#6b7280;display:flex;font-size:11px;gap:6px;margin-bottom:6px;padding:4px 8px}.msg-reply-badge svg{color:#00b4d8;font-size:10px}.msg-reply-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reply-text strong{color:#1f2937}.msg-reply-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:12px;line-height:1;padding:2px}.msg-mentions{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-bottom:6px;max-height:100px;overflow-y:auto}.msg-mention-item{color:#1f2937;cursor:pointer;font-size:12px;padding:6px 10px}.msg-mention-item:hover{background:#f3f4f6}.msg-mention-item strong{color:#00b4d8}.msg-mention-hint{color:#9ca3af;font-size:10px;padding:4px 10px}.msg-input-form{align-items:center;background:#f3f4f6;border-radius:18px;display:flex;gap:8px;padding:4px 4px 4px 12px}.msg-input-text{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;line-height:1.3;max-height:60px;min-height:18px;outline:none;padding:4px 0;resize:none}.msg-input-text::placeholder{color:#9ca3af}.msg-send-btn{align-items:center;background:#00b4d8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;padding:0;transition:background .2s;width:28px}.msg-send-btn:hover:not(:disabled){background:#0096c7}.msg-send-btn:disabled{background:#d1d5db;cursor:not-allowed}.msg-sending{font-size:12px}@media (max-width:768px){.msg-input-wrap{padding:4px 6px}.msg-input-form{padding:3px 3px 3px 10px}.msg-input-text{font-size:16px}.msg-send-btn{font-size:14px;height:32px;width:32px}}@media (max-width:480px){.msg-input-form{gap:6px}.msg-send-btn{height:30px;width:30px}}.pinned-messages-bar{background:#fffbeb;border-bottom:1px solid #fbbf24}.pinned-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:6px 12px}.pinned-header:hover{background:#fef3c7}.pinned-header-left{align-items:center;display:flex;gap:10px}.pin-icon{color:#f59e0b;font-size:16px}.pinned-count{color:#92400e;font-size:13px;font-weight:600}.pinned-expand-hint{color:#b45309;font-size:11px;opacity:.7}.pinned-messages-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:6px 12px 8px;scrollbar-width:thin}.pinned-messages-list::-webkit-scrollbar{width:6px}.pinned-messages-list::-webkit-scrollbar-track{background:#fef3c7}.pinned-messages-list::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:3px}.pinned-messages-list::-webkit-scrollbar-thumb:hover{background:#f59e0b}.pinned-message-item{background:#fff;border:1px solid #fbbf24;border-radius:6px;display:flex;gap:8px;padding:6px 8px}.pinned-message-item:hover{box-shadow:0 2px 6px #fbbf2433}.pinned-message-item.clickable-pinned{cursor:pointer}.pinned-message-item.clickable-pinned:hover{background:#fffbeb;border-color:#f59e0b}.pinned-message-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.pinned-sender{align-items:center;display:flex;gap:8px}.pinned-avatar{border:2px solid #fbbf24;border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.pinned-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pinned-sender-name{align-items:center;color:#1f2937;display:flex;font-size:13px;font-weight:600;gap:4px}.pinned-sender-name .verified-badge{align-items:center;background:#00b4d8;border-radius:50%;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:14px;justify-content:center;width:14px}.pinned-time{color:#92400e;font-size:11px}.pinned-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.btn-unpin{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;padding:0;width:32px}.btn-unpin:hover:not(:disabled){background:#fef3c7;border-color:#ef4444;color:#ef4444}.btn-unpin:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.pinned-header{padding:10px 12px}.pinned-count{font-size:13px}.pin-icon{font-size:14px}.pinned-messages-list{max-height:250px;padding:6px 12px 10px}.pinned-message-item{gap:10px;padding:8px}.pinned-avatar{height:24px;width:24px}.pinned-sender-name{font-size:12px}.pinned-time{font-size:10px}.btn-unpin,.pinned-text{font-size:12px}.btn-unpin{height:28px;width:28px}}@media (max-width:480px){.pinned-header{padding:8px 10px}.pinned-header-left{gap:8px}.pinned-count{font-size:12px}.pinned-messages-list{gap:6px;max-height:200px;padding:6px 10px 8px}.pinned-message-item{gap:8px;padding:6px}.pinned-sender{gap:6px}.pinned-text{-webkit-line-clamp:1;line-clamp:1;font-size:11px}}.pinned-messages-list:empty:before{color:#92400e;content:"No pinned messages";display:block;font-size:13px;font-style:italic;padding:16px;text-align:center}.btn-unpin:focus{border-radius:4px;outline:2px solid #f59e0b;outline-offset:2px}.pinned-header:focus{outline:2px solid #f59e0b;outline-offset:-2px}@media print{.pinned-messages-bar{page-break-inside:avoid}.btn-toggle,.btn-unpin{display:none}.pinned-messages-list{max-height:none}}.loading-bar-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-bar-container.small{padding:1rem}.loading-bar-text{color:#666;font-size:1rem;font-weight:500;margin-bottom:1rem}.loading-bar-container.small .loading-bar-text{font-size:.9rem;margin-bottom:.8rem}.loading-bar{background-color:#e0e0e0;border-radius:2px;height:4px;overflow:hidden;position:relative;width:300px}.loading-bar-container.small .loading-bar{height:3px;width:200px}.loading-bar-fill{animation:loading-progress 2s ease-in-out infinite;background:linear-gradient(90deg,#4caf50,#66bb6a,#4caf50);background-size:200% 100%;border-radius:2px;height:100%;width:40%}@keyframes loading-progress{0%{background-position:200% 0;transform:translateX(-100%)}50%{background-position:-200% 0;transform:translateX(150%)}to{background-position:200% 0;transform:translateX(350%)}}.loading-bar-container.fullscreen{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:9999}:root{--rchat-blue:#3b82f6;--rchat-purple:#8b5cf6;--rchat-green:#10b981;--rchat-amber:#f59e0b;--rchat-pink:#ec4899;--rchat-cyan:#06b6d4;--rchat-indigo:#6366f1;--rchat-red:#ef4444;--rchat-slate-50:#f8fafc;--rchat-slate-100:#f1f5f9;--rchat-slate-200:#e2e8f0;--rchat-slate-300:#cbd5e1;--rchat-slate-400:#94a3b8;--rchat-slate-500:#64748b;--rchat-slate-600:#475569;--rchat-slate-700:#334155;--rchat-slate-800:#1e293b;--rchat-slate-900:#0f172a;--rchat-glass-bg:#ffffffd9;--rchat-glass-border:#fff3;--rchat-glass-shadow:0 4px 30px #00000014;--rchat-space-xs:4px;--rchat-space-sm:8px;--rchat-space-md:16px;--rchat-space-lg:24px;--rchat-space-xl:32px;--rchat-radius-sm:6px;--rchat-radius-md:10px;--rchat-radius-lg:16px;--rchat-radius-full:9999px;--rchat-transition-fast:0.15s ease;--rchat-transition-normal:0.2s ease;--rchat-transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1)}.rchat-container{background:linear-gradient(180deg,#f8fafc,#fff);background:linear-gradient(180deg,var(--rchat-slate-50) 0,#fff 100%);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.rchat-header{align-items:center;display:flex;justify-content:flex-end;position:absolute;right:16px;right:var(--rchat-space-md);top:8px;top:var(--rchat-space-sm);z-index:100}.rchat-search-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:10px;border-radius:var(--rchat-radius-md);box-shadow:0 2px 8px #0000001a;color:#475569;color:var(--rchat-slate-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--rchat-transition-normal);width:36px}.rchat-search-btn:hover{box-shadow:0 4px 12px #3b82f64d}.rchat-search-btn--active,.rchat-search-btn:hover{background:#3b82f6;background:var(--rchat-blue);color:#fff}.rchat-search-btn svg{height:18px;width:18px}.rchat-search-panel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rchat-slate-200);border-radius:16px;border-radius:var(--rchat-radius-lg);box-shadow:0 10px 40px #00000026;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:100}.rchat-search-box{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--rchat-slate-100);display:flex;gap:8px;gap:var(--rchat-space-sm);padding:16px;padding:var(--rchat-space-md)}.rchat-search-icon{color:#94a3b8;color:var(--rchat-slate-400);flex-shrink:0;height:20px;width:20px}.rchat-search-input{background:#0000;border:none;color:#1e293b;color:var(--rchat-slate-800);flex:1 1;font-size:14px;min-width:0;outline:none}.rchat-search-input::placeholder{color:#94a3b8;color:var(--rchat-slate-400)}.rchat-search-clear,.rchat-search-close{align-items:center;background:#f1f5f9;background:var(--rchat-slate-100);border:none;border-radius:6px;border-radius:var(--rchat-radius-sm);color:#64748b;color:var(--rchat-slate-500);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;transition:all var(--rchat-transition-fast);width:28px}.rchat-search-clear:hover,.rchat-search-close:hover{background:#e2e8f0;background:var(--rchat-slate-200);color:#334155;color:var(--rchat-slate-700)}.rchat-search-clear svg,.rchat-search-close svg{height:16px;width:16px}.rchat-search-results{max-height:320px;overflow-y:auto}.rchat-search-status{align-items:center;color:#64748b;color:var(--rchat-slate-500);display:flex;font-size:13px;gap:8px;gap:var(--rchat-space-sm);justify-content:center;padding:24px;padding:var(--rchat-space-lg)}.rchat-search-spinner{animation:rchat-spin .8s linear infinite;border:2px solid #e2e8f0;border-top-color:#3b82f6;border:2px solid var(--rchat-slate-200);border-radius:50%;border-top-color:var(--rchat-blue);height:16px;width:16px}@keyframes rchat-spin{to{transform:rotate(1turn)}}.rchat-search-list{padding:8px;padding:var(--rchat-space-sm)}.rchat-search-item{align-items:flex-start;border-radius:10px;border-radius:var(--rchat-radius-md);cursor:pointer;display:flex;gap:8px;gap:var(--rchat-space-sm);padding:8px 16px;padding:var(--rchat-space-sm) var(--rchat-space-md);transition:all .15s ease;transition:all var(--rchat-transition-fast)}.rchat-search-avatar{border-radius:9999px;border-radius:var(--rchat-radius-full);flex-shrink:0;height:36px;object-fit:cover;width:36px}.rchat-search-avatar--initials{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.5px}.rchat-search-content{flex:1 1;min-width:0}.rchat-search-header{align-items:center;display:flex;gap:8px;gap:var(--rchat-space-sm);justify-content:space-between;margin-bottom:2px}.rchat-search-name{color:#1e293b;color:var(--rchat-slate-800);font-size:13px;font-weight:600}.rchat-search-time{color:#94a3b8;color:var(--rchat-slate-400);font-size:11px}.rchat-search-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#475569;color:var(--rchat-slate-600);display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.rchat-connection{background:linear-gradient(90deg,#f59e0b,#fbbf24);background:linear-gradient(90deg,var(--rchat-amber) 0,#fbbf24 100%);color:#fff;font-size:13px;font-weight:500;gap:8px;gap:var(--rchat-space-sm);justify-content:center;overflow:hidden;padding:8px 16px;padding:var(--rchat-space-sm) var(--rchat-space-md);position:relative}.rchat-connection,.rchat-connection-icon{align-items:center;display:flex}.rchat-connection-icon svg{height:16px;width:16px}.rchat-connection-pulse{animation:rchat-pulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;margin-right:16px;margin-right:var(--rchat-space-md);position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px}@keyframes rchat-pulse{0%,to{opacity:.4;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.rchat-jump-banner{align-items:center;background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--rchat-indigo) 0,var(--rchat-purple) 100%);color:#fff;display:flex;justify-content:space-between;padding:8px 16px;padding:var(--rchat-space-sm) var(--rchat-space-md)}.rchat-jump-text{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--rchat-space-sm)}.rchat-jump-icon{font-size:14px}.rchat-jump-btn{align-items:center;background:#fff3;border:none;border-radius:9999px;border-radius:var(--rchat-radius-full);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease;transition:all var(--rchat-transition-fast)}.rchat-jump-btn:hover{background:#ffffff4d}.rchat-jump-btn svg{height:14px;width:14px}.rchat-messages{flex:1 1;gap:8px;gap:var(--rchat-space-sm);overflow-x:hidden;overflow-y:auto;padding:16px;padding:var(--rchat-space-md);padding-left:20px;padding-left:calc(var(--rchat-space-md) + 4px);scroll-behavior:smooth}.rchat-list,.rchat-messages{display:flex;flex-direction:column}.rchat-list{gap:2px}.rchat-messages::-webkit-scrollbar{width:6px}.rchat-messages::-webkit-scrollbar-track{background:#0000}.rchat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--rchat-slate-300);border-radius:9999px;border-radius:var(--rchat-radius-full)}.rchat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--rchat-slate-400)}.rchat-messages-end{flex-shrink:0;height:1px}.rchat-scroll-status{align-items:center;display:flex;justify-content:center;padding:16px;padding:var(--rchat-space-md)}.rchat-scroll-status span{background:#f1f5f9;background:var(--rchat-slate-100);border-radius:9999px;border-radius:var(--rchat-radius-full);color:#94a3b8;color:var(--rchat-slate-400);font-size:12px;padding:6px 16px}.rchat-scroll-status--start span{background:linear-gradient(90deg,#3b82f61a,#8b5cf61a);color:#8b5cf6;color:var(--rchat-purple)}.rchat-loading{align-items:center;display:flex;justify-content:center;padding:24px;padding:var(--rchat-space-lg)}.rchat-loader{display:flex;gap:6px}.rchat-loader span{animation:rchat-bounce 1s ease-in-out infinite;background:#3b82f6;background:var(--rchat-blue);border-radius:50%;height:8px;width:8px}.rchat-loader span:nth-child(2){animation-delay:.1s}.rchat-loader span:nth-child(3){animation-delay:.2s}@keyframes rchat-bounce{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.rchat-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;padding:var(--rchat-space-xl);text-align:center}.rchat-empty-icon{font-size:56px;margin-bottom:16px;margin-bottom:var(--rchat-space-md);opacity:.6}.rchat-empty h3{color:#334155;color:var(--rchat-slate-700);font-size:18px;font-weight:600;margin:0 0 8px;margin:0 0 var(--rchat-space-sm)}.rchat-empty p{color:#64748b;color:var(--rchat-slate-500);font-size:14px;margin:0}.rchat-typing{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;background:var(--rchat-glass-bg);border-radius:16px;border-radius:var(--rchat-radius-lg);display:flex;gap:8px;gap:var(--rchat-space-sm);margin:8px 0;margin:var(--rchat-space-sm) 0;max-width:220px;padding:8px 16px;padding:var(--rchat-space-sm) var(--rchat-space-md)}.rchat-typing-dots{display:flex;gap:4px}.rchat-typing-dots span{animation:rchat-typing-dot 1.4s ease-in-out infinite;background:#3b82f6;background:var(--rchat-blue);border-radius:50%;height:6px;width:6px}.rchat-typing-dots span:nth-child(2){animation-delay:.2s}.rchat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes rchat-typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.rchat-typing-text{color:#64748b;color:var(--rchat-slate-500);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rchat-scroll-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--rchat-blue) 0,var(--rchat-indigo) 100%);border:none;border-radius:9999px;border-radius:var(--rchat-radius-full);bottom:100px;box-shadow:0 4px 20px #3b82f666;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:24px;right:var(--rchat-space-lg);width:44px;z-index:50}.rchat-scroll-btn:hover{box-shadow:0 6px 24px #3b82f680}.rchat-scroll-btn svg{height:22px;width:22px}.rchat-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;background:var(--rchat-glass-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--rchat-slate-200);padding:16px;padding:var(--rchat-space-md)}.rchat-highlight{animation:rchat-highlight-pulse 1.5s ease-out}@keyframes rchat-highlight-pulse{0%{background-color:#3b82f64d}to{background-color:initial}}.rchat-message--highlighted{position:relative}.rchat-message--highlighted:before{animation:rchat-highlight-fade 2s ease-out forwards;background:linear-gradient(90deg,#3b82f626,#8b5cf626);border-radius:16px;border-radius:var(--rchat-radius-lg);content:"";inset:-4px;position:absolute;z-index:-1}@keyframes rchat-highlight-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width:1024px){.rchat-footer,.rchat-header,.rchat-messages{padding:8px;padding:var(--rchat-space-sm)}.rchat-scroll-btn{height:40px;right:16px;right:var(--rchat-space-md);width:40px}}@media (max-width:768px){.rchat-header{justify-content:flex-end;left:0;padding:8px;padding:var(--rchat-space-sm);right:0;top:0}.rchat-search-panel{border-radius:10px;border-radius:var(--rchat-radius-md);left:8px;left:var(--rchat-space-sm);max-width:none;right:8px;right:var(--rchat-space-sm);width:auto}.rchat-jump-banner{flex-direction:column;gap:8px;gap:var(--rchat-space-sm);padding:16px;padding:var(--rchat-space-md)}.rchat-jump-btn{justify-content:center;width:100%}.rchat-empty-icon{font-size:48px}.rchat-empty h3{font-size:16px}.rchat-scroll-btn{bottom:90px}}@media (max-width:480px){:root{--rchat-space-md:12px;--rchat-space-lg:16px;--rchat-space-xl:20px}.rchat-search-box{padding:8px;padding:var(--rchat-space-sm)}.rchat-search-input{font-size:13px}.rchat-search-results{max-height:250px}.rchat-typing{max-width:180px}.rchat-scroll-btn{bottom:85px;height:38px;right:8px;right:var(--rchat-space-sm);width:38px}.rchat-scroll-btn svg{height:18px;width:18px}}@media (prefers-color-scheme:dark){.rchat-container{background:linear-gradient(180deg,#0f172a,#1e293b);background:linear-gradient(180deg,var(--rchat-slate-900) 0,var(--rchat-slate-800) 100%)}.rchat-footer,.rchat-header{background:#1e293be6;border-color:#334155;border-color:var(--rchat-slate-700)}.rchat-search-btn{background:#334155;background:var(--rchat-slate-700);color:#cbd5e1;color:var(--rchat-slate-300)}.rchat-search-panel{background:#1e293b;background:var(--rchat-slate-800);border-color:#334155;border-color:var(--rchat-slate-700)}.rchat-search-input,.rchat-search-name{color:#f1f5f9;color:var(--rchat-slate-100)}.rchat-search-text{color:#94a3b8;color:var(--rchat-slate-400)}.rchat-empty h3{color:#e2e8f0;color:var(--rchat-slate-200)}.rchat-messages::-webkit-scrollbar-thumb{background:#475569;background:var(--rchat-slate-600)}.rchat-scroll-status span{background:#334155;background:var(--rchat-slate-700);color:#94a3b8;color:var(--rchat-slate-400)}.rchat-typing{background:#334155e6}.rchat-typing-text{color:#94a3b8;color:var(--rchat-slate-400)}}.rtc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;overflow:hidden;transition:all .2s ease}.rtc-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.rtc-priority-strip{flex-shrink:0;width:4px}.rtc-content{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0;padding:16px}.rtc-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rtc-priority-badge{padding:4px 10px}.rtc-overdue-badge,.rtc-priority-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.6875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.rtc-overdue-badge{background:#fef2f2;color:#dc2626;padding:4px 8px}.rtc-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:.9375rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.rtc-description{color:#64748b;font-size:.8125rem;line-height:1.5;margin:0}.rtc-progress-wrapper{display:flex;flex-direction:column;gap:6px}.rtc-progress-header{align-items:center;display:flex;justify-content:space-between}.rtc-progress-label{color:#94a3b8;font-size:.75rem;font-weight:500}.rtc-progress-value{color:#334155;font-size:.75rem;font-weight:600}.rtc-progress-track{background:#f1f5f9;border-radius:2px;height:4px;overflow:hidden}.rtc-progress-fill{border-radius:2px;height:100%}.rtc-subtasks{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:6px}.rtc-subtasks svg{color:#10b981}.rtc-footer{border-top:1px solid #f1f5f9;gap:12px;justify-content:space-between;margin-top:auto;padding-top:8px}.rtc-assignee,.rtc-footer{align-items:center;display:flex}.rtc-assignee{gap:8px;min-width:0}.rtc-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}.rtc-avatar-img{height:100%;object-fit:cover;width:100%}.rtc-assignee-name{color:#334155;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtc-meta{flex-shrink:0;gap:10px}.rtc-due,.rtc-meta{align-items:center;display:flex}.rtc-due{color:#64748b;font-size:.75rem;font-weight:500;gap:4px}.rtc-due--overdue{color:#dc2626}.rtc-due--urgent{color:#f59e0b}.rtc-meta-item{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:4px}@media (max-width:480px){.rtc-content{gap:8px;padding:14px}.rtc-title{font-size:.875rem}.rtc-description{font-size:.75rem}.rtc-footer{align-items:flex-start;flex-direction:column;gap:8px}.rtc-meta{justify-content:flex-start;width:100%}}.rkb-container{overflow-y:auto;padding:24px}.rkb-container,.rkb-loading{display:flex;flex-direction:column;height:100%}.rkb-loading{align-items:center;gap:16px;justify-content:center;min-height:300px}.rkb-loading-spinner{color:#6366f1}.rkb-loading-text{color:#64748b;font-size:.9375rem;font-weight:500;margin:0}.rkb-empty{flex-direction:column;height:100%;min-height:300px;padding:40px;text-align:center}.rkb-empty,.rkb-empty-icon{align-items:center;display:flex;justify-content:center}.rkb-empty-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;height:80px;margin-bottom:20px;width:80px}.rkb-empty-title{color:#334155;font-size:1.25rem;font-weight:600;margin:0 0 8px}.rkb-empty-description{color:#64748b;font-size:.9375rem;margin:0}.rkb-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%}.rkb-status-card{align-items:center;background:#fff;border:1px solid var(--card-border);border-radius:16px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .25s ease}.rkb-status-card:before{background:var(--card-color);border-radius:16px 0 0 16px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.rkb-status-card:hover{border-color:var(--card-color)}.rkb-status-icon{align-items:center;background:var(--card-bg);border-radius:12px;color:var(--card-color);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.rkb-status-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rkb-status-count{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2}.rkb-status-label{color:#64748b;font-size:.8125rem;font-weight:500;text-transform:capitalize}.rkb-status-indicator{background:var(--card-color);border-radius:50%;height:8px;opacity:.4;position:absolute;right:12px;top:12px;width:8px}.rkb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:10000}.rkb-modal{background:#f8fafc;box-shadow:-20px 0 60px #00000026;display:flex;flex-direction:column;height:100%;max-width:520px;width:100%}.rkb-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.rkb-modal-title-group{align-items:center;display:flex;gap:14px}.rkb-modal-icon{align-items:center;background:linear-gradient(135deg,var(--header-color),var(--header-color));border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.rkb-modal-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.rkb-modal-subtitle{color:#64748b;font-size:.875rem;margin:2px 0 0}.rkb-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rkb-modal-close:hover{background:#e2e8f0;color:#334155}.rkb-modal-body{flex:1 1;overflow-y:auto;padding:20px}.rkb-modal-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.rkb-modal-empty p{font-size:.9375rem;margin:0}.rkb-task-list{display:flex;flex-direction:column;gap:12px}@media (max-width:1024px){.rkb-overview{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.rkb-container{padding:16px}.rkb-overview{gap:12px;grid-template-columns:repeat(2,1fr)}.rkb-status-card{gap:12px;padding:16px}.rkb-status-icon{height:40px;width:40px}.rkb-status-count{font-size:1.25rem}.rkb-modal{max-width:100%}.rkb-modal-body,.rkb-modal-header{padding:16px}}@media (max-width:480px){.rkb-container{padding:12px}.rkb-overview{gap:10px;grid-template-columns:repeat(2,1fr)}.rkb-status-card{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.rkb-status-card:before{border-radius:16px 16px 0 0;height:3px;width:100%}.rkb-status-icon{height:36px;width:36px}.rkb-status-count{font-size:1.125rem}.rkb-status-label{font-size:.75rem}.rkb-status-indicator{display:none}}.rsl-container{display:flex;flex-direction:column;gap:16px}.rsl-empty{padding:40px 20px;text-align:center}.rsl-empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.rsl-empty p{color:#475569;font-size:15px;font-weight:600;margin:0 0 4px}.rsl-empty span{color:#94a3b8;font-size:13px}.rsl-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px}.rsl-stats{align-items:center;display:flex;justify-content:space-between}.rsl-count{color:#475569;font-size:13px;font-weight:500}.rsl-percentage{color:#6366f1;font-size:14px;font-weight:700}.rsl-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.rsl-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.rsl-list{display:flex;flex-direction:column;gap:8px}.rsl-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.rsl-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rsl-item--completed{background:#f8fafc}.rsl-item--completed .rsl-title{color:#94a3b8;text-decoration:line-through}.rsl-checkbox{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.rsl-checkbox:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.rsl-checkbox:disabled{cursor:not-allowed;opacity:.6}.rsl-checkbox--checked{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.rsl-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.rsl-title{color:#1e293b;font-size:14px;font-weight:500;line-height:1.4}.rsl-meta{align-items:center;color:#10b981;display:flex;font-size:12px;gap:4px}@media (max-width:480px){.rsl-header,.rsl-item{padding:12px}.rsl-checkbox{height:22px;width:22px}.rsl-title{font-size:13px}}.rtcm-container{display:flex;flex-direction:column;height:100%}.rtcm-list{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:16px}.rtcm-empty{padding:40px 20px;text-align:center}.rtcm-empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.rtcm-empty p{color:#475569;font-size:15px;font-weight:600;margin:0 0 4px}.rtcm-empty span{color:#94a3b8;font-size:13px}.rtcm-item{display:flex;gap:12px}.rtcm-avatar{flex-shrink:0;height:36px;position:relative;width:36px}.rtcm-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.rtcm-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.rtcm-content{flex:1 1;min-width:0}.rtcm-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.rtcm-author{color:#1e293b;font-size:14px;font-weight:600}.rtcm-time{color:#94a3b8;font-size:12px}.rtcm-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0 12px 12px 12px;color:#475569;font-size:14px;line-height:1.6;margin:0;padding:12px;white-space:pre-wrap;word-break:break-word}.rtcm-form{background:#fff;border-top:1px solid #e2e8f0;bottom:0;margin:0 -24px -24px;padding:16px 24px;position:-webkit-sticky;position:sticky}.rtcm-input-wrapper{align-items:flex-end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:8px;padding:8px 8px 8px 16px;transition:all .2s ease}.rtcm-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rtcm-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:14px;line-height:1.5;max-height:120px;min-height:24px;padding:4px 0;resize:none}.rtcm-input::placeholder{color:#94a3b8}.rtcm-input:focus{outline:none}.rtcm-submit{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rtcm-submit:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:scale(1.05)}.rtcm-submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}@media (max-width:480px){.rtcm-form{margin:0 -16px -16px;padding:12px 16px}.rtcm-avatar{height:32px;width:32px}.rtcm-author,.rtcm-text{font-size:13px}.rtcm-text{padding:10px}.rtcm-input-wrapper{padding:6px 6px 6px 12px}.rtcm-submit{height:36px;width:36px}}.rta-container{gap:16px}.rta-container,.rta-loading{display:flex;flex-direction:column}.rta-loading{align-items:center;gap:12px;padding:40px 20px}.rta-spinner{animation:rta-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:32px;width:32px}@keyframes rta-spin{to{transform:rotate(1turn)}}.rta-loading span{color:#64748b;font-size:14px}.rta-empty{padding:40px 20px;text-align:center}.rta-empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.rta-empty p{color:#475569;font-size:15px;font-weight:600;margin:0 0 4px}.rta-empty span{color:#94a3b8;font-size:13px}.rta-list{display:flex;flex-direction:column;gap:8px}.rta-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.rta-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rta-icon{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.rta-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rta-name{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rta-meta{color:#94a3b8;font-size:12px}.rta-download{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rta-download:hover{background:#6366f1;border-color:#6366f1;color:#fff}.rta-add-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease}.rta-add-btn:hover{background:#eef2ff;border-color:#6366f1;color:#6366f1}.rta-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.rta-picker{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.rta-picker-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.rta-picker-header h3{color:#0f172a;font-size:16px;font-weight:700;margin:0}.rta-picker-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.rta-picker-close:hover{background:#e2e8f0;color:#1e293b}.rta-picker-content{flex:1 1;overflow-y:auto;padding:16px}.rta-picker-empty{padding:40px 20px;text-align:center}.rta-picker-empty p{color:#64748b;font-size:14px;margin:0}.rta-picker-list{display:flex;flex-direction:column;gap:6px}.rta-picker-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.rta-picker-item:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.rta-picker-item--attached{cursor:not-allowed;opacity:.5}.rta-picker-icon{align-items:center;background:#fff;border-radius:8px;color:#6366f1;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.rta-picker-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rta-picker-name{color:#1e293b;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rta-picker-meta{color:#94a3b8;font-size:11px}.rta-picker-badge{background:#10b981;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}@media (max-width:480px){.rta-item{padding:10px 12px}.rta-icon{height:36px;width:36px}.rta-download{height:32px;width:32px}.rta-picker-overlay{align-items:flex-end;padding:0}.rta-picker{border-radius:20px 20px 0 0;max-height:70vh;max-width:100%}}.rtd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.rtd-panel{background:#fff;box-shadow:-8px 0 30px #00000026;display:flex;flex-direction:column;height:100%;max-width:560px;overflow:hidden;width:100%}.rtd-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:24px}.rtd-header-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.rtd-badges{display:flex;flex-wrap:wrap;gap:8px}.rtd-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.rtd-badge--priority{border:1px solid}.rtd-badge--status{color:#fff}.rtd-badge--overdue{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.rtd-close{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rtd-close:hover{background:#f1f5f9;color:#1e293b;transform:scale(1.05)}.rtd-title{color:#0f172a;font-size:22px;font-weight:700;line-height:1.3;margin:0}.rtd-progress{background:#fafafa;border-bottom:1px solid #e2e8f0;padding:16px 24px}.rtd-progress-header{color:#475569;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.rtd-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.rtd-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%}.rtd-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:4px;overflow-x:auto;padding:0 24px}.rtd-tabs::-webkit-scrollbar{display:none}.rtd-tab{background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:14px 16px;position:relative;transition:color .2s ease;white-space:nowrap}.rtd-tab:after{background:#0000;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transition:background .2s ease}.rtd-tab:hover{color:#1e293b}.rtd-tab--active{color:#6366f1}.rtd-tab--active:after{background:#6366f1}.rtd-content{flex:1 1;overflow-y:auto;padding:24px}.rtd-details{gap:24px}.rtd-details,.rtd-section{display:flex;flex-direction:column}.rtd-section{gap:12px}.rtd-section-title{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.rtd-description{color:#334155;font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap}.rtd-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.rtd-info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:14px}.rtd-info-icon{align-items:center;background:#fff;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.rtd-info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.rtd-info-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.rtd-info-value{color:#1e293b;font-size:14px;font-weight:600}.rtd-info-value.rtd-overdue{color:#dc2626}.rtd-assignee{align-items:center;display:flex;gap:8px}.rtd-assignee-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.rtd-assignee-avatar--placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:11px;font-weight:600;justify-content:center}.rtd-labels{display:flex;flex-wrap:wrap;gap:8px}.rtd-label{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;color:#4338ca;font-size:13px;font-weight:500;padding:6px 12px}.rtd-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px}.rtd-actions{display:flex;gap:12px}.rtd-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.rtd-btn--secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.rtd-btn--secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.rtd-btn--outline-danger{background:#0000;border:1px solid #fecaca;color:#dc2626}.rtd-btn--outline-danger:hover{background:#fef2f2;border-color:#f87171}.rtd-btn--danger{background:#dc2626;color:#fff}.rtd-btn--danger:hover{background:#b91c1c}.rtd-delete-confirm{align-items:center;display:flex;gap:16px;justify-content:space-between}.rtd-delete-confirm>span{color:#dc2626;font-size:14px;font-weight:600}.rtd-delete-actions{display:flex;gap:8px}@media (max-width:768px){.rtd-panel{max-width:100%}.rtd-header{padding:20px}.rtd-title{font-size:18px}.rtd-tabs{padding:0 16px}.rtd-tab{font-size:12px;padding:12px}.rtd-content{padding:20px}.rtd-info-grid{grid-template-columns:1fr}.rtd-footer{padding:16px 20px}.rtd-delete-confirm{align-items:stretch;flex-direction:column;text-align:center}}@media (max-width:480px){.rtd-header{padding:16px}.rtd-badges{gap:6px}.rtd-badge{font-size:11px;padding:3px 8px}.rtd-close{height:32px;width:32px}.rtd-title{font-size:16px}.rtd-progress{padding:12px 16px}.rtd-content{padding:16px}.rtd-info-item{padding:12px}.rtd-actions{flex-direction:column}.rtd-btn{justify-content:center;width:100%}}.rtd-content::-webkit-scrollbar{width:6px}.rtd-content::-webkit-scrollbar-track{background:#0000}.rtd-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.rtd-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rcm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.rcm-modal{background:#fff;border-radius:20px;box-shadow:0 25px 80px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:580px;overflow:hidden;width:100%}.rcm-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.rcm-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.rcm-close{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rcm-close:hover{background:#e2e8f0;color:#334155}.rcm-form{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.rcm-row{display:flex;gap:16px}.rcm-field{display:flex;flex-direction:column;gap:8px}.rcm-field--half{flex:1 1}.rcm-label{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:600;gap:6px}.rcm-label svg{color:#64748b}.rcm-required{color:#ef4444}.rcm-input,.rcm-select,.rcm-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:12px 14px;transition:all .2s ease;width:100%}.rcm-input:focus,.rcm-select:focus,.rcm-textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.rcm-input::placeholder,.rcm-textarea::placeholder{color:#94a3b8}.rcm-input--error{background:#fef2f2;border-color:#ef4444}.rcm-textarea{min-height:80px;resize:vertical}.rcm-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.rcm-error{color:#ef4444;font-size:.8125rem}.rcm-priority-options{display:flex;gap:8px}.rcm-priority-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:500;padding:10px 12px;transition:all .2s ease}.rcm-priority-btn:hover{border-color:var(--priority-color);color:var(--priority-color)}.rcm-priority-btn--active{background:var(--priority-color);border-color:var(--priority-color);color:#fff}.rcm-subtasks{display:flex;flex-direction:column;gap:8px}.rcm-subtask-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.rcm-subtask-number{color:#94a3b8;font-size:.875rem;font-weight:500}.rcm-subtask-text{color:#334155;flex:1 1;font-size:.875rem}.rcm-subtask-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.rcm-subtask-remove:hover{background:#fee2e2;color:#ef4444}.rcm-subtask-add{display:flex;gap:8px}.rcm-subtask-add .rcm-input{flex:1 1}.rcm-subtask-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease;width:44px}.rcm-subtask-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.rcm-submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;padding:12px 14px}.rcm-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;margin-top:auto;padding-top:8px}.rcm-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:600;padding:14px 20px;transition:all .2s ease}.rcm-btn--secondary{background:#f1f5f9;color:#64748b}.rcm-btn--secondary:hover{background:#e2e8f0;color:#334155}.rcm-btn--primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f14d;color:#fff}.rcm-btn--primary:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.rcm-btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:640px){.rcm-overlay{align-items:flex-end;padding:0}.rcm-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.rcm-form{gap:16px;padding:20px}.rcm-row{flex-direction:column;gap:16px}.rcm-priority-options{flex-wrap:wrap}.rcm-priority-btn{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0}.rcm-actions{flex-direction:column-reverse}}.rts-container{gap:28px;overflow-y:auto;padding:24px}.rts-container,.rts-loading{display:flex;flex-direction:column;height:100%}.rts-loading{align-items:center;color:#6366f1;gap:16px;justify-content:center;min-height:300px}.rts-loading p{color:#64748b;font-size:.9375rem;margin:0}.rts-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:300px;text-align:center}.rts-empty h3{color:#334155;font-size:1.125rem;font-weight:600;margin:8px 0 0}.rts-empty p{font-size:.875rem;margin:0}.rts-header{margin-bottom:4px}.rts-title{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.rts-subtitle{color:#64748b;font-size:.9375rem;margin:4px 0 0}.rts-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rts-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative}.rts-metric-card:before{content:"";height:3px;left:0;position:absolute;top:0;width:100%}.rts-metric-card--primary:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.rts-metric-card--success:before{background:linear-gradient(90deg,#10b981,#34d399)}.rts-metric-card--danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.rts-metric-card--warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.rts-metric-card--info:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.rts-metric-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#6366f1;display:flex;height:44px;justify-content:center;width:44px}.rts-metric-card--success .rts-metric-icon{color:#10b981}.rts-metric-card--danger .rts-metric-icon{color:#ef4444}.rts-metric-card--warning .rts-metric-icon{color:#f59e0b}.rts-metric-card--info .rts-metric-icon{color:#3b82f6}.rts-metric-content{display:flex;flex-direction:column;gap:2px}.rts-metric-value{color:#0f172a;font-size:1.75rem;font-weight:700;line-height:1.1}.rts-metric-label{color:#64748b;font-size:.8125rem;font-weight:500}.rts-metric-subtext{color:#94a3b8;font-size:.75rem;margin-top:-4px}.rts-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.rts-section-title{align-items:center;color:#334155;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0 0 20px}.rts-section-title svg{color:#6366f1}.rts-status-bars{gap:16px}.rts-status-bars,.rts-status-item{display:flex;flex-direction:column}.rts-status-item{gap:8px}.rts-status-header{align-items:center;display:flex;justify-content:space-between}.rts-status-label{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:500;gap:8px}.rts-status-dot{border-radius:50%;height:8px;width:8px}.rts-status-count{color:#64748b;font-size:.875rem;font-weight:600}.rts-status-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.rts-status-fill{border-radius:4px;height:100%}.rts-insights{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rts-insight-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:14px;padding:18px}.rts-insight-icon{align-items:center;background:#f1f5f9;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.rts-insight-content{display:flex;flex-direction:column;gap:2px;min-width:0}.rts-insight-value{color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.2}.rts-insight-label{color:#64748b;font-size:.75rem;font-weight:500}.rts-team-list{display:flex;flex-direction:column;gap:12px}.rts-member-card{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px}.rts-member-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.rts-member-avatar{border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.rts-member-avatar--placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center}.rts-member-details{display:flex;flex-direction:column;gap:2px;min-width:0}.rts-member-name{color:#0f172a;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rts-member-tasks{color:#64748b;font-size:.8125rem}.rts-member-progress{flex-shrink:0}.rts-progress-ring{height:52px;position:relative;width:52px}.rts-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.rts-ring-bg{fill:none;stroke:#e2e8f0;stroke-width:3.5}.rts-ring-fill{fill:none;stroke:#10b981;stroke-width:3.5;stroke-linecap:round}.rts-ring-value{color:#334155;font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.rts-container{gap:20px;padding:16px}.rts-title{font-size:1.25rem}.rts-metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.rts-metric-card{padding:16px}.rts-metric-value{font-size:1.5rem}.rts-section{padding:16px}.rts-insights{gap:10px;grid-template-columns:repeat(2,1fr)}.rts-insight-card{gap:12px;padding:14px}}@media (max-width:480px){.rts-container{gap:16px;padding:12px}.rts-metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.rts-metric-card{gap:10px;padding:14px}.rts-metric-icon{height:36px;width:36px}.rts-metric-value{font-size:1.25rem}.rts-member-card{align-items:flex-start;flex-direction:column;gap:12px}.rts-member-progress{align-self:flex-end;margin-top:-40px}}.rtsk-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.rtsk-header{background:#fff;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;padding:20px 28px}.rtsk-header,.rtsk-header-left,.rtsk-title-group{align-items:center;display:flex;gap:16px}.rtsk-title{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.rtsk-task-count{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:20px;display:flex;font-size:.875rem;font-weight:600;gap:4px;padding:6px 12px}.rtsk-count-completed{color:#16a34a}.rtsk-count-divider{color:#94a3b8}.rtsk-count-total{color:#64748b}.rtsk-header-right{align-items:center;display:flex;gap:12px}.rtsk-view-toggle{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;padding:4px}.rtsk-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.rtsk-view-btn:hover{background:#ffffff80;color:#334155}.rtsk-view-btn--active{background:#fff;box-shadow:0 1px 3px #00000014;color:#6366f1}.rtsk-view-label{font-weight:500}.rtsk-icon-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rtsk-icon-btn:hover{background:#e2e8f0;color:#334155}.rtsk-icon-btn--spinning svg{animation:rtsk-spin .6s linear infinite}@keyframes rtsk-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rtsk-create-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.rtsk-create-btn:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.rtsk-create-btn:active{transform:translateY(0)}.rtsk-filters{align-items:center;background:#fff;border-bottom:1px solid #0000000a;display:flex;flex-shrink:0;gap:12px;padding:16px 28px}.rtsk-search-wrapper{flex:1 1;max-width:320px;position:relative}.rtsk-search-icon{color:#94a3b8;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rtsk-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-size:.875rem;padding:10px 14px 10px 40px;transition:all .2s ease;width:100%}.rtsk-search-input::placeholder{color:#94a3b8}.rtsk-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.rtsk-filter-group{display:flex;gap:8px}.rtsk-filter-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s ease}.rtsk-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.rtsk-main{flex:1 1;min-height:0;overflow:hidden}@media (max-width:768px){.rtsk-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.rtsk-header-left,.rtsk-header-right{justify-content:space-between;width:100%}.rtsk-title{font-size:1.25rem}.rtsk-view-label{display:none}.rtsk-view-btn{padding:8px 12px}.rtsk-create-btn span{display:none}.rtsk-create-btn{border-radius:10px;height:40px;justify-content:center;padding:0;width:40px}.rtsk-filters{flex-direction:column;gap:10px;padding:12px 16px}.rtsk-search-wrapper{max-width:100%;width:100%}.rtsk-filter-group{justify-content:flex-start;width:100%}}@media (max-width:480px){.rtsk-header{padding:12px}.rtsk-title-group{gap:10px}.rtsk-task-count{font-size:.8125rem;padding:4px 10px}.rtsk-view-toggle{padding:3px}.rtsk-icon-btn{height:36px;width:36px}}.rfpm-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.rfpm-overlay--fullscreen{padding:0}.rfpm-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.rfpm-modal--fullscreen{border-radius:0;height:100%;max-height:100%;max-width:100%}.rfpm-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem 1.5rem}.rfpm-file-info,.rfpm-header{align-items:center;display:flex;gap:1rem}.rfpm-file-info{flex:1 1;min-width:0}.rfpm-file-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.rfpm-file-icon--image{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.rfpm-file-icon--code{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.rfpm-file-icon--document{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.rfpm-file-icon--data{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.rfpm-file-icon--other{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.rfpm-file-details{flex:1 1;min-width:0}.rfpm-file-name{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfpm-file-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.5rem}.rfpm-separator{color:#cbd5e1}.rfpm-version{background:#e0e7ff;border-radius:4px;color:#4f46e5;font-size:.75rem;font-weight:500;padding:.125rem .375rem}.rfpm-actions{display:flex}.rfpm-actions,.rfpm-btn{align-items:center;gap:.5rem}.rfpm-btn{border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;transition:all .2s ease}.rfpm-btn--icon{background:#0000;color:#64748b;height:40px;width:40px}.rfpm-btn--icon:hover{background:#e2e8f0;color:#1e293b}.rfpm-btn--primary{background:#6366f1;color:#fff;font-size:.875rem;padding:.625rem 1.25rem}.rfpm-btn--primary:hover{background:#4f46e5;transform:translateY(-1px)}.rfpm-btn--secondary{background:#f1f5f9;color:#475569;font-size:.875rem;padding:.625rem 1.25rem}.rfpm-btn--secondary:hover{background:#e2e8f0;color:#1e293b}.rfpm-preview{align-items:center;background:#0f172a;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden}.rfpm-modal--fullscreen .rfpm-preview{min-height:0}.rfpm-image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.rfpm-image{max-height:100%;max-width:100%;object-fit:contain}.rfpm-pdf-container{height:100%;min-height:400px;width:100%}.rfpm-pdf{border:none;height:100%;width:100%}.rfpm-loading{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.rfpm-spinner{animation:rfpm-spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes rfpm-spin{to{transform:rotate(1turn)}}.rfpm-error{align-items:center;color:#f87171;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.rfpm-error svg{margin-bottom:.75rem;opacity:.6}.rfpm-error p{font-size:.875rem;margin:0}.rfpm-no-preview{color:#94a3b8;flex-direction:column;padding:3rem 2rem;text-align:center}.rfpm-no-preview,.rfpm-no-preview-icon{align-items:center;display:flex;justify-content:center}.rfpm-no-preview-icon{border-radius:20px;height:80px;margin-bottom:1.5rem;width:80px}.rfpm-no-preview-icon--image{background:#fbbf241a;color:#fbbf24}.rfpm-no-preview-icon--code{background:#3b82f61a;color:#3b82f6}.rfpm-no-preview-icon--document{background:#8b5cf61a;color:#8b5cf6}.rfpm-no-preview-icon--data{background:#10b9811a;color:#10b981}.rfpm-no-preview-icon--other{background:#64748b1a;color:#64748b}.rfpm-no-preview h3{color:#e2e8f0;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.rfpm-no-preview p{font-size:.875rem;margin:0 0 .25rem}.rfpm-no-preview .rfpm-hint{color:#64748b;font-size:.8125rem}.rfpm-footer{align-items:center;background:#fafafa;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.rfpm-footer-left{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.rfpm-description{color:#64748b;font-size:.8125rem;line-height:1.4;margin:0}.rfpm-tags{display:flex;flex-wrap:wrap;gap:.375rem}.rfpm-tag{background:#e0e7ff;border-radius:6px;color:#4338ca;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.rfpm-footer-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}@media (max-width:768px){.rfpm-overlay{padding:1rem}.rfpm-modal{max-height:95vh}.rfpm-header{flex-wrap:wrap;padding:1rem}.rfpm-file-icon{height:40px;width:40px}.rfpm-file-icon svg{height:24px;width:24px}.rfpm-file-name{font-size:.9375rem}.rfpm-footer{padding:1rem}.rfpm-footer-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){.rfpm-overlay{align-items:flex-end;padding:0}.rfpm-modal{border-radius:20px 20px 0 0;max-height:92vh;max-width:100%}.rfpm-header{padding:.875rem 1rem}.rfpm-file-info{gap:.75rem}.rfpm-preview{min-height:250px}.rfpm-footer{align-items:stretch}.rfpm-footer,.rfpm-footer-actions{flex-direction:column}.rfpm-btn--primary,.rfpm-btn--secondary{justify-content:center;padding:.75rem;width:100%}}.rfc-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.rfc-card:hover{border-color:#c7d2fe;box-shadow:0 8px 25px #6366f11f}.rfc-thumbnail{align-items:center;cursor:pointer;display:flex;height:140px;justify-content:center;position:relative;transition:all .2s ease}.rfc-thumbnail:hover{opacity:.9}.rfc-thumbnail img{height:100%;object-fit:cover;width:100%}.rfc-version{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:6px;box-shadow:0 2px 6px #6366f166;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:10px;top:10px}.rfc-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px}.rfc-name{color:#0f172a;font-size:15px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfc-meta{align-items:center;display:flex;gap:8px}.rfc-type-badge{border-radius:6px;font-size:11px;font-weight:600;padding:3px 8px}.rfc-size{color:#64748b;font-size:12px}.rfc-info{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:8px}.rfc-uploader{color:#64748b}.rfc-time:before{content:"•";margin-right:8px}.rfc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rfc-tag{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:11px;font-weight:500;padding:4px 8px}.rfc-tag--more{background:#eef2ff;color:#6366f1}.rfc-actions{background:#fafafa;border-top:1px solid #f1f5f9;gap:6px;padding:12px 16px}.rfc-actions,.rfc-btn{align-items:center;display:flex}.rfc-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;height:34px;justify-content:center;transition:all .2s ease;width:34px}.rfc-btn:hover{background:#eef2ff;border-color:#6366f1;color:#6366f1}.rfc-btn--preview{flex:1 1;gap:6px;width:auto}.rfc-btn--preview:after{content:"Preview";font-size:13px;font-weight:500}.rfc-menu-wrapper{position:relative}.rfc-menu-backdrop{inset:0;position:fixed;z-index:10}.rfc-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #0000001f;margin-top:6px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}.rfc-menu-item{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.rfc-menu-item:hover{background:#f8fafc;color:#1e293b}.rfc-menu-item:disabled{cursor:not-allowed;opacity:.5}.rfc-menu-item--danger{color:#dc2626}.rfc-menu-item--danger:hover{background:#fef2f2;color:#b91c1c}.rfc-card--list{align-items:center;flex-direction:row;gap:16px;padding:12px 16px}.rfc-card--list .rfc-thumbnail{border-radius:10px;height:56px;min-width:56px;width:56px}.rfc-card--list .rfc-content{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px 16px;padding:0}.rfc-card--list .rfc-name{flex:1 1;min-width:150px}.rfc-card--list .rfc-meta{order:2}.rfc-card--list .rfc-info{order:3}.rfc-card--list .rfc-actions{background:#0000;border-top:none;gap:8px;padding:0}.rfc-card--list .rfc-btn--preview:after{display:none}.rfc-card--list .rfc-btn--preview{flex:none;width:34px}@media (max-width:480px){.rfc-thumbnail{height:120px}.rfc-content{padding:12px}.rfc-name{font-size:14px}.rfc-actions{padding:10px 12px}.rfc-btn--preview:after{display:none}.rfc-btn--preview{flex:none;width:34px}}.rfum-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.rfum-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.rfum-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.rfum-header-title{align-items:center;color:#6366f1;display:flex;gap:12px}.rfum-header-title h2{color:#0f172a;font-size:18px;font-weight:700;margin:0}.rfum-close{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rfum-close:hover{background:#e2e8f0;color:#1e293b}.rfum-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.rfum-dropzone{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;cursor:pointer;padding:40px 24px;text-align:center;transition:all .3s ease}.rfum-dropzone:hover{border-color:#a5b4fc}.rfum-dropzone--active,.rfum-dropzone:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.rfum-dropzone--active{border-color:#6366f1;transform:scale(1.02)}.rfum-dropzone-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.rfum-dropzone-text{color:#475569;font-size:16px;font-weight:500;margin:0 0 8px}.rfum-dropzone-text span{color:#6366f1;font-weight:600}.rfum-dropzone-hint{color:#94a3b8;font-size:13px}.rfum-files{display:flex;flex-direction:column;gap:12px}.rfum-files-title{color:#475569;font-size:14px;font-weight:600;margin:0}.rfum-files-list{display:flex;flex-direction:column;gap:8px}.rfum-file{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.rfum-file--invalid{background:#fef2f2;border-color:#fecaca}.rfum-file-icon{align-items:center;background:#fff;border-radius:10px;color:#6366f1;display:flex;height:40px;justify-content:center;width:40px}.rfum-file--invalid .rfum-file-icon{color:#ef4444}.rfum-file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rfum-file-name{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfum-file-size{color:#64748b;font-size:12px}.rfum-file-error{color:#dc2626;font-size:12px}.rfum-file-progress{align-items:center;display:flex;gap:8px;width:100px}.rfum-file-progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;flex:1 1;height:4px}.rfum-file-progress span{color:#6366f1;font-size:11px;font-weight:600}.rfum-file-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.rfum-file-remove:hover{background:#fee2e2;color:#dc2626}.rfum-form{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;padding-top:16px}.rfum-form-title{color:#475569;font-size:14px;font-weight:600;margin:0}.rfum-field{display:flex;flex-direction:column;gap:6px}.rfum-field label{color:#64748b;font-size:12px;font-weight:600}.rfum-field input,.rfum-field select,.rfum-field textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .2s ease}.rfum-field input:focus,.rfum-field select:focus,.rfum-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.rfum-field input:disabled,.rfum-field select:disabled,.rfum-field textarea:disabled{cursor:not-allowed;opacity:.6}.rfum-field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.rfum-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:20px 24px}.rfum-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.rfum-btn--secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.rfum-btn--secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.rfum-btn--primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f159;color:#fff}.rfum-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.rfum-btn:disabled{cursor:not-allowed;opacity:.5}.rfum-spinner{animation:rfum-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes rfum-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.rfum-overlay{align-items:flex-end;padding:0}.rfum-modal{border-radius:24px 24px 0 0;max-height:85vh;max-width:100%}.rfum-content{padding:20px}.rfum-dropzone{padding:30px 20px}.rfum-field-row{grid-template-columns:1fr}.rfum-footer{flex-direction:column}.rfum-btn{justify-content:center}}.rfvh-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.rfvh-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:80vh;max-width:560px;overflow:hidden;width:100%}.rfvh-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.rfvh-header-title{align-items:center;color:#1e293b;display:flex;gap:.75rem}.rfvh-header-title svg{color:#6366f1}.rfvh-header-title h2{font-size:1.125rem;font-weight:600;margin:0}.rfvh-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.rfvh-close:hover{background:#e2e8f0;color:#1e293b}.rfvh-content{flex:1 1;overflow-y:auto;padding:1rem}.rfvh-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}.rfvh-spinner{animation:rfvh-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:36px;width:36px}@keyframes rfvh-spin{to{transform:rotate(1turn)}}.rfvh-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.rfvh-empty svg{margin-bottom:1rem;opacity:.5}.rfvh-empty p{font-size:.9375rem;margin:0}.rfvh-list{display:flex;flex-direction:column;gap:.75rem}.rfvh-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .2s ease}.rfvh-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rfvh-item--latest{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#86efac}.rfvh-item--latest:hover{border-color:#4ade80}.rfvh-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.rfvh-version-badge{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.rfvh-latest-tag{background:#22c55e;border-radius:6px;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.rfvh-btn-download,.rfvh-latest-tag{align-items:center;color:#fff;display:inline-flex;font-weight:500}.rfvh-btn-download{background:#6366f1;border:none;border-radius:8px;cursor:pointer;font-size:.8125rem;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.rfvh-btn-download:hover{background:#4f46e5;transform:translateY(-1px)}.rfvh-btn-download:active{transform:translateY(0)}.rfvh-item-content{display:flex;flex-direction:column;gap:.5rem}.rfvh-file-info{align-items:center;display:flex;gap:.75rem}.rfvh-file-name{color:#334155;font-size:.875rem;font-weight:500;word-break:break-word}.rfvh-file-size{color:#64748b;flex-shrink:0;font-size:.8125rem}.rfvh-meta{color:#94a3b8;font-size:.8125rem}.rfvh-notes{background:#00000008;border-radius:6px;color:#64748b;font-size:.8125rem;margin-top:.25rem;padding:.5rem .75rem}.rfvh-notes strong{color:#475569}.rfvh-footer{background:#fafafa;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.rfvh-count{color:#64748b;font-size:.8125rem}@media (max-width:600px){.rfvh-overlay{align-items:flex-end;padding:0}.rfvh-modal{border-radius:20px 20px 0 0;max-height:85vh;max-width:100%}.rfvh-header{padding:1rem 1.25rem}.rfvh-header-title h2{font-size:1rem}.rfvh-content,.rfvh-item{padding:.875rem}.rfvh-item-header{align-items:flex-start;flex-direction:column;gap:.75rem}.rfvh-btn-download{justify-content:center;width:100%}.rfvh-footer{padding:.875rem 1.25rem}}:root{--rfile-primary:#6366f1;--rfile-primary-dark:#4f46e5;--rfile-blue:#3b82f6;--rfile-purple:#8b5cf6;--rfile-green:#10b981;--rfile-amber:#f59e0b;--rfile-red:#ef4444;--rfile-cyan:#06b6d4;--rfile-slate-50:#f8fafc;--rfile-slate-100:#f1f5f9;--rfile-slate-200:#e2e8f0;--rfile-slate-300:#cbd5e1;--rfile-slate-400:#94a3b8;--rfile-slate-500:#64748b;--rfile-slate-600:#475569;--rfile-slate-700:#334155;--rfile-slate-800:#1e293b;--rfile-slate-900:#0f172a;--rfile-radius-sm:6px;--rfile-radius-md:10px;--rfile-radius-lg:14px;--rfile-radius-xl:20px;--rfile-shadow-sm:0 1px 2px #0000000d;--rfile-shadow-md:0 4px 6px -1px #0000001a;--rfile-shadow-lg:0 10px 15px -3px #0000001a;--rfile-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.rfile-container{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--rfile-slate-50) 0,#fff 100%);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:24px;width:100%}.rfile-header{align-items:flex-start;display:flex;flex-shrink:0;gap:20px;justify-content:space-between}.rfile-header-left{display:flex;flex-direction:column;gap:4px}.rfile-title-group{align-items:center;display:flex;gap:12px}.rfile-title{color:#0f172a;color:var(--rfile-slate-900);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.rfile-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rfile-primary) 0,var(--rfile-primary-dark) 100%);border-radius:14px;box-shadow:0 2px 8px #6366f14d;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 10px}.rfile-subtitle{color:#64748b;color:var(--rfile-slate-500);font-size:.9375rem;margin:0}.rfile-header-actions{align-items:center;display:flex;gap:12px}.rfile-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rfile-slate-200);border-radius:10px;border-radius:var(--rfile-radius-md);color:#475569;color:var(--rfile-slate-600);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rfile-transition);width:40px}.rfile-icon-btn:hover{background:#f8fafc;background:var(--rfile-slate-50);border-color:#cbd5e1;border-color:var(--rfile-slate-300);color:#334155;color:var(--rfile-slate-700)}.rfile-icon-btn--spin svg{animation:rfile-spin 1s linear infinite}@keyframes rfile-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rfile-upload-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rfile-primary) 0,var(--rfile-primary-dark) 100%);border:none;border-radius:10px;border-radius:var(--rfile-radius-md);box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rfile-transition)}.rfile-upload-btn:hover{box-shadow:0 6px 20px #6366f173}.rfile-controls{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between}.rfile-filters{-ms-overflow-style:none;flex:1 1;overflow-x:auto;scrollbar-width:none}.rfile-filters::-webkit-scrollbar{display:none}.rfile-type-tabs{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--rfile-slate-100);border-radius:14px;border-radius:var(--rfile-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rfile-shadow-sm);display:flex;gap:8px;padding:4px}.rfile-tab{align-items:center;background:var(--tab-bg);border:1px solid #0000;border-radius:10px;border-radius:var(--rfile-radius-md);color:var(--tab-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rfile-transition);white-space:nowrap}.rfile-tab:hover{background:var(--tab-bg);border-color:var(--tab-color);transform:translateY(-1px)}.rfile-tab--active{background:var(--tab-color)!important;border-color:#0000!important;box-shadow:0 4px 12px color-mix(in srgb,var(--tab-color) 40%,#0000);color:#fff!important}.rfile-tab--active:hover{transform:translateY(-1px)}.rfile-tab-label{display:inline}.rfile-tab-count{align-items:center;background:#ffffff40;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.rfile-tab:not(.rfile-tab--active) .rfile-tab-count{background:color-mix(in srgb,var(--tab-color) 15%,#fff);color:var(--tab-color)}.rfile-view-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rfile-slate-200);border-radius:10px;border-radius:var(--rfile-radius-md);display:flex;flex-shrink:0;overflow:hidden}.rfile-view-btn{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--rfile-slate-400);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rfile-transition);width:38px}.rfile-view-btn:hover{background:#f8fafc;background:var(--rfile-slate-50);color:#475569;color:var(--rfile-slate-600)}.rfile-view-btn--active,.rfile-view-btn--active:hover{background:#6366f11a;color:#6366f1;color:var(--rfile-primary)}.rfile-main{flex:1 1;min-height:0;overflow-y:auto}.rfile-main::-webkit-scrollbar{width:6px}.rfile-main::-webkit-scrollbar-track{background:#0000}.rfile-main::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--rfile-slate-300);border-radius:3px}.rfile-main::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--rfile-slate-400)}.rfile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rfile-grid--list{gap:12px;grid-template-columns:1fr}.rfile-empty{background:#fff;border:2px dashed #e2e8f0;border:2px dashed var(--rfile-slate-200);border-radius:20px;border-radius:var(--rfile-radius-xl);flex-direction:column;padding:60px 24px;text-align:center}.rfile-empty,.rfile-empty-icon{align-items:center;display:flex;justify-content:center}.rfile-empty-icon{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;color:#6366f1;color:var(--rfile-primary);height:80px;margin-bottom:20px;width:80px}.rfile-empty-title{color:#1e293b;color:var(--rfile-slate-800);font-size:1.25rem;font-weight:600;margin:0 0 8px}.rfile-empty-text{color:#64748b;color:var(--rfile-slate-500);font-size:.9375rem;margin:0 0 24px}.rfile-empty-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rfile-primary) 0,var(--rfile-primary-dark) 100%);border:none;border-radius:10px;border-radius:var(--rfile-radius-md);box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rfile-transition)}.rfile-empty-btn:hover{box-shadow:0 6px 20px #6366f173}.rfile-empty-btn--secondary{background:#f1f5f9;background:var(--rfile-slate-100);box-shadow:none;color:#334155;color:var(--rfile-slate-700)}.rfile-empty-btn--secondary:hover{background:#e2e8f0;background:var(--rfile-slate-200);box-shadow:none}.rfile-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:80px 24px}.rfile-loading-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--rfile-slate-200);border-radius:50%;border-top-color:var(--rfile-primary);height:40px;width:40px}.rfile-loading-text{color:#64748b;color:var(--rfile-slate-500);font-size:.9375rem;margin:0}@media (max-width:1024px){.rfile-container{gap:16px;padding:20px}.rfile-title{font-size:1.5rem}.rfile-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.rfile-controls{flex-wrap:wrap}}@media (max-width:768px){.rfile-container{gap:14px;padding:16px}.rfile-header{align-items:stretch;flex-direction:column;gap:16px}.rfile-header-actions{justify-content:space-between}.rfile-upload-btn{flex:1 1;justify-content:center}.rfile-title{font-size:1.375rem}.rfile-subtitle{font-size:.875rem}.rfile-controls{align-items:stretch;flex-direction:column;gap:12px}.rfile-filters{margin:0 -16px;padding:0 16px}.rfile-type-tabs{gap:4px;padding:3px}.rfile-tab{font-size:.8125rem;padding:8px 12px}.rfile-tab-label{display:none}.rfile-tab-count{font-size:.6875rem;height:18px;min-width:18px}.rfile-view-toggle{align-self:flex-end}.rfile-grid{gap:12px;grid-template-columns:1fr}.rfile-empty{padding:48px 20px}.rfile-empty-icon{height:64px;width:64px}.rfile-empty-icon svg{height:32px;width:32px}}@media (max-width:480px){.rfile-container{gap:12px;padding:12px}.rfile-title{font-size:1.25rem}.rfile-badge{font-size:.75rem;height:24px;min-width:24px;padding:0 8px}.rfile-upload-btn{font-size:.875rem;padding:10px 16px}.rfile-upload-btn span{display:none}.rfile-upload-btn{flex:0 1;padding:10px}.rfile-type-tabs{gap:2px}.rfile-tab{gap:4px;padding:8px 10px}.rfile-view-toggle{display:none}.rfile-empty{padding:40px 16px}.rfile-empty-title{font-size:1.125rem}.rfile-empty-text{font-size:.875rem}.rfile-empty-btn{justify-content:center;padding:12px 20px;width:100%}}:root{--rlcard-primary:#6366f1;--rlcard-primary-dark:#4f46e5;--rlcard-slate-50:#f8fafc;--rlcard-slate-100:#f1f5f9;--rlcard-slate-200:#e2e8f0;--rlcard-slate-300:#cbd5e1;--rlcard-slate-400:#94a3b8;--rlcard-slate-500:#64748b;--rlcard-slate-600:#475569;--rlcard-slate-700:#334155;--rlcard-slate-800:#1e293b;--rlcard-slate-900:#0f172a;--rlcard-danger:#ef4444;--rlcard-radius:14px;--rlcard-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.rlcard{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rlcard-slate-200);border-radius:14px;border-radius:var(--rlcard-radius);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlcard-transition)}.rlcard:before{background:#6366f1;background:var(--card-color,var(--rlcard-primary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.rlcard:hover{border-color:#6366f1;border-color:var(--card-color,var(--rlcard-primary))}.rlcard:hover:before{opacity:1}.rlcard--pinned{background:linear-gradient(135deg,#6366f105,#fff);background:linear-gradient(135deg,var(--card-bg,#6366f105) 0,#fff 100%);border-color:#6366f1;border-color:var(--card-color,var(--rlcard-primary))}.rlcard--pinned:before{opacity:1}.rlcard--list{align-items:center;flex-direction:row;gap:16px;padding:16px 20px}.rlcard--list .rlcard-icon{flex-shrink:0}.rlcard--list .rlcard-content{flex:1 1;min-width:0}.rlcard--list .rlcard-description{-webkit-line-clamp:1}.rlcard--list .rlcard-open-btn{flex-shrink:0;margin-top:0;width:auto}.rlcard--list .rlcard-uploader{display:none}.rlcard-pinned-badge{align-items:center;background:#6366f1;background:var(--card-color,var(--rlcard-primary));border-radius:20px;box-shadow:0 2px 8px #6366f14d;box-shadow:0 2px 8px var(--card-shadow,#6366f14d);color:#fff;display:flex;font-size:.6875rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.rlcard-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.rlcard-content{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.rlcard-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.rlcard-title{color:#1e293b;color:var(--rlcard-slate-800);font-size:1rem;font-weight:600;line-height:1.4;word-break:break-word}.rlcard-description,.rlcard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.rlcard-description{color:#64748b;color:var(--rlcard-slate-500);font-size:.875rem;line-height:1.5}.rlcard-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rlcard-type-badge{background:#f1f5f9;background:var(--card-bg,var(--rlcard-slate-100));border-radius:20px;color:#475569;color:var(--card-color,var(--rlcard-slate-600));display:inline-flex;font-size:.6875rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.rlcard-date,.rlcard-folder{align-items:center;color:#94a3b8;color:var(--rlcard-slate-400);display:inline-flex;font-size:.75rem;gap:4px}.rlcard-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rlcard-tag{align-items:center;background:#f8fafc;background:var(--rlcard-slate-50);border:1px solid #f1f5f9;border:1px solid var(--rlcard-slate-100);border-radius:6px;color:#64748b;color:var(--rlcard-slate-500);display:inline-flex;font-size:.6875rem;font-weight:500;gap:4px;padding:3px 8px}.rlcard-tag--more{background:#6366f1;background:var(--rlcard-primary);border-color:#6366f1;border-color:var(--rlcard-primary);color:#fff}.rlcard-uploader{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--rlcard-slate-100);display:flex;gap:10px;margin-top:auto;padding-top:12px}.rlcard-avatar,.rlcard-avatar-fallback{border-radius:50%;flex-shrink:0;height:32px;width:32px}.rlcard-avatar{object-fit:cover}.rlcard-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rlcard-primary),var(--rlcard-primary-dark));color:#fff;display:flex;font-size:.8125rem;font-weight:600;justify-content:center}.rlcard-uploader-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rlcard-uploader-name{color:#334155;color:var(--rlcard-slate-700);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rlcard-uploader-time{color:#94a3b8;color:var(--rlcard-slate-400);font-size:.6875rem}.rlcard-actions-wrapper{position:relative}.rlcard-more-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--rlcard-slate-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlcard-transition);width:32px}.rlcard-more-btn:hover{background:#f1f5f9;background:var(--rlcard-slate-100);color:#475569;color:var(--rlcard-slate-600)}.rlcard-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10}.rlcard-menu{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rlcard-slate-200);border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:140px;padding:6px;position:absolute;right:0;top:100%;z-index:11}.rlcard-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#334155;color:var(--rlcard-slate-700);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlcard-transition);width:100%}.rlcard-menu-item:hover{background:#f8fafc;background:var(--rlcard-slate-50)}.rlcard-menu-item--danger{color:#ef4444;color:var(--rlcard-danger)}.rlcard-menu-item--danger:hover{background:#ef44441a}.rlcard-open-btn{align-items:center;background:#f8fafc;background:var(--card-bg,var(--rlcard-slate-50));border:1px solid #e2e8f0;border:1px solid var(--card-color,var(--rlcard-slate-200));border-radius:10px;color:#6366f1;color:var(--card-color,var(--rlcard-primary));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlcard-transition);width:100%}.rlcard-open-btn:hover{background:#6366f1;background:var(--card-color,var(--rlcard-primary));border-color:#6366f1;border-color:var(--card-color,var(--rlcard-primary));box-shadow:0 4px 12px #6366f14d;box-shadow:0 4px 12px var(--card-shadow,#6366f14d);color:#fff}@media (max-width:1024px){.rlcard{gap:14px;padding:18px}.rlcard-icon{height:44px;width:44px}.rlcard-icon svg{height:20px;width:20px}}@media (max-width:768px){.rlcard{border-radius:12px;gap:12px;padding:16px}.rlcard--list{align-items:stretch;flex-direction:column}.rlcard--list .rlcard-uploader{display:flex}.rlcard--list .rlcard-open-btn{margin-top:12px;width:100%}.rlcard-icon{border-radius:10px;height:40px;width:40px}.rlcard-icon svg{height:18px;width:18px}.rlcard-title{font-size:.9375rem}.rlcard-description{font-size:.8125rem}.rlcard-pinned-badge{font-size:.625rem;padding:3px 8px;right:10px;top:10px}.rlcard-open-btn{font-size:.8125rem;padding:10px 14px}}@media (max-width:480px){.rlcard{border-radius:10px;gap:10px;padding:14px}.rlcard-icon{border-radius:8px;height:36px;width:36px}.rlcard-icon svg{height:16px;width:16px}.rlcard-title{font-size:.875rem}.rlcard-meta{gap:6px}.rlcard-type-badge{font-size:.625rem;padding:3px 8px}.rlcard-date,.rlcard-folder{font-size:.6875rem}.rlcard-tags{gap:4px}.rlcard-tag{font-size:.625rem;padding:2px 6px}.rlcard-uploader{gap:8px;padding-top:10px}.rlcard-avatar,.rlcard-avatar-fallback{height:28px;width:28px}.rlcard-avatar-fallback,.rlcard-uploader-name{font-size:.75rem}.rlcard-open-btn{font-size:.8125rem;padding:10px 12px}}:root{--rladd-primary:#6366f1;--rladd-primary-dark:#4f46e5;--rladd-primary-subtle:#6366f11a;--rladd-slate-50:#f8fafc;--rladd-slate-100:#f1f5f9;--rladd-slate-200:#e2e8f0;--rladd-slate-300:#cbd5e1;--rladd-slate-400:#94a3b8;--rladd-slate-500:#64748b;--rladd-slate-600:#475569;--rladd-slate-700:#334155;--rladd-slate-800:#1e293b;--rladd-slate-900:#0f172a;--rladd-danger:#ef4444;--rladd-radius:16px;--rladd-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.rladd-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rladd-modal{background:#fff;border-radius:16px;border-radius:var(--rladd-radius);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:640px;overflow:hidden;width:100%}.rladd-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--rladd-slate-50) 0,#fff 100%);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--rladd-slate-100);display:flex;justify-content:space-between;padding:20px 24px}.rladd-header-content{align-items:center;display:flex;gap:14px}.rladd-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rladd-primary) 0,var(--rladd-primary-dark) 100%);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.rladd-title{color:#0f172a;color:var(--rladd-slate-900);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.rladd-subtitle{color:#64748b;color:var(--rladd-slate-500);font-size:.875rem;margin:2px 0 0}.rladd-close{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;color:var(--rladd-slate-400);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rladd-transition);width:36px}.rladd-close:hover{background:#f1f5f9;background:var(--rladd-slate-100);color:#475569;color:var(--rladd-slate-600)}.rladd-body{flex:1 1;overflow-y:auto;padding:24px}.rladd-section{margin-bottom:24px}.rladd-section:last-child{margin-bottom:0}.rladd-section-title{color:#64748b;color:var(--rladd-slate-500);font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin:0 0 14px;text-transform:uppercase}.rladd-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.rladd-type-card{align-items:center;background:#fff;background:var(--type-bg,#fff);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rladd-transition)}.rladd-type-card:hover{border-color:#cbd5e1;border-color:var(--type-color,var(--rladd-slate-300));transform:translateY(-2px)}.rladd-type-card--active{box-shadow:0 4px 12px color-mix(in srgb,#6366f1 25%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--type-color,var(--rladd-primary)) 25%,#0000)}.rladd-type-card--active,.rladd-type-card--active:hover{background:#6366f11a;background:var(--type-bg,var(--rladd-primary-subtle));border-color:#6366f1;border-color:var(--type-color,var(--rladd-primary))}.rladd-type-icon{align-items:center;background:color-mix(in srgb,#94a3b8 15%,#fff);background:color-mix(in srgb,var(--type-color,var(--rladd-slate-400)) 15%,#fff);border-radius:10px;color:#475569;color:var(--type-color,var(--rladd-slate-600));display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rladd-transition);width:40px}.rladd-type-card--active .rladd-type-icon{background:#6366f1;background:var(--type-color,var(--rladd-primary));color:#fff}.rladd-type-info{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.rladd-type-label{color:#1e293b;color:var(--rladd-slate-800);font-size:.875rem;font-weight:600}.rladd-type-desc{color:#94a3b8;color:var(--rladd-slate-400);font-size:.6875rem}.rladd-type-check{align-items:center;background:#6366f1;background:var(--type-color,var(--rladd-primary));border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.rladd-field{margin-bottom:16px}.rladd-field:last-child{margin-bottom:0}.rladd-label{color:#334155;color:var(--rladd-slate-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.rladd-required{color:#ef4444;color:var(--rladd-danger);margin-left:2px}.rladd-input,.rladd-textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rladd-slate-200);border-radius:10px;color:#1e293b;color:var(--rladd-slate-800);font-family:inherit;font-size:.9375rem;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rladd-transition);width:100%}.rladd-input::placeholder,.rladd-textarea::placeholder{color:#94a3b8;color:var(--rladd-slate-400)}.rladd-input:focus,.rladd-textarea:focus{border-color:#6366f1;border-color:var(--rladd-primary);box-shadow:0 0 0 3px #6366f11a;box-shadow:0 0 0 3px var(--rladd-primary-subtle);outline:none}.rladd-input:disabled,.rladd-textarea:disabled{background:#f8fafc;background:var(--rladd-slate-50);cursor:not-allowed;opacity:.7}.rladd-textarea{min-height:80px;resize:vertical}.rladd-textarea--large{min-height:140px}.rladd-input-with-icon{position:relative}.rladd-input-icon{color:#94a3b8;color:var(--rladd-slate-400);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rladd-input--with-icon{padding-left:40px}.rladd-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rladd-error{align-items:center;color:#ef4444;color:var(--rladd-danger);display:flex;font-size:.8125rem;gap:6px;margin-top:6px}.rladd-priority-group{display:flex;flex-wrap:wrap;gap:8px}.rladd-priority-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rladd-slate-200);border-radius:20px;color:#475569;color:var(--rladd-slate-600);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rladd-transition)}.rladd-priority-btn:hover{background:#f8fafc;background:var(--rladd-slate-50);border-color:var(--priority-color)}.rladd-priority-btn--active{background:color-mix(in srgb,var(--priority-color) 10%,#fff);border-color:var(--priority-color);color:var(--priority-color)}.rladd-priority-dot{border-radius:50%;height:8px;width:8px}.rladd-submit-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#ef4444;color:var(--rladd-danger);display:flex;font-size:.875rem;gap:8px;margin-top:16px;padding:12px 16px}.rladd-footer{background:#f8fafc;background:var(--rladd-slate-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--rladd-slate-100);gap:12px;justify-content:flex-end;padding:16px 24px}.rladd-btn,.rladd-footer{align-items:center;display:flex}.rladd-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rladd-transition)}.rladd-btn:disabled{cursor:not-allowed;opacity:.6}.rladd-btn--secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rladd-slate-200);color:#475569;color:var(--rladd-slate-600)}.rladd-btn--secondary:hover:not(:disabled){background:#f1f5f9;background:var(--rladd-slate-100);border-color:#cbd5e1;border-color:var(--rladd-slate-300)}.rladd-btn--primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rladd-primary) 0,var(--rladd-primary-dark) 100%);box-shadow:0 4px 14px #6366f159;color:#fff}.rladd-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f173}.rladd-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:1024px){.rladd-modal{max-width:580px}.rladd-type-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.rladd-type-card{padding:14px 10px}}@media (max-width:768px){.rladd-overlay{align-items:flex-end;padding:0}.rladd-modal{border-radius:16px 16px 0 0;border-radius:var(--rladd-radius) var(--rladd-radius) 0 0;max-height:90vh;max-width:100%}.rladd-header{padding:18px 20px}.rladd-body{padding:20px}.rladd-type-grid{grid-template-columns:repeat(2,1fr)}.rladd-row{gap:0;grid-template-columns:1fr}.rladd-footer{padding:14px 20px}.rladd-btn{font-size:.875rem;padding:12px 20px}}@media (max-width:480px){.rladd-header{padding:16px}.rladd-header-icon{border-radius:10px;height:40px;width:40px}.rladd-title{font-size:1.125rem}.rladd-body{padding:16px}.rladd-section{margin-bottom:20px}.rladd-type-card{gap:6px;padding:12px 8px}.rladd-type-icon{height:36px;width:36px}.rladd-type-label{font-size:.8125rem}.rladd-type-desc{display:none}.rladd-input,.rladd-textarea{font-size:.875rem;padding:10px 12px}.rladd-priority-group{gap:6px}.rladd-priority-btn{font-size:.75rem;padding:6px 12px}.rladd-footer{flex-direction:column;gap:10px;padding:12px 16px}.rladd-btn{padding:12px;width:100%}}:root{--rlib-primary:#6366f1;--rlib-primary-dark:#4f46e5;--rlib-primary-light:#818cf8;--rlib-primary-subtle:#6366f11a;--rlib-slate-50:#f8fafc;--rlib-slate-100:#f1f5f9;--rlib-slate-200:#e2e8f0;--rlib-slate-300:#cbd5e1;--rlib-slate-400:#94a3b8;--rlib-slate-500:#64748b;--rlib-slate-600:#475569;--rlib-slate-700:#334155;--rlib-slate-800:#1e293b;--rlib-slate-900:#0f172a;--rlib-success:#10b981;--rlib-warning:#f59e0b;--rlib-danger:#ef4444;--rlib-radius-sm:6px;--rlib-radius-md:10px;--rlib-radius-lg:14px;--rlib-radius-xl:20px;--rlib-shadow-sm:0 1px 2px #0000000d;--rlib-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--rlib-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--rlib-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--rlib-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.rlib-container{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--rlib-slate-50) 0,#fff 100%);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:24px;width:100%}.rlib-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.rlib-header-left{display:flex;flex-direction:column;gap:4px}.rlib-title-wrapper{align-items:center;display:flex;gap:12px}.rlib-title{color:#0f172a;color:var(--rlib-slate-900);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.rlib-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rlib-primary) 0,var(--rlib-primary-dark) 100%);border-radius:14px;box-shadow:0 2px 8px #6366f14d;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 10px}.rlib-subtitle{color:#64748b;color:var(--rlib-slate-500);font-size:.9375rem;margin:0}.rlib-header-actions{align-items:center;display:flex;gap:12px}.rlib-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rlib-slate-200);border-radius:10px;border-radius:var(--rlib-radius-md);color:#475569;color:var(--rlib-slate-600);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition);width:40px}.rlib-icon-btn:hover{background:#f8fafc;background:var(--rlib-slate-50);border-color:#cbd5e1;border-color:var(--rlib-slate-300);color:#334155;color:var(--rlib-slate-700)}.rlib-icon-btn--spinning svg{animation:rlib-spin 1s linear infinite}@keyframes rlib-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rlib-add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rlib-primary) 0,var(--rlib-primary-dark) 100%);border:none;border-radius:10px;border-radius:var(--rlib-radius-md);box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition)}.rlib-add-btn:hover{box-shadow:0 6px 20px #6366f173}.rlib-controls{align-items:center;display:flex;gap:16px}.rlib-controls-right{align-items:center;display:flex;gap:12px}.rlib-search{flex:1 1;max-width:480px;position:relative}.rlib-search-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rlib-slate-200);border-radius:14px;border-radius:var(--rlib-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rlib-shadow-sm);color:#1e293b;color:var(--rlib-slate-800);font-size:.9375rem;padding:12px 44px 12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition);width:100%}.rlib-search-input::placeholder{color:#94a3b8;color:var(--rlib-slate-400)}.rlib-search-input:focus{border-color:#6366f1;border-color:var(--rlib-primary);box-shadow:0 0 0 3px #6366f11a;box-shadow:0 0 0 3px var(--rlib-primary-subtle);outline:none}.rlib-search-clear{align-items:center;background:#f1f5f9;background:var(--rlib-slate-100);border:none;border-radius:50%;color:#64748b;color:var(--rlib-slate-500);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition);width:24px}.rlib-search-clear:hover{background:#e2e8f0;background:var(--rlib-slate-200);color:#334155;color:var(--rlib-slate-700)}.rlib-folder-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rlib-slate-200);border-radius:10px;border-radius:var(--rlib-radius-md);color:#475569;color:var(--rlib-slate-600);display:flex;gap:8px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition)}.rlib-folder-filter:hover{border-color:#cbd5e1;border-color:var(--rlib-slate-300)}.rlib-folder-select{background:#0000;border:none;color:#334155;color:var(--rlib-slate-700);cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;outline:none}.rlib-view-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--rlib-slate-200);border-radius:10px;border-radius:var(--rlib-radius-md);display:flex;overflow:hidden}.rlib-view-btn{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--rlib-slate-400);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition);width:38px}.rlib-view-btn:hover{background:#f8fafc;background:var(--rlib-slate-50);color:#475569;color:var(--rlib-slate-600)}.rlib-view-btn--active,.rlib-view-btn--active:hover{background:#6366f11a;background:var(--rlib-primary-subtle);color:#6366f1;color:var(--rlib-primary)}.rlib-filters{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.rlib-filters::-webkit-scrollbar{display:none}.rlib-type-tabs{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--rlib-slate-100);border-radius:14px;border-radius:var(--rlib-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--rlib-shadow-sm);display:flex;gap:8px;padding:4px}.rlib-tab{align-items:center;background:var(--tab-bg);border:1px solid #0000;border-radius:10px;border-radius:var(--rlib-radius-md);color:var(--tab-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition);white-space:nowrap}.rlib-tab:hover{background:var(--tab-bg);border-color:var(--tab-color);transform:translateY(-1px)}.rlib-tab--active{background:var(--tab-color);box-shadow:0 4px 12px color-mix(in srgb,var(--tab-color) 40%,#0000);color:#fff}.rlib-tab--active:hover{background:var(--tab-color);border-color:#0000;color:#fff;transform:translateY(-1px)}.rlib-tab-label{display:inline}.rlib-tab-count{align-items:center;background:#ffffff40;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.rlib-tab:not(.rlib-tab--active) .rlib-tab-count{background:color-mix(in srgb,var(--tab-color) 15%,#fff);color:var(--tab-color)}.rlib-main{flex:1 1;min-height:0}.rlib-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rlib-grid--list{gap:12px;grid-template-columns:1fr}.rlib-empty{background:#fff;border:2px dashed #e2e8f0;border:2px dashed var(--rlib-slate-200);border-radius:20px;border-radius:var(--rlib-radius-xl);flex-direction:column;padding:60px 24px;text-align:center}.rlib-empty,.rlib-empty-icon{align-items:center;display:flex;justify-content:center}.rlib-empty-icon{background:#6366f11a;background:var(--rlib-primary-subtle);border-radius:50%;color:#6366f1;color:var(--rlib-primary);height:80px;margin-bottom:20px;width:80px}.rlib-empty-title{color:#1e293b;color:var(--rlib-slate-800);font-size:1.25rem;font-weight:600;margin:0 0 8px}.rlib-empty-text{color:#64748b;color:var(--rlib-slate-500);font-size:.9375rem;margin:0 0 24px}.rlib-empty-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--rlib-primary) 0,var(--rlib-primary-dark) 100%);border:none;border-radius:10px;border-radius:var(--rlib-radius-md);box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--rlib-transition)}.rlib-empty-btn:hover{box-shadow:0 6px 20px #6366f173}.rlib-empty-btn--secondary{background:#f1f5f9;background:var(--rlib-slate-100);box-shadow:none;color:#334155;color:var(--rlib-slate-700)}.rlib-empty-btn--secondary:hover{background:#e2e8f0;background:var(--rlib-slate-200);box-shadow:none}.rlib-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px}.rlib-loading-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--rlib-slate-200);border-radius:50%;border-top-color:var(--rlib-primary);height:40px;width:40px}.rlib-loading-text{color:#64748b;color:var(--rlib-slate-500);font-size:.9375rem;margin:0}@media (max-width:1024px){.rlib-container{gap:16px;padding:20px}.rlib-title{font-size:1.5rem}.rlib-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rlib-controls{flex-wrap:wrap}.rlib-search{flex-basis:100%;max-width:100%;order:1}.rlib-controls-right{flex:1 1;justify-content:space-between;order:2}}@media (max-width:768px){.rlib-container{gap:14px;padding:16px}.rlib-header{align-items:stretch;flex-direction:column;gap:16px}.rlib-header-actions{justify-content:space-between}.rlib-add-btn{flex:1 1;justify-content:center}.rlib-title{font-size:1.375rem}.rlib-subtitle{font-size:.875rem}.rlib-type-tabs{gap:4px;padding:3px}.rlib-tab{font-size:.8125rem;padding:8px 12px}.rlib-tab-label{display:none}.rlib-tab-count{font-size:.6875rem;height:18px;min-width:18px}.rlib-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.rlib-controls-right{gap:8px}.rlib-folder-filter{padding:8px 12px}.rlib-folder-select{font-size:.8125rem;min-width:80px}.rlib-empty{padding:48px 20px}.rlib-empty-icon{height:64px;width:64px}.rlib-empty-icon svg{height:32px;width:32px}}@media (max-width:480px){.rlib-container{gap:12px;padding:12px}.rlib-title{font-size:1.25rem}.rlib-badge{font-size:.75rem;height:24px;min-width:24px;padding:0 8px}.rlib-add-btn{font-size:.875rem;padding:10px 16px}.rlib-add-btn span{display:none}.rlib-search-input{font-size:.875rem;padding:10px 40px}.rlib-grid{gap:12px;grid-template-columns:1fr}.rlib-type-tabs{gap:2px}.rlib-tab{gap:4px;padding:8px 10px}.rlib-view-toggle{display:none}.rlib-folder-filter{flex:1 1}.rlib-empty{padding:40px 16px}.rlib-empty-title{font-size:1.125rem}.rlib-empty-text{font-size:.875rem}.rlib-empty-btn{justify-content:center;padding:12px 20px;width:100%}}.rcmon-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;min-height:500px;padding:24px}.rcmon-header{border-bottom:2px solid #e2e8f0cc;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.rcmon-header,.rcmon-nav-btn{align-items:center;display:flex}.rcmon-nav-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.rcmon-nav-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.rcmon-nav-btn svg{font-size:20px}.rcmon-title-group{align-items:center;display:flex;flex-direction:column;gap:10px}.rcmon-title{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.rcmon-today-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.rcmon-today-btn:hover{box-shadow:0 4px 12px #3b82f666}.rcmon-today-btn svg{font-size:14px}.rcmon-day-names{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.rcmon-day-name{background:#f8fafccc;border-radius:10px;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 8px;text-align:center;text-transform:uppercase}.rcmon-grid{display:flex;flex:1 1;flex-direction:column;gap:8px}.rcmon-week{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(7,1fr);min-height:0}.rcmon-cell{background:#fff;border:2px solid #e2e8f0cc;border-radius:14px;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;min-height:100px;padding:10px;position:relative;transition:all .2s ease}.rcmon-cell--empty{background:#f8fafc80;border-color:#0000}.rcmon-cell--today{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rcmon-cell--has-events{background:linear-gradient(135deg,#fefce8,#fef3c7 50%,#fffbeb)}.rcmon-cell:not(.rcmon-cell--empty):hover{border-color:#3b82f6;box-shadow:0 8px 24px #00000014}.rcmon-day-number{color:#334155;font-size:15px;font-weight:600;margin-bottom:8px}.rcmon-day-number--today{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:inline-flex;height:28px;justify-content:center;width:28px}.rcmon-events{flex:1 1;flex-direction:column;gap:4px}.rcmon-event,.rcmon-events{display:flex;overflow:hidden}.rcmon-event{align-items:center;background:var(--event-bg);border-radius:6px;color:var(--event-color);cursor:pointer;font-size:11px;font-weight:500;gap:6px;padding:5px 8px;transition:all .15s ease}.rcmon-event:hover{box-shadow:0 2px 6px #0000001a}.rcmon-event-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.rcmon-event-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcmon-event-more{background:#64748b1a;border-radius:4px;color:#64748b;font-size:10px;font-weight:600;margin-top:2px;padding:2px 6px}.rcmon-legend{border-top:1px solid #e2e8f0cc;display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:20px}.rcmon-legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.rcmon-legend-dot{border-radius:4px;height:10px;width:10px}.rcmon-legend-dot--today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.rcmon-legend-dot--has-events{background:linear-gradient(135deg,#f59e0b,#d97706)}@media (max-width:1024px){.rcmon-container{padding:20px}.rcmon-title{font-size:20px}.rcmon-cell{min-height:90px;padding:8px}.rcmon-day-number{font-size:14px}.rcmon-event{font-size:10px;padding:4px 6px}}@media (max-width:768px){.rcmon-container{padding:16px}.rcmon-header{margin-bottom:16px;padding-bottom:16px}.rcmon-nav-btn{height:38px;width:38px}.rcmon-title{font-size:18px}.rcmon-today-btn{font-size:12px;padding:6px 12px}.rcmon-day-names{gap:4px;margin-bottom:6px}.rcmon-day-name{font-size:11px;padding:8px 4px}.rcmon-grid,.rcmon-week{gap:4px}.rcmon-cell{border-radius:10px;min-height:70px;padding:6px}.rcmon-day-number{font-size:13px;margin-bottom:4px}.rcmon-day-number--today{border-radius:6px;height:24px;width:24px}.rcmon-event{border-radius:4px;font-size:9px;gap:4px;padding:3px 5px}.rcmon-event-dot{height:5px;width:5px}.rcmon-event-more{font-size:9px;padding:2px 4px}.rcmon-legend{gap:12px;margin-top:16px;padding-top:16px}.rcmon-legend-item{font-size:11px;gap:6px}.rcmon-legend-dot{height:8px;width:8px}}@media (max-width:480px){.rcmon-container{padding:12px}.rcmon-nav-btn{height:34px;width:34px}.rcmon-nav-btn svg,.rcmon-title{font-size:16px}.rcmon-today-btn{font-size:11px;padding:5px 10px}.rcmon-day-name{font-size:10px;padding:6px 2px}.rcmon-cell{border-radius:8px;border-width:1px;min-height:60px;padding:4px}.rcmon-day-number{font-size:12px;margin-bottom:2px}.rcmon-day-number--today{border-radius:5px;font-size:11px;height:20px;width:20px}.rcmon-events{gap:2px}.rcmon-event{border-radius:3px;font-size:8px;padding:2px 4px}.rcmon-event-dot{height:4px;width:4px}.rcmon-event-title{display:none}.rcmon-legend{flex-wrap:wrap;gap:8px}.rcmon-legend-item:nth-child(n+4){display:none}}.rcup-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;min-height:400px;padding:24px}.rcup-header{border-bottom:2px solid #e2e8f0cc;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.rcup-header,.rcup-header-left{align-items:center;display:flex}.rcup-header-left{gap:12px}.rcup-header-icon{color:#3b82f6;font-size:22px}.rcup-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.rcup-subtitle{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:13px;padding:4px 10px}.rcup-refresh-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.rcup-refresh-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.rcup-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.rcup-spinning{animation:rcup-spin 1s linear infinite}@keyframes rcup-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rcup-empty{flex:1 1;flex-direction:column;padding:60px 20px;text-align:center}.rcup-empty,.rcup-empty-icon{align-items:center;display:flex;justify-content:center}.rcup-empty-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:20px;height:72px;margin-bottom:20px;width:72px}.rcup-empty-icon svg{color:#3b82f6;font-size:32px}.rcup-empty-title{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 8px}.rcup-empty-text{color:#64748b;font-size:14px;margin:0}.rcup-list{gap:32px}.rcup-date-group,.rcup-list{display:flex;flex-direction:column}.rcup-date-group{gap:12px}.rcup-date-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;gap:12px;padding:8px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rcup-date-label{color:#0f172a;font-size:16px;font-weight:700}.rcup-date-full{color:#64748b;font-size:13px}.rcup-events-list{display:flex;flex-direction:column;gap:12px}.rcup-card{background:#fff;border:2px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;overflow:hidden;transition:all .2s ease}.rcup-card:hover{border-color:var(--event-color);box-shadow:0 12px 32px #00000014}.rcup-card-accent{flex-shrink:0;width:5px}.rcup-card-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px 20px}.rcup-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.rcup-card-title{color:#0f172a;flex:1 1;font-size:16px;font-weight:600;margin:0}.rcup-card-type{border-radius:6px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.rcup-card-time{align-items:center;display:flex;gap:16px}.rcup-time-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.rcup-time-item svg{color:#94a3b8;font-size:14px}.rcup-duration{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;padding:2px 8px}.rcup-card-location{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.rcup-card-location svg{color:#94a3b8;font-size:14px}.rcup-card-participants{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.rcup-card-participants svg{color:#94a3b8;font-size:14px}.rcup-declined{color:#94a3b8}.rcup-card-footer{border-top:1px solid #e2e8f0cc;justify-content:space-between;margin-top:6px;padding-top:12px}.rcup-card-footer,.rcup-rsvp{align-items:center;display:flex}.rcup-rsvp{border-radius:8px;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.rcup-rsvp svg{font-size:14px}.rcup-rsvp--accepted{background:#d1fae5;color:#065f46}.rcup-rsvp--declined{background:#fee2e2;color:#991b1b}.rcup-rsvp--tentative{background:#fef3c7;color:#92400e}.rcup-join-btn,.rcup-rsvp--pending{background:#f1f5f9;color:#64748b}.rcup-join-btn{align-items:center;border:none;border-radius:8px;cursor:not-allowed;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.rcup-join-btn svg{font-size:14px}.rcup-join-btn--active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer}.rcup-join-btn--active:hover{box-shadow:0 4px 12px #10b98166}@media (max-width:1024px){.rcup-container{padding:20px}.rcup-card-content{padding:14px 16px}.rcup-card-title{font-size:15px}}@media (max-width:768px){.rcup-container{padding:16px}.rcup-header{align-items:flex-start;flex-direction:column;gap:12px}.rcup-refresh-btn{justify-content:center;width:100%}.rcup-list{gap:24px}.rcup-card{border-radius:14px}.rcup-card-content{padding:12px 14px}.rcup-card-header{flex-direction:column;gap:8px}.rcup-card-title{font-size:14px}.rcup-card-time{flex-wrap:wrap;gap:10px}.rcup-card-footer{flex-direction:column;gap:10px}.rcup-join-btn{justify-content:center;padding:10px;width:100%}}@media (max-width:480px){.rcup-container{padding:12px}.rcup-header-left{flex-wrap:wrap;gap:8px}.rcup-title{font-size:18px}.rcup-subtitle{font-size:12px;padding:3px 8px}.rcup-card{border-radius:12px}.rcup-card-accent{width:4px}.rcup-card-content{gap:8px;padding:10px 12px}.rcup-card-type{font-size:10px;padding:3px 8px}.rcup-time-item{font-size:12px}.rcup-rsvp{font-size:11px;padding:5px 10px}.rcup-join-btn{font-size:11px;padding:8px 12px}}.rcmod-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rcmod-container{background:#fff;border-radius:24px;box-shadow:0 24px 64px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:580px;overflow:hidden;width:100%}.rcmod-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0cc;display:flex;justify-content:space-between;padding:24px 28px}.rcmod-header-left{align-items:center;display:flex;gap:16px}.rcmod-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.rcmod-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.rcmod-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.rcmod-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rcmod-close-btn:hover{background:#e2e8f0;color:#0f172a}.rcmod-close-btn svg{font-size:20px}.rcmod-form{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px 28px}.rcmod-type-section{margin-bottom:8px}.rcmod-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:10px}.rcmod-type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;position:relative;transition:all .2s ease}.rcmod-type-btn--active,.rcmod-type-btn:hover{background:var(--type-bg);border-color:var(--type-color)}.rcmod-type-btn--active{box-shadow:0 4px 12px #00000014}.rcmod-type-dot{border-radius:50%;height:10px;width:10px}.rcmod-type-label{color:#475569;font-size:11px;font-weight:500;text-align:center}.rcmod-type-btn--active .rcmod-type-label{color:var(--type-color);font-weight:600}.rcmod-type-check{color:var(--type-color);font-size:12px;position:absolute;right:6px;top:6px}.rcmod-field{display:flex;flex-direction:column;gap:8px}.rcmod-label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px}.rcmod-label svg{color:#64748b;font-size:16px}.rcmod-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;padding:12px 16px;transition:all .2s ease}.rcmod-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.rcmod-input::placeholder{color:#94a3b8}.rcmod-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#0f172a;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease}.rcmod-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.rcmod-textarea::placeholder{color:#94a3b8}.rcmod-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rcmod-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.rcmod-section-header{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:14px}.rcmod-section-header svg{color:#64748b}.rcmod-meeting-platforms{display:flex;flex-direction:column;gap:12px}.rcmod-platform{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.rcmod-platform-toggle{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.rcmod-platform-toggle input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.rcmod-platform-name{flex:1 1}.rcmod-platform-fields{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;margin-top:12px;overflow:hidden;padding-top:12px}.rcmod-platform-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.rcmod-actions{border-top:1px solid #e2e8f0cc;display:flex;gap:12px;padding-top:16px}.rcmod-cancel-btn{background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.rcmod-cancel-btn:hover{background:#e2e8f0;color:#475569}.rcmod-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.rcmod-submit-btn:hover{box-shadow:0 8px 24px #3b82f666}.rcmod-submit-btn:disabled{cursor:not-allowed;opacity:.6}.rcmod-submit-btn svg{font-size:16px}.rcmod-spinner{animation:rcmod-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes rcmod-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.rcmod-overlay{padding:12px}.rcmod-container{border-radius:20px;max-height:95vh}.rcmod-header{padding:20px 22px}.rcmod-header-icon{font-size:20px;height:42px;width:42px}.rcmod-title{font-size:18px}.rcmod-form{gap:16px;padding:20px 22px}.rcmod-type-grid{grid-template-columns:repeat(2,1fr)}.rcmod-row{grid-template-columns:1fr}.rcmod-actions{flex-direction:column-reverse}.rcmod-cancel-btn,.rcmod-submit-btn{flex:none}}@media (max-width:480px){.rcmod-header{padding:16px 18px}.rcmod-header-icon{border-radius:12px;font-size:18px;height:38px;width:38px}.rcmod-title{font-size:16px}.rcmod-subtitle{font-size:12px}.rcmod-close-btn{height:36px;width:36px}.rcmod-form{padding:16px 18px}.rcmod-type-btn{border-radius:10px;padding:10px 6px}.rcmod-type-label{font-size:10px}.rcmod-input,.rcmod-textarea{border-radius:10px;padding:10px 14px}.rcmod-platform-row{grid-template-columns:1fr}}.rcevm-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rcevm-container{background:#fff;border-radius:24px;box-shadow:0 24px 64px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.rcevm-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0cc;border-left:4px solid var(--event-color);display:flex;justify-content:space-between;padding:24px 28px}.rcevm-header-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.rcevm-type-badge{align-self:flex-start;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.rcevm-title{color:#0f172a;font-size:22px;font-weight:700;line-height:1.3;margin:0}.rcevm-status{align-self:flex-start;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.rcevm-status--scheduled{background:#dbeafe;color:#1d4ed8}.rcevm-status--cancelled{background:#fee2e2;color:#991b1b}.rcevm-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rcevm-close-btn:hover{background:#e2e8f0;color:#0f172a}.rcevm-close-btn svg{font-size:20px}.rcevm-content{flex:1 1;gap:24px;overflow-y:auto;padding:24px 28px}.rcevm-content,.rcevm-section{display:flex;flex-direction:column}.rcevm-section{gap:12px}.rcevm-section-title{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0}.rcevm-section-title svg{color:#64748b;font-size:16px}.rcevm-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;line-height:1.6;margin:0;padding:16px}.rcevm-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.rcevm-info-item{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.rcevm-info-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rcevm-info-value{color:#0f172a;font-size:14px;font-weight:600}.rcevm-location{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;margin:0;padding:12px 16px}.rcevm-meeting-links{display:flex;flex-direction:column;gap:12px}.rcevm-meeting-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.rcevm-meeting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.rcevm-meeting-platform{color:#334155;font-size:14px;font-weight:600}.rcevm-meeting-link{align-items:center;color:#3b82f6;display:flex;font-size:13px;font-weight:500;gap:6px;text-decoration:none;transition:all .2s ease}.rcevm-meeting-link:hover{color:#1d4ed8}.rcevm-meeting-detail{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;padding:6px 0}.rcevm-meeting-detail:not(:last-child){border-bottom:1px solid #e2e8f0}.rcevm-meeting-detail strong{color:#334155;font-weight:600}.rcevm-copy-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:auto;transition:all .2s ease;width:28px}.rcevm-copy-btn:hover{background:#e2e8f0;color:#334155}.rcevm-meeting-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .2s ease}.rcevm-meeting-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.rcevm-join-btn{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:not-allowed;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.rcevm-join-btn svg{font-size:18px}.rcevm-join-btn--active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer}.rcevm-join-btn--active:hover{box-shadow:0 8px 24px #10b98166}.rcevm-rsvp-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.rcevm-rsvp-stat{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;padding:12px 8px}.rcevm-rsvp-stat svg{font-size:18px}.rcevm-rsvp-stat--accepted{background:#d1fae5;color:#065f46}.rcevm-rsvp-stat--declined{background:#fee2e2;color:#991b1b}.rcevm-rsvp-stat--tentative{background:#fef3c7;color:#92400e}.rcevm-rsvp-stat--pending{background:#f1f5f9;color:#64748b}.rcevm-participants-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.rcevm-participant{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:10px 12px}.rcevm-participant-avatar{border-radius:10px;height:36px;object-fit:cover;width:36px}.rcevm-participant-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.rcevm-participant-info{align-items:center;display:flex;flex:1 1;gap:8px}.rcevm-participant-name{color:#334155;font-size:14px;font-weight:500}.rcevm-organizer-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.rcevm-participant-rsvp{border-radius:6px;font-size:11px;font-weight:500;padding:4px 10px}.rcevm-rsvp--accepted{background:#d1fae5;color:#065f46}.rcevm-rsvp--declined{background:#fee2e2;color:#991b1b}.rcevm-rsvp--tentative{background:#fef3c7;color:#92400e}.rcevm-rsvp--pending{background:#f1f5f9;color:#64748b}.rcevm-rsvp-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.rcevm-rsvp-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s ease}.rcevm-rsvp-btn svg{font-size:16px}.rcevm-rsvp-btn--accepted.active,.rcevm-rsvp-btn--accepted:hover{background:#d1fae5;border-color:#10b981;color:#065f46}.rcevm-rsvp-btn--declined.active,.rcevm-rsvp-btn--declined:hover{background:#fee2e2;border-color:#ef4444;color:#991b1b}.rcevm-rsvp-btn--tentative.active,.rcevm-rsvp-btn--tentative:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.rcevm-footer{background:#f8fafc;border-top:1px solid #e2e8f0cc;padding:16px 28px}.rcevm-cancel-event-btn{align-items:center;background:#fff;border:2px solid #fca5a5;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.rcevm-cancel-event-btn:hover{background:#fee2e2;border-color:#ef4444}.rcevm-cancel-event-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.rcevm-overlay{padding:12px}.rcevm-container{border-radius:20px;max-height:95vh}.rcevm-header{padding:20px 22px}.rcevm-title{font-size:18px}.rcevm-content{gap:20px;padding:20px 22px}.rcevm-info-grid{grid-template-columns:1fr}.rcevm-rsvp-summary{grid-template-columns:repeat(2,1fr)}.rcevm-rsvp-buttons{grid-template-columns:1fr}}@media (max-width:480px){.rcevm-header{padding:16px 18px}.rcevm-title{font-size:16px}.rcevm-close-btn{height:36px;width:36px}.rcevm-content{padding:16px 18px}.rcevm-rsvp-stat{font-size:11px;padding:10px 6px}.rcevm-rsvp-stat svg{font-size:16px}.rcevm-footer{padding:12px 18px}}.rcal-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.rcal-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;padding:12px 20px}.rcal-header,.rcal-header-left{align-items:center;display:flex}.rcal-header-left{gap:12px}.rcal-header-actions{align-items:center;display:flex;gap:10px}.rcal-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:0 4px 12px #3b82f640;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.rcal-header-text{display:flex;flex-direction:column;gap:0}.rcal-title{color:#0f172a;font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.rcal-subtitle{color:#64748b;display:none;font-size:12px;margin:0}.rcal-create-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f640;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.rcal-create-btn:hover{box-shadow:0 8px 24px #3b82f666}.rcal-create-btn svg{font-size:16px}.rcal-quick-stats{grid-gap:10px;background:#ffffff80;border-bottom:1px solid #e2e8f099;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:10px 20px}.rcal-stat-card{align-items:center;background:var(--stat-bg);border:1px solid #0000000a;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:8px;transition:all .2s ease}.rcal-stat-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.rcal-stat-value{color:var(--stat-color);font-size:20px;font-weight:700;line-height:1}.rcal-stat-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.03em;margin-top:2px;text-transform:uppercase}.rcal-view-toggle{background:#ffffff80;border-bottom:1px solid #e2e8f099;display:flex;gap:6px;padding:8px 20px}.rcal-view-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease}.rcal-view-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.rcal-view-btn--active{box-shadow:0 4px 12px #3b82f64d}.rcal-view-btn--active,.rcal-view-btn--active:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#0000;color:#fff}.rcal-view-btn svg{font-size:16px}.rcal-filter-container{position:relative}.rcal-filter-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.rcal-filter-toggle:hover{border-color:#3b82f6;color:#3b82f6}.rcal-filter-chevron{font-size:14px;transition:transform .2s ease}.rcal-filter-chevron--open{transform:rotate(180deg)}.rcal-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #0000001f;min-width:240px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.rcal-filter-option{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.rcal-filter-option--active,.rcal-filter-option:hover{background:var(--filter-bg);color:var(--filter-color)}.rcal-filter-option--active{font-weight:600}.rcal-filter-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.rcal-filter-icon{color:var(--filter-color);font-size:16px}.rcal-filter-label{flex:1 1}.rcal-filter-count{background:#f1f5f9;border-radius:20px;color:#94a3b8;font-size:12px;font-weight:600;padding:2px 8px}.rcal-content{min-height:400px}.rcal-content,.rcal-view-container{display:flex;flex:1 1 auto;flex-direction:column}.rcal-view-container{min-height:0}.rcal-loading{flex:1 1;flex-direction:column;padding:60px 20px}.rcal-loading,.rcal-loading-spinner{align-items:center;display:flex;justify-content:center}.rcal-loading-spinner{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;height:60px;margin-bottom:20px;width:60px}.rcal-loading-icon{animation:rcal-spin 1s linear infinite;color:#fff;font-size:28px}@keyframes rcal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rcal-loading-text{color:#64748b;font-size:16px;margin:0}.rcal-empty{flex:1 1;flex-direction:column;padding:60px 20px;text-align:center}.rcal-empty,.rcal-empty-icon{align-items:center;display:flex;justify-content:center}.rcal-empty-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:24px;height:80px;margin-bottom:24px;width:80px}.rcal-empty-icon svg{color:#3b82f6;font-size:36px}.rcal-empty-title{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 12px}.rcal-empty-text{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 28px;max-width:360px}.rcal-empty-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.rcal-empty-btn:hover{box-shadow:0 8px 24px #3b82f666}@media (max-width:1024px){.rcal-header{padding:10px 16px}.rcal-header-icon{font-size:16px;height:32px;width:32px}.rcal-title{font-size:18px}.rcal-quick-stats{gap:8px;padding:8px 16px}.rcal-stat-card{padding:8px 6px}.rcal-stat-value{font-size:18px}.rcal-filter-bar,.rcal-view-toggle{padding:8px 16px}}@media (max-width:768px){.rcal-header{align-items:stretch;flex-direction:column;gap:10px;padding:10px 14px}.rcal-header-actions{flex-direction:row;justify-content:space-between;width:100%}.rcal-create-btn{flex:1 1;justify-content:center;padding:10px 16px}.rcal-quick-stats{grid-template-columns:repeat(2,1fr);padding:8px 14px}.rcal-view-toggle{gap:6px;padding:8px 14px}.rcal-view-btn{font-size:13px;padding:8px 12px}.rcal-view-btn span{display:none}.rcal-filter-dropdown{left:auto;right:0}}@media (max-width:480px){.rcal-header{padding:8px 12px}.rcal-header-icon{border-radius:8px;font-size:14px;height:28px;width:28px}.rcal-title{font-size:16px}.rcal-quick-stats{gap:6px;padding:6px 12px}.rcal-stat-card{border-radius:10px;padding:8px 6px}.rcal-stat-value{font-size:16px}.rcal-stat-label{font-size:10px}.rcal-view-toggle{padding:6px 12px}.rcal-view-btn{padding:8px 10px}.rcal-header-actions{gap:8px}.rcal-filter-toggle span{display:none}.rcal-empty-icon{height:64px;width:64px}.rcal-empty-icon svg{font-size:28px}.rcal-empty-title{font-size:18px}.rcal-empty-text{font-size:14px}}.members-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.sidebar-section{margin-bottom:28px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{align-items:center;color:#1a202c;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 16px}.crown-icon{color:#f59e0b;font-size:16px}.member-item,.request-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s}.member-item:hover,.request-item:hover{background:#f9fafb}.member-item.leader{background:#fef3c7;border:1px solid #fbbf24}.member-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.member-info,.request-info{flex:1 1;min-width:0}.member-name,.request-name{align-items:center;color:#1a202c;display:flex;font-size:14px;font-weight:600;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{color:#6b7280;font-size:12px;font-weight:500}.verified-badge{background:#00c853;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px}.member-joined,.request-time{color:#9ca3af;font-size:12px;margin-top:2px}.request-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;margin-top:6px;overflow:hidden}.members-list,.requests-list{display:flex;flex-direction:column;gap:8px}.no-members{color:#9ca3af;font-size:13px;padding:20px 0;text-align:center}.btn-remove{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.btn-remove:hover:not(:disabled){background:#fef2f2}.btn-remove:disabled{cursor:not-allowed;opacity:.5}.request-actions{flex-shrink:0;gap:6px}.btn-accept,.btn-reject{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.btn-accept{color:#10b981}.btn-accept:hover:not(:disabled){background:#f0fdf4}.btn-reject{color:#ef4444}.btn-reject:hover:not(:disabled){background:#fef2f2}.btn-accept:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.members-sidebar{margin-top:24px}}@media (max-width:768px){.members-sidebar{padding:16px}.member-avatar{height:36px;width:36px}.member-name,.request-name{font-size:13px}}.rdet-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%;overflow:hidden;overscroll-behavior:contain;position:relative;touch-action:pan-y;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}.rdet-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #e2e8f0cc;box-shadow:0 2px 12px #0000000a;flex:0 0 auto;justify-content:space-between;padding:10px 16px;touch-action:none;z-index:100}.rdet-header,.rdet-header-left{align-items:center;display:flex;gap:12px}.rdet-header-left{flex-shrink:0}.rdet-header-center{display:flex;flex:1 1;justify-content:center;min-width:0}.rdet-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.rdet-header-divider{background:#e2e8f0cc;height:24px;margin:0 4px;width:1px}.rdet-back-btn{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rdet-back-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.rdet-title{max-width:200px}.rdet-title h1{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdet-tabs{align-items:center;background:#f1f5f999;border:1px solid #e2e8f099;border-radius:14px;display:flex;gap:4px;padding:4px}.rdet-tab-btn{background:#0000;border:none;border-radius:10px;cursor:pointer;gap:6px;padding:8px 12px}.rdet-tab-btn,.rdet-tab-icon{align-items:center;display:flex;transition:all .2s ease}.rdet-tab-icon{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:var(--tab-color);font-size:16px;height:32px;justify-content:center;width:32px}.rdet-tab-label{color:#64748b;font-size:13px;font-weight:500;transition:all .2s ease}.rdet-tab-btn:hover .rdet-tab-icon{background:var(--tab-bg);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.rdet-tab-btn:hover .rdet-tab-label{color:var(--tab-color)}.rdet-tab-btn--active .rdet-tab-icon{background:var(--tab-color);box-shadow:0 4px 12px #00000026;color:#fff}.rdet-tab-btn--active .rdet-tab-label{color:var(--tab-color);font-weight:600}.rdet-members-btn{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:16px;gap:6px;padding:8px 12px;transition:all .2s ease}.rdet-members-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#3b82f6}.rdet-members-btn--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.rdet-members-count{background:#3b82f626;border-radius:6px;color:#3b82f6;font-size:11px;font-weight:700;padding:2px 6px}.rdet-members-btn--active .rdet-members-count{background:#ffffff40;color:#fff}.rdet-settings-btn{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rdet-settings-btn:hover{background:#f1f5f9;color:#0f172a}.rdet-content{flex:1 1 auto;gap:12px;padding:12px}.rdet-content,.rdet-tab-content{display:flex;min-height:0;overflow:hidden}.rdet-tab-content{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;flex:1 1;flex-direction:column;position:relative}.rdet-tab-wrapper{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.rdet-sidebar{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;flex-shrink:0;overflow:hidden;width:320px}.rdet-mobile-members,.rdet-overlay{display:none}.rdet-error,.rdet-loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;height:100vh;justify-content:center}.rdet-error{flex-direction:column;padding:24px;text-align:center}.rdet-error-icon{font-size:48px;margin-bottom:16px}.rdet-error h2{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 8px}.rdet-error p{color:#64748b;font-size:14px;margin:0 0 24px}.rdet-error-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.rdet-error-btn:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}@media (max-width:1200px){.rdet-sidebar{width:280px}.rdet-tab-label{display:none}.rdet-tab-btn{padding:6px}}@media (max-width:1024px){.rdet-container{-webkit-overflow-scrolling:touch;bottom:0;height:auto;left:0;position:fixed;right:0;top:60px;will-change:transform}.rdet-sidebar{display:none}.rdet-content{padding:8px}.rdet-tab-content{border-radius:12px}.rdet-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a80;display:block;inset:0;position:fixed;z-index:1000}.rdet-mobile-members{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:320px;z-index:1001}.rdet-mobile-members-header{align-items:center;background:#ffffffe6;border-bottom:1px solid #e2e8f0cc;display:flex;justify-content:space-between;padding:16px 20px}.rdet-mobile-members-header h3{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:10px;margin:0}.rdet-mobile-members-header h3 svg{color:#3b82f6}.rdet-mobile-members-count{background:#dbeafe;border-radius:8px;color:#3b82f6;font-size:12px;font-weight:600;padding:2px 8px}.rdet-mobile-close{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rdet-mobile-close:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.rdet-mobile-members-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}}@media (max-width:768px){.rdet-header{gap:8px;padding:8px 12px}.rdet-title{max-width:120px}.rdet-title h1{font-size:14px}.rdet-back-btn{font-size:16px;height:36px;width:36px}.rdet-tabs{gap:2px;padding:3px}.rdet-tab-icon{font-size:14px;height:28px;width:28px}.rdet-members-btn{font-size:14px;padding:6px 10px}.rdet-settings-btn{font-size:16px;height:36px;width:36px}.rdet-header-divider{height:20px}}@media (max-width:480px){.rdet-header{gap:6px;padding:6px 10px}.rdet-header-left{gap:8px}.rdet-title{display:none}.rdet-header-center{flex:1 1;justify-content:flex-start}.rdet-tabs{border-radius:10px;gap:1px;padding:2px}.rdet-tab-btn{padding:4px}.rdet-tab-icon{border-radius:8px;font-size:15px;height:32px;width:32px}.rdet-back-btn{border-radius:10px;height:34px;width:34px}.rdet-members-btn{border-radius:8px;padding:6px 8px}.rdet-members-count{font-size:10px;padding:2px 5px}.rdet-settings-btn{border-radius:8px;font-size:15px;height:34px;width:34px}.rdet-header-divider{display:none}.rdet-content{gap:0;padding:4px}.rdet-tab-content{border-radius:8px}.rdet-mobile-members{max-width:none;width:100%}}@media (prefers-reduced-motion:reduce){.rdet-back-btn,.rdet-container,.rdet-header,.rdet-members-btn,.rdet-mobile-members,.rdet-overlay,.rdet-settings-btn,.rdet-sidebar,.rdet-tab-btn{animation:none;transition:none}}.rdet-back-btn:focus-visible,.rdet-members-btn:focus-visible,.rdet-settings-btn:focus-visible,.rdet-tab-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.resource-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;display:flex;flex-direction:column;min-height:320px;padding:20px;transition:all .2s ease}.resource-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resource-icon{align-items:center;display:flex;font-size:3rem;height:60px;justify-content:center;margin-bottom:15px;opacity:.85;text-align:center}.resource-content{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:15px}.resource-title{color:#333;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 8px;word-break:break-word}.resource-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden}.resource-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.folder-badge,.pinned-badge,.resource-type-badge,.upload-date{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.resource-type-badge{background:#e3f2fd;color:#1565c0}.folder-badge{background:#f3e5f5;color:#7b1fa2}.pinned-badge{background:#fff3e0;color:#e65100}.upload-date{background:#f8f9fa;color:#666}.resource-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.resource-tags .tag{background:#f1f3f4;border-radius:10px;color:#5f6368;font-size:.6875rem;font-weight:500;padding:3px 8px}.uploader-info{align-items:center;border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:auto;padding:10px 0}.uploader-avatar,.uploader-avatar-fallback{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.uploader-avatar{object-fit:cover}.uploader-details{display:flex;flex-direction:column;gap:2px;min-width:0}.uploader-name{color:#666;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-time{color:#999;font-size:.6875rem}.resource-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:auto;padding-top:12px}.room-resource-btn{border:1px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:500;padding:8px 16px;text-align:center;transition:all .2s ease;white-space:nowrap}.room-resource-btn:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.room-resource-btn-primary{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.room-resource-btn-primary:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.room-resource-btn-secondary{background:#f8fafc;border-color:#cbd5e1;color:#475569;flex:0.8 1}.room-resource-btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}.room-resource-btn-danger{background:#fff;border-color:#fecaca;color:#dc2626;flex:0.8 1}.room-resource-btn-danger:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}@media (max-width:768px){.resource-card{min-height:280px;padding:16px}.resource-icon{font-size:2.5rem;height:50px}.resource-title{font-size:1rem}.resource-description{font-size:.8125rem}.resource-actions{flex-direction:column}.room-resource-btn{flex:1 1!important}}@media (max-width:480px){.resource-card{padding:14px}.resource-icon{font-size:2rem;height:40px}.resource-meta{font-size:.6875rem}}.add-resource-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-resource-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.add-resource-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.add-resource-modal .modal-header h2{align-items:center;color:#333;display:flex;font-size:1.25rem;gap:10px;margin:0}.add-resource-modal .btn-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:5px;transition:color .2s}.add-resource-modal .btn-close:hover{color:#333}.add-resource-modal .modal-content{flex:1 1;overflow-y:auto;padding:20px}.resource-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.type-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:6px;justify-content:center;padding:15px 10px;transition:all .2s}.type-btn:hover{background:#f1f8f4;border-color:#4caf50}.type-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:.9375rem;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea{min-height:80px}.form-row{grid-gap:15px;gap:15px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.add-resource-modal .modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.add-resource-modal .modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-create{background:#4caf50;color:#fff}.btn-create:hover:not(:disabled){background:#45a049}.add-resource-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.resource-type-grid{grid-template-columns:repeat(2,1fr)}.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:20px}}:root{--exp-blue:#3b82f6;--exp-blue-light:#60a5fa;--exp-blue-dark:#2563eb;--exp-blue-subtle:#3b82f61a;--exp-purple:#8b5cf6;--exp-purple-light:#a78bfa;--exp-purple-dark:#7c3aed;--exp-purple-subtle:#8b5cf61a;--exp-green:#10b981;--exp-green-light:#34d399;--exp-green-dark:#059669;--exp-green-subtle:#10b9811a;--exp-amber:#f59e0b;--exp-amber-light:#fbbf24;--exp-amber-dark:#d97706;--exp-amber-subtle:#f59e0b1a;--exp-indigo:#6366f1;--exp-indigo-light:#818cf8;--exp-indigo-dark:#4f46e5;--exp-indigo-subtle:#6366f11a;--exp-cyan:#06b6d4;--exp-cyan-light:#22d3ee;--exp-cyan-dark:#0891b2;--exp-cyan-subtle:#06b6d41a;--exp-pink:#ec4899;--exp-pink-light:#f472b6;--exp-pink-dark:#db2777;--exp-pink-subtle:#ec48991a;--exp-red:#ef4444;--exp-red-light:#f87171;--exp-red-dark:#dc2626;--exp-red-subtle:#ef44441a;--exp-slate-50:#f8fafc;--exp-slate-100:#f1f5f9;--exp-slate-200:#e2e8f0;--exp-slate-300:#cbd5e1;--exp-slate-400:#94a3b8;--exp-slate-500:#64748b;--exp-slate-600:#475569;--exp-slate-700:#334155;--exp-slate-800:#1e293b;--exp-slate-900:#0f172a;--exp-glass-bg:#ffffffd9;--exp-glass-bg-strong:#fffffff2;--exp-glass-border:#fff3;--exp-glass-shadow:0 8px 32px #00000014;--exp-gradient-primary:linear-gradient(135deg,var(--exp-blue) 0%,var(--exp-purple) 100%);--exp-gradient-success:linear-gradient(135deg,var(--exp-green) 0%,var(--exp-cyan) 100%);--exp-gradient-warm:linear-gradient(135deg,var(--exp-amber) 0%,var(--exp-pink) 100%);--exp-gradient-cool:linear-gradient(135deg,var(--exp-indigo) 0%,var(--exp-blue) 100%);--exp-gradient-subtle:linear-gradient(135deg,var(--exp-slate-50) 0%,#fff 100%);--exp-gradient-card:linear-gradient(145deg,#fffffff2,#f8fafce6);--exp-space-xs:4px;--exp-space-sm:8px;--exp-space-md:16px;--exp-space-lg:24px;--exp-space-xl:32px;--exp-space-2xl:48px;--exp-space-3xl:64px;--exp-radius-sm:6px;--exp-radius-md:10px;--exp-radius-lg:14px;--exp-radius-xl:20px;--exp-radius-2xl:28px;--exp-radius-full:9999px;--exp-shadow-xs:0 1px 2px #0000000d;--exp-shadow-sm:0 2px 4px #0000000f;--exp-shadow-md:0 4px 12px #00000014;--exp-shadow-lg:0 8px 24px #0000001a;--exp-shadow-xl:0 16px 48px #0000001f;--exp-shadow-glow-blue:0 8px 30px #3b82f640;--exp-shadow-glow-purple:0 8px 30px #8b5cf640;--exp-shadow-glow-green:0 8px 30px #10b98140;--exp-transition-fast:0.15s ease;--exp-transition-normal:0.2s ease;--exp-transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--exp-transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);--exp-transition-bounce:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--exp-z-base:1;--exp-z-dropdown:50;--exp-z-sticky:100;--exp-z-overlay:200;--exp-z-modal:300;--exp-z-toast:400;--exp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Roboto",sans-serif;--exp-font-size-xs:0.75rem;--exp-font-size-sm:0.875rem;--exp-font-size-base:1rem;--exp-font-size-lg:1.125rem;--exp-font-size-xl:1.25rem;--exp-font-size-2xl:1.5rem;--exp-font-size-3xl:1.875rem;--exp-font-size-4xl:2.25rem;--exp-leading-tight:1.25;--exp-leading-normal:1.5;--exp-leading-relaxed:1.75}@keyframes exp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes exp-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes exp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes exp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes exp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes exp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes exp-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.exp-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--exp-gradient-card);border:1px solid #ffffff80;border-radius:var(--exp-radius-xl);box-shadow:var(--exp-shadow-md);display:flex;flex-direction:column;gap:var(--exp-space-md);overflow:hidden;padding:var(--exp-space-lg);position:relative;transition:var(--exp-transition-smooth)}.exp-card:before{background:var(--exp-gradient-primary);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--exp-transition-smooth)}.exp-card:hover{border-color:var(--exp-slate-200);box-shadow:var(--exp-shadow-xl);transform:translateY(-4px)}.exp-card:hover:before{opacity:1}.exp-card-header{display:flex;flex-direction:column;gap:var(--exp-space-sm)}.exp-card-title{color:var(--exp-slate-900);font-size:var(--exp-font-size-lg);font-weight:700;line-height:var(--exp-leading-tight);margin:0}.exp-card-title a{color:inherit;text-decoration:none;transition:color var(--exp-transition-fast)}.exp-card-title a:hover{color:var(--exp-blue)}.exp-card-abstract em,.exp-card-title em{background:linear-gradient(120deg,var(--exp-amber-subtle) 0,var(--exp-amber-subtle) 100%);background-position:0 90%;background-repeat:no-repeat;background-size:100% 40%;color:var(--exp-amber-dark);font-style:normal;font-weight:600}.exp-card-meta{align-items:center;color:var(--exp-slate-500);display:flex;flex-wrap:wrap;font-size:var(--exp-font-size-sm);gap:var(--exp-space-sm)}.exp-card-authors{align-items:center;color:var(--exp-slate-600);display:flex;font-weight:500;gap:var(--exp-space-xs)}.exp-card-authors svg{color:var(--exp-slate-400);height:14px;width:14px}.exp-card-year{align-items:center;color:var(--exp-slate-500);display:flex;gap:var(--exp-space-xs)}.exp-card-year svg{height:14px;width:14px}.exp-card-journal{background:var(--exp-slate-100);border-radius:var(--exp-radius-sm);color:var(--exp-slate-500);font-style:italic;padding:2px 8px}.exp-card-score{align-items:center;background:var(--exp-indigo-subtle);border-radius:var(--exp-radius-full);color:var(--exp-indigo);display:flex;font-size:var(--exp-font-size-xs);font-weight:600;gap:var(--exp-space-xs);padding:4px 10px}.exp-card-score svg{height:12px;width:12px}.exp-card-badges{display:flex;flex-wrap:wrap;gap:var(--exp-space-sm)}.exp-badge{align-items:center;border-radius:var(--exp-radius-full);display:inline-flex;font-size:var(--exp-font-size-xs);font-weight:600;gap:var(--exp-space-xs);padding:4px 10px;white-space:nowrap}.exp-badge--open-access{background:var(--exp-green-subtle);border:1px solid #10b98133;color:var(--exp-green-dark)}.exp-badge--open-access svg{height:12px;width:12px}.exp-badge--trending{background:linear-gradient(135deg,var(--exp-amber-subtle) 0,var(--exp-pink-subtle) 100%);border:1px solid #f59e0b33;color:var(--exp-amber-dark)}.exp-badge--trending svg{height:12px;width:12px}.exp-badge--recommended{background:var(--exp-purple-subtle);border:1px solid #8b5cf633;color:var(--exp-purple-dark)}.exp-badge--recommended svg{height:12px;width:12px}.exp-card-abstract{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--exp-slate-600);display:-webkit-box;font-size:var(--exp-font-size-sm);line-height:var(--exp-leading-relaxed);margin:0;overflow:hidden}.exp-card-categories{display:flex;flex-direction:column;gap:var(--exp-space-sm)}.exp-card-category-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--exp-space-sm)}.exp-card-category-label{color:var(--exp-slate-400);font-size:var(--exp-font-size-xs);font-weight:600;letter-spacing:.5px;min-width:60px;text-transform:uppercase}.exp-card-tags{display:flex;flex-wrap:wrap;gap:6px}.exp-tag{border-radius:var(--exp-radius-md);font-size:var(--exp-font-size-xs);font-weight:500;padding:4px 10px;white-space:nowrap}.exp-tag--domain{background:var(--exp-blue-subtle);border:1px solid #3b82f626;color:var(--exp-blue-dark)}.exp-tag--field{background:var(--exp-cyan-subtle);border:1px solid #06b6d426;color:var(--exp-cyan-dark)}.exp-tag--topic{background:var(--exp-slate-100);border:1px solid var(--exp-slate-200);color:var(--exp-slate-600)}.exp-card-footer{align-items:center;border-top:1px solid var(--exp-slate-100);display:flex;flex-wrap:wrap;gap:var(--exp-space-md);justify-content:space-between;padding-top:var(--exp-space-md)}.exp-card-stats{color:var(--exp-slate-500);font-size:var(--exp-font-size-sm);gap:var(--exp-space-lg)}.exp-card-stat,.exp-card-stats{align-items:center;display:flex}.exp-card-stat{gap:var(--exp-space-xs)}.exp-card-stat svg{color:var(--exp-slate-400);height:16px;width:16px}.exp-card-stat--citations,.exp-card-stat--citations svg{color:var(--exp-purple)}.exp-card-stat--views,.exp-card-stat--views svg{color:var(--exp-blue)}.exp-card-stat--saves,.exp-card-stat--saves svg{color:var(--exp-amber)}.exp-card-actions{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-card-action-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-600);cursor:pointer;display:flex;font-size:var(--exp-font-size-xs);font-weight:500;gap:var(--exp-space-xs);justify-content:center;padding:8px 14px;text-decoration:none;transition:var(--exp-transition-fast)}.exp-card-action-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300);color:var(--exp-slate-800)}.exp-card-action-btn svg{height:16px;width:16px}.exp-card-action-btn--pdf{border-color:var(--exp-red-subtle);color:var(--exp-red)}.exp-card-action-btn--pdf:hover{background:var(--exp-red-subtle);border-color:var(--exp-red);color:var(--exp-red-dark)}.exp-card-action-btn--details{border-color:var(--exp-blue-subtle);color:var(--exp-blue)}.exp-card-action-btn--details:hover{background:var(--exp-blue-subtle);border-color:var(--exp-blue);color:var(--exp-blue-dark)}.exp-card-action-btn--save{background:var(--exp-gradient-primary);border:none;box-shadow:var(--exp-shadow-sm);color:#fff;padding:8px 16px}.exp-card-action-btn--save:hover{background:var(--exp-gradient-primary);box-shadow:var(--exp-shadow-glow-blue);color:#fff;transform:translateY(-1px)}.exp-card-action-btn--save.saved{background:var(--exp-amber);box-shadow:none}.exp-card-action-btn--save.saved:hover{background:var(--exp-amber-dark);box-shadow:var(--exp-shadow-sm)}.exp-card-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.exp-card-error{color:var(--exp-red);font-size:var(--exp-font-size-xs);margin-top:var(--exp-space-xs)}.exp-card-analytics{align-items:center;display:flex;gap:var(--exp-space-sm);margin-top:auto}.exp-analytics-badge{align-items:center;background:var(--exp-slate-50);border-radius:var(--exp-radius-sm);color:var(--exp-slate-500);display:flex;font-size:var(--exp-font-size-xs);gap:var(--exp-space-xs);padding:4px 8px}.exp-analytics-badge svg{height:12px;width:12px}.exp-card-reason{align-items:center;background:linear-gradient(135deg,var(--exp-purple-subtle) 0,var(--exp-pink-subtle) 100%);border:1px solid #8b5cf61a;border-radius:var(--exp-radius-md);color:var(--exp-purple-dark);display:flex;font-size:var(--exp-font-size-xs);gap:var(--exp-space-sm);padding:var(--exp-space-sm) var(--exp-space-md)}.exp-card-reason svg{color:var(--exp-purple);flex-shrink:0;height:14px;width:14px}@media (max-width:768px){.exp-card{border-radius:var(--exp-radius-lg);padding:var(--exp-space-md)}.exp-card-title{font-size:var(--exp-font-size-base)}.exp-card-footer{align-items:flex-start;flex-direction:column;gap:var(--exp-space-sm)}.exp-card-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.exp-card-action-btn{flex:1 1;justify-content:center;min-width:80px}}@media (max-width:480px){.exp-card{gap:var(--exp-space-sm);padding:var(--exp-space-sm) var(--exp-space-md)}.exp-card-meta{font-size:var(--exp-font-size-xs);gap:var(--exp-space-xs)}.exp-card-abstract{-webkit-line-clamp:2;line-clamp:2;font-size:var(--exp-font-size-xs)}.exp-card-stats{font-size:var(--exp-font-size-xs);gap:var(--exp-space-md)}.exp-card-action-btn{font-size:11px;padding:6px 10px}.exp-card-action-btn svg{height:14px;width:14px}.exp-tag{font-size:10px;padding:2px 6px}.exp-badge{font-size:10px;padding:2px 8px}}.exp-card--skeleton{pointer-events:none}.exp-skeleton{animation:exp-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--exp-slate-100) 25%,var(--exp-slate-200) 50%,var(--exp-slate-100) 75%);background-size:200% 100%;border-radius:var(--exp-radius-sm)}.exp-skeleton--title{height:24px;width:80%}.exp-skeleton--meta{height:16px;width:60%}.exp-skeleton--text{height:14px;width:100%}.exp-skeleton--text-short{height:14px;width:70%}.exp-skeleton--badge{border-radius:var(--exp-radius-full);height:24px;width:80px}.exp-skeleton--btn{height:34px;width:80px}.exp-saved-container{display:flex;flex-direction:column;gap:var(--exp-space-lg)}.exp-saved-header{display:flex;flex-direction:column;gap:var(--exp-space-md)}.exp-saved-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--exp-space-lg);justify-content:space-between}.exp-saved-title-section{align-items:center;display:flex;gap:var(--exp-space-md)}.exp-saved-header-actions{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-saved-title-row{align-items:center;display:flex;gap:var(--exp-space-md)}.exp-saved-icon{align-items:center;background:linear-gradient(135deg,var(--exp-amber) 0,var(--exp-amber-dark) 100%);border-radius:var(--exp-radius-lg);box-shadow:var(--exp-shadow-glow-blue);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.exp-saved-icon svg{height:24px;width:24px}.exp-saved-title-content{display:flex;flex-direction:column;gap:2px}.exp-saved-title{color:var(--exp-slate-900);font-size:var(--exp-font-size-2xl);font-weight:800;letter-spacing:-.02em;margin:0}.exp-saved-subtitle{margin:0}.exp-saved-count,.exp-saved-subtitle{color:var(--exp-slate-500);font-size:var(--exp-font-size-sm)}.exp-saved-toolbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);display:flex;flex-wrap:wrap;gap:var(--exp-space-lg);justify-content:space-between;padding:var(--exp-space-md) var(--exp-space-lg)}.exp-saved-toolbar-left,.exp-saved-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--exp-space-md)}.exp-saved-search{align-items:center;display:flex;position:relative}.exp-saved-search-icon{color:var(--exp-slate-400);height:18px;left:12px;pointer-events:none;position:absolute;width:18px}.exp-saved-search-input{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);font-size:var(--exp-font-size-sm);padding:10px 36px 10px 38px;transition:var(--exp-transition-fast);width:250px}.exp-saved-search-input:focus{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle);outline:none}.exp-saved-search-input::placeholder{color:var(--exp-slate-400)}.exp-saved-search-clear{align-items:center;background:var(--exp-slate-100);border:none;border-radius:var(--exp-radius-full);color:var(--exp-slate-500);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:10px;transition:var(--exp-transition-fast);width:20px}.exp-saved-search-clear:hover{background:var(--exp-slate-200);color:var(--exp-slate-700)}.exp-saved-search-clear svg{height:12px;width:12px}.exp-saved-filter-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-600);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:10px 14px;transition:var(--exp-transition-fast)}.exp-saved-filter-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300)}.exp-saved-filter-btn.active{background:var(--exp-blue-subtle);border-color:var(--exp-blue);color:var(--exp-blue)}.exp-saved-filter-btn svg{height:16px;width:16px}.exp-saved-filter-chevron{transition:transform var(--exp-transition-fast)}.exp-saved-filter-chevron.rotated{transform:rotate(180deg)}.exp-saved-sort{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-saved-sort label{color:var(--exp-slate-500);font-size:var(--exp-font-size-sm);white-space:nowrap}.exp-saved-sort-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;font-size:var(--exp-font-size-sm);padding:10px 36px 10px 14px}.exp-saved-sort-select:focus{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle);outline:none}.exp-saved-view-toggle{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);display:flex;overflow:hidden}.exp-saved-view-btn{align-items:center;background:#0000;border:none;color:var(--exp-slate-500);cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:var(--exp-transition-fast);width:38px}.exp-saved-view-btn:hover{background:var(--exp-slate-50);color:var(--exp-slate-700)}.exp-saved-view-btn.active{background:var(--exp-blue);color:#fff}.exp-saved-view-btn svg{height:18px;width:18px}.exp-saved-filters-panel{background:var(--exp-slate-50);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);overflow:hidden;padding:var(--exp-space-md) var(--exp-space-lg)}.exp-saved-filter-group{align-items:center;display:flex;gap:var(--exp-space-md)}.exp-saved-filter-group label{color:var(--exp-slate-600);font-size:var(--exp-font-size-sm);font-weight:500}.exp-saved-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;font-size:var(--exp-font-size-sm);padding:8px 32px 8px 12px}.exp-saved-selection-bar{align-items:center;background:var(--exp-blue-subtle);border:1px solid #3b82f64d;border-radius:var(--exp-radius-lg);display:flex;gap:var(--exp-space-lg);justify-content:space-between;padding:var(--exp-space-sm) var(--exp-space-md)}.exp-saved-selection-info{align-items:center;color:var(--exp-blue-dark);display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-md)}.exp-saved-select-all-btn{background:#0000;border:none;color:var(--exp-blue);padding:4px}.exp-saved-select-all-btn svg{height:20px;width:20px}.exp-saved-clear-selection{background:#fff;border:1px solid var(--exp-blue);border-radius:var(--exp-radius-sm);color:var(--exp-blue);cursor:pointer;font-size:var(--exp-font-size-xs);font-weight:500;padding:4px 10px;transition:var(--exp-transition-fast)}.exp-saved-clear-selection:hover{background:var(--exp-blue);color:#fff}.exp-saved-selection-actions{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-saved-bulk-btn{align-items:center;border:none;border-radius:var(--exp-radius-md);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-xs);padding:8px 14px;transition:var(--exp-transition-fast)}.exp-saved-bulk-btn svg{height:16px;width:16px}.exp-saved-bulk-btn.export{background:var(--exp-green);color:#fff}.exp-saved-bulk-btn.export:hover{background:var(--exp-green-dark)}.exp-saved-bulk-btn.remove{background:var(--exp-red-subtle);border:1px solid var(--exp-red);color:var(--exp-red)}.exp-saved-bulk-btn.remove:hover{background:var(--exp-red);color:#fff}.exp-saved-export{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-saved-format-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;font-size:var(--exp-font-size-sm);padding:10px 36px 10px 14px}.exp-saved-format-select:focus{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle);outline:none}.exp-saved-export-btn{align-items:center;background:var(--exp-green);border:none;border-radius:var(--exp-radius-md);box-shadow:var(--exp-shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);padding:10px 18px;transition:var(--exp-transition-smooth)}.exp-saved-export-btn:hover{background:var(--exp-green-dark);box-shadow:var(--exp-shadow-glow-green)}.exp-saved-export-btn svg{height:18px;width:18px}.exp-saved-bulk-actions{align-items:center;display:flex;gap:var(--exp-space-md)}.exp-saved-select-all-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-300);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:10px 16px;transition:var(--exp-transition-fast)}.exp-saved-select-all-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-400)}.exp-saved-select-all-btn svg{height:18px;width:18px}.exp-saved-bulk-unsave-btn{align-items:center;background:var(--exp-red-subtle);border:1px solid var(--exp-red);border-radius:var(--exp-radius-md);color:var(--exp-red);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);padding:10px 16px;transition:var(--exp-transition-fast)}.exp-saved-bulk-unsave-btn:hover{background:var(--exp-red);color:#fff}.exp-saved-bulk-unsave-btn:disabled{cursor:not-allowed;opacity:.5}.exp-saved-bulk-unsave-btn svg{height:16px;width:16px}.exp-saved-papers-grid{display:flex;flex-direction:column;gap:var(--exp-space-lg)}.exp-saved-paper-wrapper{position:relative}.exp-saved-date-badge{align-items:center;background:linear-gradient(135deg,var(--exp-amber-subtle) 0,#fff7ed 100%);background:linear-gradient(135deg,var(--exp-amber-subtle) 0,var(--exp-orange-subtle,#fff7ed) 100%);border:1px solid var(--exp-amber);border-radius:var(--exp-radius-full);color:#d97706;color:var(--exp-amber-dark,#d97706);display:inline-flex;font-size:var(--exp-font-size-xs);font-weight:600;gap:6px;margin-bottom:var(--exp-space-sm);padding:6px 12px}.exp-saved-date-badge svg{height:12px;width:12px}.exp-saved-list{display:flex;flex-direction:column;gap:var(--exp-space-md)}.exp-saved-list.grid{grid-gap:var(--exp-space-lg);display:grid;gap:var(--exp-space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.exp-saved-list.list{display:flex;flex-direction:column;gap:var(--exp-space-md)}.exp-saved-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--exp-gradient-card);border:1px solid #ffffff80;border-radius:var(--exp-radius-xl);box-shadow:var(--exp-shadow-sm);cursor:pointer;display:flex;gap:var(--exp-space-md);padding:var(--exp-space-lg);position:relative;transition:var(--exp-transition-smooth)}.exp-saved-card.grid{flex-direction:column}.exp-saved-card.list{align-items:flex-start;flex-direction:row}.exp-saved-card:hover{border-color:var(--exp-slate-200);box-shadow:var(--exp-shadow-md)}.exp-saved-card.selected{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle)}.exp-saved-card-checkbox{align-items:center;background:#0000;border:none;color:var(--exp-slate-400);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:var(--exp-transition-fast)}.exp-saved-card-checkbox:hover{color:var(--exp-blue)}.exp-saved-card-checkbox svg{height:20px;width:20px}.exp-saved-card-content{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--exp-space-sm);min-width:0}.exp-saved-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--exp-slate-900);display:-webkit-box;font-size:var(--exp-font-size-lg);font-weight:700;line-height:var(--exp-leading-tight);margin:0;overflow:hidden}.exp-saved-card-meta{align-items:center;color:var(--exp-slate-500);display:flex;flex-wrap:wrap;font-size:var(--exp-font-size-sm);gap:var(--exp-space-sm) var(--exp-space-md)}.exp-saved-card-authors,.exp-saved-card-citations,.exp-saved-card-year{align-items:center;display:flex;gap:4px}.exp-saved-card-authors svg,.exp-saved-card-citations svg,.exp-saved-card-year svg{color:var(--exp-slate-400);height:14px;width:14px}.exp-saved-card-topics{display:flex;flex-wrap:wrap;gap:var(--exp-space-xs);margin-top:var(--exp-space-xs)}.exp-saved-card-topic{background:var(--exp-indigo-subtle);border-radius:var(--exp-radius-full);color:var(--exp-indigo);font-size:var(--exp-font-size-xs);font-weight:500;padding:4px 10px}.exp-saved-card-journal{color:var(--exp-slate-600);font-style:italic}.exp-saved-card-abstract{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--exp-slate-600);display:-webkit-box;font-size:var(--exp-font-size-sm);line-height:var(--exp-leading-relaxed);margin:var(--exp-space-xs) 0;overflow:hidden}.exp-saved-card-badges{display:flex;flex-wrap:wrap;gap:var(--exp-space-xs);margin:var(--exp-space-xs) 0}.exp-saved-badge{align-items:center;border-radius:var(--exp-radius-full);display:inline-flex;font-size:var(--exp-font-size-xs);font-weight:600;gap:4px;padding:3px 8px}.exp-saved-badge--open-access{background:var(--exp-emerald-subtle);color:var(--exp-emerald)}.exp-saved-card-footer{align-items:center;color:var(--exp-slate-500);display:flex;font-size:var(--exp-font-size-xs);gap:var(--exp-space-md);margin-top:var(--exp-space-xs)}.exp-saved-card-collection,.exp-saved-card-date{align-items:center;display:flex;gap:4px}.exp-saved-card-collection svg,.exp-saved-card-date svg{height:12px;width:12px}.exp-saved-card-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--exp-space-xs)}.exp-saved-card-action{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-500);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;text-decoration:none;transition:var(--exp-transition-fast);width:32px}.exp-saved-card-action:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300);color:var(--exp-slate-700)}.exp-saved-card-action.remove:hover{background:var(--exp-red-subtle);border-color:var(--exp-red);color:var(--exp-red)}.exp-saved-card-action svg{height:16px;width:16px}.exp-saved-card-menu-wrapper{position:relative}.exp-saved-card-menu{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);box-shadow:var(--exp-shadow-lg);margin-top:4px;min-width:160px;padding:var(--exp-space-xs);position:absolute;right:0;top:100%;z-index:100}.exp-saved-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--exp-radius-sm);color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);gap:var(--exp-space-sm);padding:8px 12px;text-align:left;transition:var(--exp-transition-fast);width:100%}.exp-saved-menu-item:hover{background:var(--exp-slate-50)}.exp-saved-menu-item svg{color:var(--exp-slate-400);height:16px;width:16px}.exp-saved-overlay{inset:0;position:fixed;z-index:50}.exp-saved-loading{align-items:center;color:var(--exp-slate-500);display:flex;flex-direction:column;gap:var(--exp-space-md);justify-content:center;padding:var(--exp-space-3xl)}.exp-saved-loading-spinner{animation:exp-spin .8s linear infinite;border:3px solid var(--exp-slate-200);border-radius:50%;border-top-color:var(--exp-blue);height:40px;width:40px}.exp-saved-empty{background:var(--exp-gradient-card);border:2px dashed var(--exp-slate-200);border-radius:var(--exp-radius-xl);flex-direction:column;gap:var(--exp-space-lg);padding:var(--exp-space-3xl);text-align:center}.exp-saved-empty,.exp-saved-empty-icon{align-items:center;display:flex;justify-content:center}.exp-saved-empty-icon{background:var(--exp-amber-subtle);border-radius:var(--exp-radius-full);color:var(--exp-amber);height:80px;width:80px}.exp-saved-empty-icon svg{height:40px;width:40px}.exp-saved-empty h3{color:var(--exp-slate-800);font-size:var(--exp-font-size-xl);font-weight:700;margin:0}.exp-saved-empty p{color:var(--exp-slate-500);font-size:var(--exp-font-size-base);margin:0;max-width:350px}.exp-saved-error{background:var(--exp-gradient-card);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);flex-direction:column;gap:var(--exp-space-md);padding:var(--exp-space-3xl);text-align:center}.exp-saved-error,.exp-saved-error-icon{align-items:center;display:flex;justify-content:center}.exp-saved-error-icon{background:var(--exp-red-subtle);border-radius:var(--exp-radius-full);color:var(--exp-red);height:64px;width:64px}.exp-saved-error-icon svg{height:32px;width:32px}.exp-saved-error-text{color:var(--exp-slate-600);font-size:var(--exp-font-size-base)}.exp-saved-retry-btn{align-items:center;background:var(--exp-blue);border:none;border-radius:var(--exp-radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);padding:10px 20px;transition:var(--exp-transition-smooth)}.exp-saved-retry-btn:hover{background:var(--exp-blue-dark)}.exp-saved-retry-btn svg{height:18px;width:18px}.exp-saved-pagination{align-items:center;display:flex;gap:var(--exp-space-lg);justify-content:center;padding:var(--exp-space-lg) 0}.exp-saved-page-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:10px 18px;transition:var(--exp-transition-fast)}.exp-saved-page-btn:hover:not(:disabled){background:var(--exp-blue);border-color:var(--exp-blue);color:#fff}.exp-saved-page-btn:disabled{cursor:not-allowed;opacity:.5}.exp-saved-page-info{color:var(--exp-slate-500);font-size:var(--exp-font-size-sm)}.exp-saved-page-info span{color:var(--exp-slate-700);font-weight:700}@media (max-width:768px){.exp-saved-toolbar{flex-direction:column;gap:var(--exp-space-md);padding:var(--exp-space-md)}.exp-saved-bulk-actions,.exp-saved-export{flex-wrap:wrap;justify-content:center;width:100%}.exp-saved-card{padding:var(--exp-space-md)}.exp-saved-card,.exp-saved-card-footer{flex-direction:column;gap:var(--exp-space-sm)}.exp-saved-card-footer{align-items:flex-start}.exp-saved-card-actions{flex-wrap:wrap;width:100%}.exp-saved-card-action-btn{flex:1 1;justify-content:center;min-width:80px}}@media (max-width:480px){.exp-saved-title-row{align-items:flex-start;flex-direction:column;gap:var(--exp-space-sm)}.exp-saved-icon{height:40px;width:40px}.exp-saved-icon svg{height:20px;width:20px}.exp-saved-title{font-size:var(--exp-font-size-xl)}.exp-saved-card-title{font-size:var(--exp-font-size-base)}.exp-saved-card-meta{font-size:var(--exp-font-size-xs)}.exp-saved-bulk-unsave-btn,.exp-saved-export-btn,.exp-saved-select-all-btn{font-size:var(--exp-font-size-xs);padding:8px 12px}.exp-saved-format-select{font-size:var(--exp-font-size-xs);padding:8px 28px 8px 10px}.exp-saved-empty{padding:var(--exp-space-xl)}.exp-saved-empty-icon{height:64px;width:64px}.exp-saved-empty-icon svg{height:32px;width:32px}}.exp-container{background:var(--exp-gradient-subtle);box-sizing:border-box;font-family:var(--exp-font-family);min-height:100vh;padding:var(--exp-space-lg);width:100%}.exp-wrapper{gap:var(--exp-space-lg);margin:0 auto;max-width:1400px}.exp-header,.exp-wrapper{display:flex;flex-direction:column}.exp-header{gap:var(--exp-space-md)}.exp-header-top{align-items:flex-start;display:flex;gap:var(--exp-space-lg);justify-content:space-between}.exp-header-title-section{display:flex;flex-direction:column;gap:var(--exp-space-xs)}.exp-header-title-row{align-items:center;display:flex;gap:var(--exp-space-md)}.exp-title{-webkit-text-fill-color:#0000;background:var(--exp-gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--exp-slate-900);font-size:var(--exp-font-size-3xl);font-weight:800;letter-spacing:-.02em;margin:0}.exp-subtitle{color:var(--exp-slate-500);font-size:var(--exp-font-size-base);font-weight:400;margin:0}.exp-saved-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);padding:12px 20px;transition:var(--exp-transition-smooth)}.exp-saved-btn:hover{background:var(--exp-amber-subtle);border-color:var(--exp-amber);box-shadow:var(--exp-shadow-md);color:var(--exp-amber-dark)}.exp-saved-btn svg{height:18px;width:18px}.exp-tabs{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);box-shadow:var(--exp-shadow-sm);padding:6px;width:-webkit-fit-content;width:fit-content}.exp-tab-btn,.exp-tabs{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-tab-btn{background:#0000;border:none;border-radius:var(--exp-radius-lg);color:var(--exp-slate-500);cursor:pointer;font-size:var(--exp-font-size-sm);font-weight:500;overflow:hidden;padding:10px 18px;position:relative;transition:var(--exp-transition-smooth)}.exp-tab-btn:before{background:var(--exp-gradient-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--exp-transition-smooth)}.exp-tab-btn:hover{color:var(--exp-slate-700)}.exp-tab-btn.active{background:#fff;box-shadow:var(--exp-shadow-md);color:var(--exp-blue)}.exp-tab-btn svg{height:18px;width:18px}.exp-tab-btn svg,.exp-tab-text{position:relative;z-index:1}.exp-tab-btn--search.active{color:var(--exp-blue)}.exp-tab-btn--trending.active{color:var(--exp-amber)}.exp-tab-btn--recommended.active{color:var(--exp-purple)}.exp-tab-btn--search.active svg{color:var(--exp-blue)}.exp-tab-btn--trending.active svg{color:var(--exp-amber)}.exp-tab-btn--recommended.active svg{color:var(--exp-purple)}.exp-search-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);box-shadow:var(--exp-shadow-sm);padding:var(--exp-space-lg)}.exp-search-form{display:flex;flex-direction:column;gap:var(--exp-space-md)}.exp-search-input-wrapper{align-items:center;display:flex}.exp-search-input{background:#fff;border:2px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);box-shadow:var(--exp-shadow-xs);color:var(--exp-slate-800);font-size:var(--exp-font-size-base);padding:16px 140px 16px 20px;transition:var(--exp-transition-smooth);width:100%}.exp-search-input::placeholder{color:var(--exp-slate-400)}.exp-search-input:focus{border-color:var(--exp-blue);box-shadow:0 0 0 4px var(--exp-blue-subtle);outline:none}.exp-search-btn{align-items:center;background:var(--exp-gradient-primary);border:none;border-radius:var(--exp-radius-md);box-shadow:var(--exp-shadow-glow-blue);color:#fff;cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);justify-content:center;padding:12px 24px;position:absolute;right:8px;transition:var(--exp-transition-smooth)}.exp-search-btn:hover{box-shadow:0 12px 35px #3b82f659;transform:translateY(-1px)}.exp-search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.exp-search-btn svg{height:18px;width:18px}.exp-search-btn-text{display:inline}.exp-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--exp-space-md);justify-content:space-between}.exp-quick-filters{align-items:center;display:flex;gap:var(--exp-space-sm)}.exp-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;font-size:var(--exp-font-size-sm);padding:10px 36px 10px 14px;transition:var(--exp-transition-fast)}.exp-select:focus{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle);outline:none}.exp-filter-toggle-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-600);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:10px 16px;transition:var(--exp-transition-fast)}.exp-filter-toggle-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300)}.exp-filter-toggle-btn.active{background:var(--exp-indigo-subtle);border-color:var(--exp-indigo);color:var(--exp-indigo)}.exp-filter-toggle-btn svg{height:16px;width:16px}.exp-clear-btn{align-items:center;background:var(--exp-red-subtle);border:1px solid #0000;border-radius:var(--exp-radius-md);color:var(--exp-red);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-xs);padding:10px 16px;transition:var(--exp-transition-fast)}.exp-clear-btn:hover{background:var(--exp-red);color:#fff}.exp-clear-btn svg{height:16px;width:16px}.exp-advanced-filters{background:var(--exp-slate-50);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);margin-top:var(--exp-space-md);overflow:hidden;padding:var(--exp-space-lg)}.exp-filters-grid{grid-gap:var(--exp-space-lg) var(--exp-space-xl);align-items:start;display:grid;gap:var(--exp-space-lg) var(--exp-space-xl);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.exp-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.exp-filters-grid{grid-template-columns:1fr}}.exp-filter-group{display:flex;flex-direction:column;gap:var(--exp-space-sm);min-width:0}.exp-filter-group .exp-checkbox-label{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);height:42px;padding:0 14px}.exp-filter-label{color:var(--exp-slate-500);font-size:var(--exp-font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exp-filter-input{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);font-size:var(--exp-font-size-sm);padding:10px 14px;transition:var(--exp-transition-fast)}.exp-filter-input:focus{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle);outline:none}.exp-range-inputs{align-items:center;display:flex;gap:var(--exp-space-xs)}.exp-range-inputs span{color:var(--exp-slate-400);flex-shrink:0;font-size:var(--exp-font-size-sm)}.exp-range-inputs .exp-filter-input{flex:1 1;min-width:0;padding:10px}.exp-checkbox-label{align-items:center;color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);gap:var(--exp-space-sm)}.exp-checkbox-label input[type=checkbox]{accent-color:var(--exp-green);cursor:pointer;height:18px;width:18px}.exp-trending-section{display:block;margin:var(--exp-space-sm) 0}.exp-trending-controls{align-items:center;background:var(--exp-amber-subtle);border:1px solid #f59e0b33;border-radius:var(--exp-radius-md);display:inline-flex;gap:6px;padding:5px 10px}.exp-trending-icon{color:var(--exp-amber-dark);flex-shrink:0;height:18px;width:18px}.exp-trending-text{font-weight:600;white-space:nowrap}.exp-timeframe-select,.exp-trending-text{color:var(--exp-amber-dark);font-size:var(--exp-font-size-sm)}.exp-timeframe-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--exp-amber);border-radius:var(--exp-radius-md);cursor:pointer;font-weight:500;padding:6px 28px 6px 10px}.exp-results-info{align-items:center;background:var(--exp-slate-50);border-radius:var(--exp-radius-lg);color:var(--exp-slate-600);display:flex;font-size:var(--exp-font-size-sm);gap:var(--exp-space-sm);padding:var(--exp-space-md) var(--exp-space-lg)}.exp-results-info svg{height:18px;width:18px}.exp-results-info--search{background:var(--exp-blue-subtle);color:var(--exp-blue-dark)}.exp-results-info--trending{background:var(--exp-amber-subtle);color:var(--exp-amber-dark)}.exp-results-info--recommended{background:var(--exp-purple-subtle);color:var(--exp-purple-dark)}.exp-results-count{font-weight:600}.exp-results-query{color:var(--exp-slate-800);font-weight:600}.exp-bulk-toolbar{align-items:center;background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);box-shadow:var(--exp-shadow-sm);display:flex;gap:var(--exp-space-md);padding:var(--exp-space-md)}.exp-select-all-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-300);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:8px 16px;transition:var(--exp-transition-fast)}.exp-select-all-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-400)}.exp-select-all-btn svg{height:18px;width:18px}.exp-bulk-save-btn{align-items:center;background:var(--exp-gradient-primary);border:none;border-radius:var(--exp-radius-md);box-shadow:var(--exp-shadow-glow-blue);color:#fff;cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);padding:8px 16px;transition:var(--exp-transition-smooth)}.exp-bulk-save-btn:hover{transform:translateY(-1px)}.exp-bulk-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.exp-bulk-save-btn svg{height:16px;width:16px}.exp-papers-grid{grid-gap:var(--exp-space-lg);display:grid;gap:var(--exp-space-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.exp-paper-wrapper{position:relative}.exp-paper-wrapper.selected .exp-paper-card{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-subtle),var(--exp-shadow-lg)}.exp-paper-checkbox{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-sm);box-shadow:var(--exp-shadow-md);display:flex;height:24px;justify-content:center;left:-8px;opacity:0;position:absolute;top:-8px;transform:scale(.8);transition:opacity .2s ease,transform .2s ease;width:24px;z-index:10}.exp-paper-wrapper.selected .exp-paper-checkbox,.exp-paper-wrapper:hover .exp-paper-checkbox{opacity:1;transform:scale(1)}.exp-paper-checkbox input[type=checkbox]{accent-color:var(--exp-blue);cursor:pointer;height:16px;margin:0;width:16px}.exp-pagination{gap:var(--exp-space-lg);justify-content:center;padding:var(--exp-space-lg) 0}.exp-page-btn,.exp-pagination{align-items:center;display:flex}.exp-page-btn{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);color:var(--exp-slate-700);cursor:pointer;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:12px 20px;transition:var(--exp-transition-smooth)}.exp-page-btn:hover:not(:disabled){background:var(--exp-blue);border-color:var(--exp-blue);box-shadow:var(--exp-shadow-glow-blue);color:#fff}.exp-page-btn:disabled{cursor:not-allowed;opacity:.5}.exp-page-btn svg{height:18px;width:18px}.exp-page-info{color:var(--exp-slate-500);font-size:var(--exp-font-size-sm);font-weight:500}.exp-page-info span{color:var(--exp-slate-700);font-weight:700}.exp-loading{align-items:center;color:var(--exp-slate-500);display:flex;flex-direction:column;gap:var(--exp-space-lg);justify-content:center;padding:var(--exp-space-3xl) var(--exp-space-lg)}.exp-loading-spinner{animation:exp-spin .8s linear infinite;border:3px solid var(--exp-slate-200);border-radius:50%;border-top-color:var(--exp-blue);height:48px;width:48px}.exp-loading-text{font-size:var(--exp-font-size-base);font-weight:500}.exp-error{flex-direction:column;gap:var(--exp-space-md);padding:var(--exp-space-3xl) var(--exp-space-lg);text-align:center}.exp-error,.exp-error-icon{align-items:center;display:flex;justify-content:center}.exp-error-icon{background:var(--exp-red-subtle);border-radius:var(--exp-radius-full);color:var(--exp-red);height:64px;width:64px}.exp-error-icon svg{height:32px;width:32px}.exp-error-text{color:var(--exp-slate-600);font-size:var(--exp-font-size-base);max-width:400px}.exp-empty{background:var(--exp-gradient-card);border:2px dashed var(--exp-slate-200);border-radius:var(--exp-radius-xl);flex-direction:column;gap:var(--exp-space-lg);padding:var(--exp-space-3xl) var(--exp-space-lg);text-align:center}.exp-empty,.exp-empty-icon{align-items:center;display:flex;justify-content:center}.exp-empty-icon{background:var(--exp-blue-subtle);border-radius:var(--exp-radius-full);color:var(--exp-blue);height:80px;width:80px}.exp-empty-icon svg{height:40px;width:40px}.exp-empty-title{color:var(--exp-slate-800);font-size:var(--exp-font-size-xl);font-weight:700;margin:0}.exp-empty-text{color:var(--exp-slate-500);font-size:var(--exp-font-size-base);margin:0;max-width:400px}.exp-back-header{gap:var(--exp-space-lg);justify-content:flex-start;margin-bottom:var(--exp-space-md)}.exp-back-btn,.exp-back-header{align-items:center;display:flex}.exp-back-btn{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);color:var(--exp-slate-600);cursor:pointer;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:10px 16px;transition:var(--exp-transition-smooth)}.exp-back-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300);color:var(--exp-slate-800)}.exp-back-btn svg{height:18px;width:18px}.exp-facets-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);padding:var(--exp-space-lg)}.exp-facets-title{color:var(--exp-slate-800);font-size:var(--exp-font-size-sm);font-weight:700;letter-spacing:.5px;margin:0 0 var(--exp-space-md) 0;text-transform:uppercase}.exp-facet-group{margin-bottom:var(--exp-space-lg)}.exp-facet-group:last-child{margin-bottom:0}.exp-facet-group-title{color:var(--exp-slate-500);font-size:var(--exp-font-size-xs);font-weight:600;letter-spacing:.5px;margin:0 0 var(--exp-space-sm) 0;text-transform:uppercase}.exp-facet-items{display:flex;flex-wrap:wrap;gap:var(--exp-space-sm)}.exp-facet-btn{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-600);cursor:pointer;font-size:var(--exp-font-size-xs);padding:6px 12px;transition:var(--exp-transition-fast)}.exp-facet-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300)}.exp-facet-btn.active{background:var(--exp-blue);border-color:var(--exp-blue);color:#fff}.exp-facet-count{margin-left:4px;opacity:.7}@media (max-width:1024px){.exp-container{padding:var(--exp-space-md)}.exp-papers-grid{gap:var(--exp-space-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.exp-header-top{flex-direction:column;gap:var(--exp-space-md)}.exp-saved-btn{align-self:flex-start}.exp-controls-row{align-items:stretch;flex-direction:column}.exp-quick-filters{flex-wrap:wrap}.exp-filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.exp-container{padding:var(--exp-space-sm)}.exp-title{font-size:var(--exp-font-size-2xl)}.exp-tabs{justify-content:center;width:100%}.exp-tab-btn{flex:1 1;justify-content:center;padding:10px 12px}.exp-tab-text{display:none}.exp-papers-grid{grid-template-columns:1fr}.exp-search-input{font-size:var(--exp-font-size-sm);padding:14px 120px 14px 48px}.exp-search-btn{padding:10px 16px}.exp-search-btn-text{display:none}.exp-bulk-toolbar{flex-wrap:wrap;justify-content:center}.exp-pagination{flex-wrap:wrap;gap:var(--exp-space-md)}.exp-page-btn{font-size:var(--exp-font-size-xs);padding:10px 16px}.exp-advanced-filters{padding:var(--exp-space-md)}.exp-filters-grid{gap:var(--exp-space-md);grid-template-columns:1fr}}@media (max-width:480px){.exp-container{padding:var(--exp-space-xs)}.exp-wrapper{gap:var(--exp-space-md)}.exp-title{font-size:var(--exp-font-size-xl)}.exp-subtitle{font-size:var(--exp-font-size-sm)}.exp-tabs{gap:4px;padding:4px}.exp-tab-btn{padding:8px 10px}.exp-tab-btn svg{height:16px;width:16px}.exp-search-section{border-radius:var(--exp-radius-lg);padding:var(--exp-space-md)}.exp-search-input{padding:12px 100px 12px 44px}.exp-search-btn{padding:8px 12px}.exp-quick-filters{gap:var(--exp-space-xs)}.exp-select{font-size:var(--exp-font-size-xs);padding:8px 28px 8px 10px}.exp-filter-toggle-btn{font-size:var(--exp-font-size-xs);padding:8px 12px}.exp-trending-controls{flex-wrap:nowrap;gap:4px;padding:4px 8px}.exp-trending-icon{height:12px;width:12px}.exp-trending-text{font-size:10px}.exp-timeframe-select{background-position:right 3px center;background-size:10px;font-size:10px;padding:2px 18px 2px 5px}.exp-results-info{font-size:var(--exp-font-size-xs);padding:var(--exp-space-sm) var(--exp-space-md)}.exp-bulk-toolbar{gap:var(--exp-space-sm);padding:var(--exp-space-sm)}.exp-bulk-save-btn,.exp-select-all-btn{font-size:var(--exp-font-size-xs);padding:6px 12px}.exp-empty{padding:var(--exp-space-xl) var(--exp-space-md)}.exp-empty-icon{height:64px;width:64px}.exp-empty-icon svg{height:32px;width:32px}.exp-empty-title{font-size:var(--exp-font-size-lg)}.exp-saved-header{align-items:flex-start;flex-direction:column;gap:var(--exp-space-md)}}.exp-search-input-wrapper{position:relative}.exp-suggestions-dropdown{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);box-shadow:var(--exp-shadow-xl);left:0;margin-top:8px;max-height:400px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--exp-z-dropdown)}.exp-suggestions-loading{align-items:center;color:var(--exp-slate-500);display:flex;font-size:var(--exp-font-size-sm);gap:var(--exp-space-sm);justify-content:center;padding:var(--exp-space-md)}.exp-suggestion-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--exp-slate-100);cursor:pointer;display:flex;gap:var(--exp-space-md);padding:var(--exp-space-md) var(--exp-space-lg);text-align:left;transition:var(--exp-transition-fast);width:100%}.exp-suggestion-item:last-child{border-bottom:none}.exp-suggestion-item:hover{background:var(--exp-slate-50)}.exp-suggestion-item--paper:hover{background:var(--exp-blue-subtle)}.exp-suggestion-item--topic:hover{background:var(--exp-purple-subtle)}.exp-suggestion-icon{align-items:center;border-radius:var(--exp-radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.exp-suggestion-item--paper .exp-suggestion-icon{background:var(--exp-blue-subtle);color:var(--exp-blue)}.exp-suggestion-item--topic .exp-suggestion-icon{background:var(--exp-purple-subtle);color:var(--exp-purple)}.exp-suggestion-icon svg{height:18px;width:18px}.exp-suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.exp-suggestion-text{color:var(--exp-slate-800);font-size:var(--exp-font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-suggestion-meta{color:var(--exp-slate-500);font-size:var(--exp-font-size-xs)}.exp-suggestion-type{color:var(--exp-purple);font-size:var(--exp-font-size-xs);font-weight:500}.exp-suggestion-arrow{color:var(--exp-slate-400);flex-shrink:0;height:16px;transition:transform var(--exp-transition-fast);width:16px}.exp-suggestion-item:hover .exp-suggestion-arrow{color:var(--exp-slate-600);transform:translateX(4px)}.exp-results-info-container{display:flex;flex-direction:column;gap:var(--exp-space-sm)}.exp-global-count{align-items:center;background:linear-gradient(135deg,var(--exp-cyan-subtle) 0,var(--exp-blue-subtle) 100%);border:1px solid #06b6d433;border-radius:var(--exp-radius-md);display:flex;gap:var(--exp-space-sm);padding:var(--exp-space-sm) var(--exp-space-md)}.exp-global-count-icon{color:var(--exp-cyan-dark);height:18px;width:18px}.exp-global-count-text{color:var(--exp-cyan-dark);font-size:var(--exp-font-size-sm)}.exp-global-count-number{color:var(--exp-cyan-dark);font-weight:700}.exp-trending-topics-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);padding:var(--exp-space-lg)}.exp-trending-topics-header{align-items:center;display:flex;gap:var(--exp-space-sm);margin-bottom:var(--exp-space-lg)}.exp-trending-topics-icon{color:var(--exp-amber);height:24px;width:24px}.exp-trending-topics-title{color:var(--exp-slate-800);font-size:var(--exp-font-size-lg);font-weight:700;margin:0}.exp-trending-topics-grid{grid-gap:var(--exp-space-md);display:grid;gap:var(--exp-space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.exp-trending-topics-loading{align-items:center;display:flex;justify-content:center;padding:var(--exp-space-xl)}.exp-trending-topic-card{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--exp-space-sm);padding:var(--exp-space-md);text-align:left;transition:var(--exp-transition-smooth)}.exp-trending-topic-card:hover{border-color:var(--exp-amber);box-shadow:var(--exp-shadow-md);transform:translateY(-2px)}.exp-trending-topic-name{color:var(--exp-slate-800);font-size:var(--exp-font-size-sm);font-weight:600;line-height:var(--exp-leading-tight)}.exp-trending-topic-stats{align-items:center;display:flex;gap:var(--exp-space-md)}.exp-trending-topic-citations,.exp-trending-topic-count{align-items:center;color:var(--exp-slate-500);display:flex;font-size:var(--exp-font-size-xs);gap:var(--exp-space-xs)}.exp-trending-topic-citations svg,.exp-trending-topic-count svg{height:12px;width:12px}.exp-trending-topic-count{color:var(--exp-blue)}.exp-trending-topic-citations{color:var(--exp-amber-dark)}@media (max-width:768px){.exp-suggestions-dropdown{margin-top:4px;max-height:300px}.exp-suggestion-item{padding:var(--exp-space-sm) var(--exp-space-md)}.exp-suggestion-icon{height:32px;width:32px}.exp-global-count{flex-wrap:wrap;justify-content:center;text-align:center}.exp-trending-topics-grid{gap:var(--exp-space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.exp-trending-topic-card{padding:var(--exp-space-sm)}.exp-trending-topic-stats{flex-wrap:wrap;gap:var(--exp-space-sm)}}@media (max-width:480px){.exp-trending-topics-section{padding:var(--exp-space-md)}.exp-trending-topics-grid{grid-template-columns:1fr 1fr}.exp-trending-topic-name{font-size:var(--exp-font-size-xs)}.exp-trending-topic-stats{align-items:flex-start;flex-direction:column;gap:2px}}.exp-detail-container{background:var(--exp-gradient-subtle);box-sizing:border-box;font-family:var(--exp-font-family);min-height:100vh;padding:var(--exp-space-lg);width:100%}.exp-detail-wrapper{display:flex;flex-direction:column;gap:var(--exp-space-lg);margin:0 auto;max-width:900px}.exp-detail-back{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--exp-glass-bg-strong);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);color:var(--exp-slate-600);cursor:pointer;display:inline-flex;font-size:var(--exp-font-size-sm);font-weight:500;gap:var(--exp-space-sm);padding:10px 18px;text-decoration:none;transition:var(--exp-transition-smooth);width:-webkit-fit-content;width:fit-content}.exp-detail-back:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300);color:var(--exp-slate-800);transform:translateX(-4px)}.exp-detail-back svg{height:18px;width:18px}.exp-detail-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--exp-gradient-card);border:1px solid #ffffff80;border-radius:var(--exp-radius-2xl);box-shadow:var(--exp-shadow-lg);display:flex;flex-direction:column;gap:var(--exp-space-xl);overflow:hidden;padding:var(--exp-space-xl);position:relative}.exp-detail-card:before{background:var(--exp-gradient-primary);content:"";height:5px;left:0;position:absolute;right:0;top:0}.exp-detail-header{display:flex;flex-direction:column;gap:var(--exp-space-md)}.exp-detail-title{color:var(--exp-slate-900);font-size:var(--exp-font-size-2xl);font-weight:800;letter-spacing:-.02em;line-height:var(--exp-leading-tight);margin:0}.exp-detail-badges{display:flex;flex-wrap:wrap;gap:var(--exp-space-sm)}.exp-detail-meta{background:var(--exp-slate-50);border:1px solid var(--exp-slate-100);border-radius:var(--exp-radius-lg);display:flex;flex-direction:column;gap:var(--exp-space-md);padding:var(--exp-space-lg)}.exp-detail-meta-row{align-items:flex-start;display:flex;gap:var(--exp-space-md)}.exp-detail-meta-icon{align-items:center;background:#fff;border-radius:var(--exp-radius-md);box-shadow:var(--exp-shadow-xs);color:var(--exp-blue);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.exp-detail-meta-icon svg{height:18px;width:18px}.exp-detail-meta-content{display:flex;flex-direction:column;gap:2px}.exp-detail-meta-label{color:var(--exp-slate-400);font-size:var(--exp-font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exp-detail-meta-value{color:var(--exp-slate-700);font-size:var(--exp-font-size-sm);font-weight:500}.exp-detail-meta-value a{color:var(--exp-blue);text-decoration:none;transition:color var(--exp-transition-fast)}.exp-detail-meta-value a:hover{color:var(--exp-blue-dark);text-decoration:underline}.exp-detail-actions{background:linear-gradient(135deg,var(--exp-blue-subtle) 0,var(--exp-purple-subtle) 100%);border:1px solid #6366f11a;border-radius:var(--exp-radius-lg);display:flex;flex-wrap:wrap;gap:var(--exp-space-md);padding:var(--exp-space-lg)}.exp-detail-action-btn{align-items:center;background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-md);color:var(--exp-slate-700);cursor:pointer;display:flex;font-size:var(--exp-font-size-sm);font-weight:600;gap:var(--exp-space-sm);padding:12px 20px;text-decoration:none;transition:var(--exp-transition-smooth)}.exp-detail-action-btn:hover{box-shadow:var(--exp-shadow-md);transform:translateY(-2px)}.exp-detail-action-btn svg{height:18px;width:18px}.exp-detail-action-btn--pdf{background:var(--exp-red-subtle);border-color:var(--exp-red);color:var(--exp-red)}.exp-detail-action-btn--pdf:hover{background:var(--exp-red);color:#fff}.exp-detail-action-btn--source{background:var(--exp-cyan-subtle);border-color:var(--exp-cyan);color:var(--exp-cyan-dark)}.exp-detail-action-btn--source:hover{background:var(--exp-cyan);color:#fff}.exp-detail-action-btn--save{background:var(--exp-gradient-primary);border:none;box-shadow:var(--exp-shadow-glow-blue);color:#fff}.exp-detail-action-btn--save:hover{box-shadow:0 12px 35px #3b82f666}.exp-detail-action-btn--save.saved{background:var(--exp-amber);box-shadow:var(--exp-shadow-sm)}.exp-detail-action-btn--save.saved:hover{background:var(--exp-amber-dark)}.exp-detail-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.exp-detail-save-error{background:var(--exp-red-subtle);border-radius:var(--exp-radius-md);color:var(--exp-red);font-size:var(--exp-font-size-sm);padding:var(--exp-space-sm) var(--exp-space-md);width:100%}.exp-detail-section{display:flex;flex-direction:column;gap:var(--exp-space-md)}.exp-detail-section-title{align-items:center;color:var(--exp-slate-800);display:flex;font-size:var(--exp-font-size-base);font-weight:700;gap:var(--exp-space-sm);margin:0}.exp-detail-section-title svg{color:var(--exp-blue);height:20px;width:20px}.exp-detail-abstract{color:var(--exp-slate-600);font-size:var(--exp-font-size-base);line-height:var(--exp-leading-relaxed);margin:0}.exp-detail-abstract,.exp-detail-categories{background:#fff;border:1px solid var(--exp-slate-100);border-radius:var(--exp-radius-lg);padding:var(--exp-space-lg)}.exp-detail-categories{display:flex;flex-direction:column;gap:var(--exp-space-lg)}.exp-detail-category-group{display:flex;flex-direction:column;gap:var(--exp-space-sm)}.exp-detail-category-label{color:var(--exp-slate-500);font-size:var(--exp-font-size-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.exp-detail-category-badges{display:flex;flex-wrap:wrap;gap:var(--exp-space-sm)}.exp-detail-category-badge{border-radius:var(--exp-radius-md);font-size:var(--exp-font-size-sm);font-weight:500;padding:6px 14px}.exp-detail-category-badge--domain{background:var(--exp-blue-subtle);border:1px solid #3b82f633;color:var(--exp-blue-dark)}.exp-detail-category-badge--field{background:var(--exp-cyan-subtle);border:1px solid #06b6d433;color:var(--exp-cyan-dark)}.exp-detail-category-badge--topic{background:var(--exp-purple-subtle);border:1px solid #8b5cf633;color:var(--exp-purple-dark)}.exp-detail-categories-table{border-collapse:collapse;font-size:var(--exp-font-size-sm);margin-top:var(--exp-space-md);width:100%}.exp-detail-categories-table td,.exp-detail-categories-table th{border-bottom:1px solid var(--exp-slate-100);padding:var(--exp-space-sm) var(--exp-space-md);text-align:left}.exp-detail-categories-table th{background:var(--exp-slate-50);color:var(--exp-slate-500);font-size:var(--exp-font-size-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.exp-detail-categories-table td{color:var(--exp-slate-700)}.exp-detail-categories-table tr:last-child td{border-bottom:none}.exp-detail-categories-table tr:hover td{background:var(--exp-slate-50)}.exp-detail-citation{background:var(--exp-slate-50);border-radius:var(--exp-radius-lg);color:var(--exp-slate-700);font-family:Georgia,serif;line-height:var(--exp-leading-relaxed);padding:var(--exp-space-lg)}.exp-detail-citation,.exp-detail-copy-btn{border:1px solid var(--exp-slate-200);font-size:var(--exp-font-size-sm)}.exp-detail-copy-btn{align-items:center;background:#fff;border-radius:var(--exp-radius-md);color:var(--exp-slate-600);cursor:pointer;display:flex;font-weight:500;gap:var(--exp-space-sm);margin-top:var(--exp-space-md);padding:10px 18px;transition:var(--exp-transition-fast)}.exp-detail-copy-btn:hover{background:var(--exp-slate-50);border-color:var(--exp-slate-300)}.exp-detail-copy-btn.copied{background:var(--exp-green-subtle);border-color:var(--exp-green);color:var(--exp-green-dark)}.exp-detail-copy-btn svg{height:16px;width:16px}.exp-detail-references{background:#fff;border:1px solid var(--exp-slate-100);border-radius:var(--exp-radius-lg);padding:var(--exp-space-lg)}.exp-detail-references-list{display:flex;flex-direction:column;gap:var(--exp-space-sm);list-style:none;margin:0;padding:0}.exp-detail-reference-item{align-items:flex-start;border-bottom:1px solid var(--exp-slate-50);color:var(--exp-slate-600);display:flex;font-size:var(--exp-font-size-sm);gap:var(--exp-space-md);justify-content:space-between;padding:var(--exp-space-sm) 0}.exp-detail-reference-item:last-child{border-bottom:none}.exp-detail-reference-link{background:var(--exp-blue-subtle);border-radius:var(--exp-radius-sm);color:var(--exp-blue);font-size:var(--exp-font-size-xs);font-weight:500;padding:4px 10px;text-decoration:none;white-space:nowrap}.exp-detail-reference-link:hover{background:var(--exp-blue);color:#fff}.exp-detail-more-refs{color:var(--exp-slate-400);font-style:italic}.exp-detail-loading{align-items:center;color:var(--exp-slate-500);display:flex;flex-direction:column;gap:var(--exp-space-lg);justify-content:center;padding:var(--exp-space-3xl)}.exp-detail-spinner{animation:exp-spin .8s linear infinite;border:3px solid var(--exp-slate-200);border-radius:50%;border-top-color:var(--exp-blue);height:48px;width:48px}.exp-detail-error{background:var(--exp-gradient-card);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);flex-direction:column;gap:var(--exp-space-lg);padding:var(--exp-space-3xl);text-align:center}.exp-detail-error,.exp-detail-error-icon{align-items:center;display:flex;justify-content:center}.exp-detail-error-icon{background:var(--exp-red-subtle);border-radius:var(--exp-radius-full);color:var(--exp-red);height:64px;width:64px}.exp-detail-error-icon svg{height:32px;width:32px}.exp-detail-error-text{color:var(--exp-slate-600);font-size:var(--exp-font-size-base)}.exp-detail-not-found{background:var(--exp-gradient-card);border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-xl);flex-direction:column;gap:var(--exp-space-lg);padding:var(--exp-space-3xl);text-align:center}.exp-detail-not-found,.exp-detail-not-found-icon{align-items:center;display:flex;justify-content:center}.exp-detail-not-found-icon{background:var(--exp-amber-subtle);border-radius:var(--exp-radius-full);color:var(--exp-amber);height:80px;width:80px}.exp-detail-not-found-icon svg{height:40px;width:40px}.exp-detail-not-found-title{color:var(--exp-slate-800);font-size:var(--exp-font-size-xl);font-weight:700;margin:0}.exp-detail-not-found-text{color:var(--exp-slate-500);font-size:var(--exp-font-size-base);margin:0}@media (max-width:768px){.exp-detail-container{padding:var(--exp-space-md)}.exp-detail-card{border-radius:var(--exp-radius-xl);padding:var(--exp-space-lg)}.exp-detail-title{font-size:var(--exp-font-size-xl)}.exp-detail-meta{padding:var(--exp-space-md)}.exp-detail-meta-row{flex-direction:column;gap:var(--exp-space-sm)}.exp-detail-actions{padding:var(--exp-space-md)}.exp-detail-action-btn{flex:1 1;justify-content:center;min-width:120px;padding:10px 16px}.exp-detail-categories-table{font-size:var(--exp-font-size-xs)}.exp-detail-categories-table td,.exp-detail-categories-table th{padding:var(--exp-space-xs) var(--exp-space-sm)}}@media (max-width:480px){.exp-detail-container{padding:var(--exp-space-sm)}.exp-detail-card{gap:var(--exp-space-lg);padding:var(--exp-space-md)}.exp-detail-title{font-size:var(--exp-font-size-lg)}.exp-detail-back{font-size:var(--exp-font-size-xs);padding:8px 14px}.exp-detail-action-btn{font-size:var(--exp-font-size-xs);padding:8px 12px}.exp-detail-action-btn svg{height:16px;width:16px}.exp-detail-abstract{font-size:var(--exp-font-size-sm);padding:var(--exp-space-md)}.exp-detail-citation{font-size:var(--exp-font-size-xs);padding:var(--exp-space-md)}}.exp-detail-related{background:linear-gradient(135deg,var(--exp-indigo-subtle) 0,var(--exp-blue-subtle) 100%);border:1px solid #6366f126;border-radius:var(--exp-radius-xl)}.exp-detail-related-loading{align-items:center;color:var(--exp-slate-500);display:flex;font-size:var(--exp-font-size-sm);gap:var(--exp-space-md);justify-content:center;padding:var(--exp-space-xl)}.exp-detail-related-grid{grid-gap:var(--exp-space-md);display:grid;gap:var(--exp-space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.exp-detail-related-card{background:#fff;border:1px solid var(--exp-slate-200);border-radius:var(--exp-radius-lg);overflow:hidden;transition:var(--exp-transition-smooth)}.exp-detail-related-card:hover{border-color:var(--exp-indigo);box-shadow:var(--exp-shadow-md)}.exp-detail-related-link{color:inherit;display:flex;flex-direction:column;gap:var(--exp-space-sm);padding:var(--exp-space-md);text-decoration:none}.exp-detail-related-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--exp-slate-800);display:-webkit-box;font-size:var(--exp-font-size-sm);font-weight:600;line-height:var(--exp-leading-tight);margin:0;overflow:hidden;transition:color var(--exp-transition-fast)}.exp-detail-related-card:hover .exp-detail-related-title{color:var(--exp-indigo)}.exp-detail-related-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--exp-space-sm)}.exp-detail-related-similarity{align-items:center;background:var(--exp-green-subtle);border-radius:var(--exp-radius-full);color:var(--exp-green-dark);display:inline-flex;font-size:var(--exp-font-size-xs);font-weight:600;gap:4px;padding:4px 10px}.exp-detail-related-similarity svg{height:12px;width:12px}.exp-detail-related-citations{align-items:center;background:var(--exp-purple-subtle);border-radius:var(--exp-radius-full);color:var(--exp-purple-dark);display:inline-flex;font-size:var(--exp-font-size-xs);font-weight:500;gap:4px;padding:4px 10px}.exp-detail-related-citations svg{height:12px;width:12px}.exp-detail-related-year{align-items:center;background:var(--exp-slate-100);border-radius:var(--exp-radius-full);color:var(--exp-slate-600);display:inline-flex;font-size:var(--exp-font-size-xs);font-weight:500;gap:4px;padding:4px 10px}.exp-detail-related-year svg{height:12px;width:12px}.exp-detail-related-authors{align-items:center;color:var(--exp-slate-500);display:flex;font-size:var(--exp-font-size-xs);gap:var(--exp-space-xs);margin:auto 0 0}.exp-detail-related-authors svg{flex-shrink:0;height:12px;width:12px}@media (max-width:768px){.exp-detail-related-grid{grid-template-columns:1fr}.exp-detail-related-meta{gap:var(--exp-space-xs)}}@media (max-width:480px){.exp-detail-related{padding:var(--exp-space-md)}.exp-detail-related-card{border-radius:var(--exp-radius-md)}.exp-detail-related-link{padding:var(--exp-space-sm)}.exp-detail-related-title{font-size:var(--exp-font-size-xs)}.exp-detail-related-citations,.exp-detail-related-similarity,.exp-detail-related-year{font-size:10px;padding:2px 8px}}.user-avatar{object-fit:cover}.user-avatar.with-border{border:2px solid}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;-webkit-user-select:none;user-select:none}.user-avatar-initials.with-border{border:2px solid}.user-avatar-initials.user-avatar-small,.user-avatar-small{font-size:11px;height:28px;width:28px}.user-avatar-initials.user-avatar-medium,.user-avatar-medium{font-size:14px;height:36px;width:36px}.user-avatar-initials.user-avatar-large,.user-avatar-large{font-size:18px;height:48px;width:48px}:root{--cbx-widget-bg:#fff;--cbx-widget-bg-glass:#ffffffe6;--cbx-widget-border:#0000000f;--cbx-widget-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--cbx-widget-shadow-hover:0 4px 12px #0000001f;--cbx-widget-radius:12px;--cbx-widget-padding:12px;--cbx-widget-gap:10px;--cbx-text-primary:#1e293b;--cbx-text-secondary:#64748b;--cbx-text-muted:#94a3b8}.cbx-widget{background:#fff;background:var(--cbx-widget-bg);border:1px solid #0000000f;border:1px solid var(--cbx-widget-border);border-radius:12px;border-radius:var(--cbx-widget-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--cbx-widget-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.cbx-widget:hover{box-shadow:0 4px 12px #0000001f;box-shadow:var(--cbx-widget-shadow-hover);transform:translateY(-1px)}.cbx-widget__header{align-items:center;background:linear-gradient(135deg,#f8fafccc,#ffffffe6);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--cbx-widget-border);display:flex;justify-content:space-between;padding:10px 12px;padding:10px var(--cbx-widget-padding)}.cbx-widget__title{align-items:center;color:#1e293b;color:var(--cbx-text-primary);display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.cbx-widget__title-icon{font-size:14px;opacity:.9}.cbx-widget__badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--cbx-blue),var(--cbx-indigo));border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.cbx-widget__see-all{color:#3b82f6;color:var(--cbx-blue);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.cbx-widget__see-all:hover{color:#6366f1;color:var(--cbx-indigo)}.cbx-widget__content{padding:0}.cbx-widget__empty{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px 12px;padding:24px var(--cbx-widget-padding);text-align:center}.cbx-widget__empty-icon{color:#64748b;color:var(--cbx-text-secondary);font-size:32px;opacity:.3}.cbx-widget__empty-text{margin:0}.cbx-widget__empty-text,.cbx-widget__loading{color:#94a3b8;color:var(--cbx-text-muted);font-size:13px}.cbx-widget__loading{padding:20px;text-align:center}.cbx-widget__footer{border-top:1px solid #0000000f;border-top:1px solid var(--cbx-widget-border);padding:12px;padding:12px var(--cbx-widget-padding);text-align:center}.cbx-widget__footer-link{color:#3b82f6;color:var(--cbx-blue);font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.cbx-widget__footer-link:hover{color:#6366f1;color:var(--cbx-indigo)}.cbx-widget--trending .cbx-widget__title-icon{color:#f59e0b;color:var(--cbx-amber)}.cbx-trending-list{display:flex;flex-direction:column}.cbx-trending-item{border-bottom:1px solid #0000000a;color:inherit;gap:10px;padding:12px;padding:12px var(--cbx-widget-padding);text-decoration:none;transition:all .2s ease}.cbx-trending-item:last-child{border-bottom:none}.cbx-trending-item:hover{background:linear-gradient(90deg,#3b82f60a,#0000)}.cbx-trending-rank{background:#f1f5f9;border-radius:6px;color:#94a3b8;color:var(--cbx-text-muted);font-size:11px;font-weight:700}.cbx-trending-item:first-child .cbx-trending-rank{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--cbx-amber),#fbbf24);color:#fff}.cbx-trending-item:nth-child(2) .cbx-trending-rank{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.cbx-trending-item:nth-child(3) .cbx-trending-rank{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.cbx-trending-tag{color:#1e293b;color:var(--cbx-text-primary);font-size:13px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbx-trending-count{color:#94a3b8;font-size:11px}.cbx-trending-growth{align-items:center;color:#10b981;color:var(--cbx-green);display:flex;font-size:11px;font-weight:600;gap:3px}.cbx-trending-growth svg{font-size:10px}.cbx-widget--friends .cbx-widget__title-icon{color:#10b981;color:var(--cbx-green)}.cbx-friends-list{display:flex;flex-direction:column}.cbx-friend-item{align-items:center;border-bottom:1px solid #0000000a;color:inherit;display:flex;gap:12px;padding:10px 12px;padding:10px var(--cbx-widget-padding);text-decoration:none;transition:all .2s ease}.cbx-friend-item:last-child{border-bottom:none}.cbx-friend-item:hover{background:#10b9810a}.cbx-friend-avatar{flex-shrink:0;position:relative}.cbx-friend-avatar .online-dot{background:#10b981;background:var(--cbx-green);border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 0 0 1px #10b9814d;height:10px;position:absolute;right:0;width:10px}.cbx-friend-info{flex:1 1;min-width:0}.cbx-friend-name{color:#1e293b;color:var(--cbx-text-primary);font-size:13px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbx-friend-status{color:#10b981;color:var(--cbx-green);font-size:11px}.cbx-widget--suggestions .cbx-widget__title-icon{color:#3b82f6;color:var(--cbx-blue)}.cbx-suggestions-list{display:flex;flex-direction:column}.cbx-suggestion-item{align-items:flex-start;border-bottom:1px solid #0000000a;display:flex;gap:12px;padding:12px;padding:12px var(--cbx-widget-padding);transition:background .2s}.cbx-suggestion-item:last-child{border-bottom:none}.cbx-suggestion-item:hover{background:#3b82f608}.cbx-suggestion-avatar{flex-shrink:0}.cbx-suggestion-content{flex:1 1;min-width:0}.cbx-suggestion-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.cbx-suggestion-name{color:#1e293b;color:var(--cbx-text-primary);font-size:13px;font-weight:600;margin:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.cbx-suggestion-name:hover{color:#3b82f6;color:var(--cbx-blue)}.cbx-suggestion-role{color:#64748b;color:var(--cbx-text-secondary);font-size:12px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbx-suggestion-meta{align-items:center;display:flex;gap:8px}.cbx-suggestion-mutual{color:#94a3b8;color:var(--cbx-text-muted);font-size:11px}.cbx-suggestion-field{background:#10b9811a;border-radius:4px;color:#10b981;color:var(--cbx-green);font-size:10px;font-weight:500;padding:2px 6px}.cbx-suggestion-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.cbx-follow-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--cbx-blue),var(--cbx-indigo));border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px;transition:all .2s;white-space:nowrap}.cbx-follow-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.cbx-follow-btn--following,.cbx-follow-btn:disabled{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--cbx-green),#059669);box-shadow:none;cursor:default;transform:none}.cbx-dismiss-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--cbx-text-muted);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s;width:24px}.cbx-dismiss-btn:hover{background:#ef44441a;color:#ef4444;color:var(--cbx-red)}.cbx-show-more-btn{background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:none;border-top:1px solid #0000000a;color:#3b82f6;color:var(--cbx-blue);cursor:pointer;display:block;font-size:13px;font-weight:500;padding:12px;transition:all .2s;width:100%}.cbx-show-more-btn:hover{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}.cbx-show-more-btn:disabled{cursor:not-allowed;opacity:.6}.cbx-widget--stats .cbx-widget__title-icon{color:#8b5cf6;color:var(--cbx-purple)}.cbx-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:12px;padding:var(--cbx-widget-padding)}.cbx-stat-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:12px 8px;transition:all .2s}.cbx-stat-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px)}.cbx-stat-icon{font-size:18px;opacity:.8}.cbx-stat-icon--blue{color:#3b82f6;color:var(--cbx-blue)}.cbx-stat-icon--green{color:#10b981;color:var(--cbx-green)}.cbx-stat-icon--amber{color:#f59e0b;color:var(--cbx-amber)}.cbx-stat-icon--purple{color:#8b5cf6;color:var(--cbx-purple)}.cbx-stat-value{color:#1e293b;font-size:18px;font-weight:700}.cbx-stat-label{color:#94a3b8;font-weight:500;letter-spacing:.5px}.cbx-view-profile-btn{background:#0000;border-top:1px solid #0000000a;color:#3b82f6;font-size:13px;font-weight:600;padding:12px;transition:all .2s;width:100%}.cbx-view-profile-btn:hover{background:#3b82f60d}.cbx-view-profile-btn:hover,.cbx-widget--collab .cbx-widget__title-icon{color:#6366f1;color:var(--cbx-indigo)}.cbx-collab-list{display:flex;flex-direction:column}.cbx-collab-item{align-items:flex-start;border-bottom:1px solid #0000000a;color:inherit;display:flex;gap:12px;padding:12px;padding:12px var(--cbx-widget-padding);text-decoration:none;transition:all .2s}.cbx-collab-item:last-child{border-bottom:none}.cbx-collab-item:hover{background:#6366f10a}.cbx-collab-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo),var(--cbx-purple));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.cbx-collab-icon--research{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--cbx-amber),#fbbf24)}.cbx-collab-icon--project{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--cbx-blue),var(--cbx-cyan))}.cbx-collab-info{flex:1 1;min-width:0}.cbx-collab-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cbx-text-primary);display:-webkit-box;font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden}.cbx-collab-author{color:#64748b;color:var(--cbx-text-secondary);font-size:12px;margin-bottom:4px}.cbx-collab-positions{align-items:center;background:#10b9811a;border-radius:6px;color:#10b981;color:var(--cbx-green);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.cbx-widget--unanswered .cbx-widget__title-icon{color:#8b5cf6;color:var(--cbx-purple)}.cbx-questions-list{display:flex;flex-direction:column}.cbx-question-item{border-bottom:1px solid #0000000a;cursor:pointer;display:block;padding:12px;padding:12px var(--cbx-widget-padding);transition:all .2s}.cbx-question-item:last-child{border-bottom:none}.cbx-question-item:hover{background:#8b5cf60a}.cbx-question-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--cbx-text-primary);display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin:0 0 8px;overflow:hidden}.cbx-question-stats{align-items:center;display:flex;gap:10px}.cbx-question-stat{align-items:center;background:#f1f5f9;border-radius:6px;color:#94a3b8;color:var(--cbx-text-muted);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.cbx-question-stat svg{font-size:10px}.cbx-question-stat--bounty{background:#f59e0b1a}.cbx-question-stat--bounty,.cbx-question-stat--bounty svg{color:#f59e0b;color:var(--cbx-amber)}.cbx-widget--bounty{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fbbf2433}.cbx-widget--bounty .cbx-widget__header{background:linear-gradient(135deg,#fffbebe6,#ffffffe6);border-bottom-color:#fbbf2426}.cbx-widget--bounty .cbx-widget__title-icon{color:#f59e0b;color:var(--cbx-amber)}.cbx-widget--bounty .cbx-widget__badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--cbx-amber),#fbbf24)}.cbx-bounty-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.cbx-bounty-item{align-items:flex-start;border-bottom:1px solid #fbbf241a;cursor:pointer;display:flex;gap:12px;padding:14px 12px;padding:14px var(--cbx-widget-padding);transition:all .2s}.cbx-bounty-item:last-child{border-bottom:none}.cbx-bounty-item:hover{background:linear-gradient(90deg,#fbbf2414,#0000);transform:translateX(4px)}.cbx-bounty-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--cbx-amber),#fbbf24);border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;min-width:60px;padding:10px 8px}.cbx-bounty-badge svg{color:#fff;font-size:18px}.cbx-bounty-amount{color:#fff;font-size:14px;font-weight:700}.cbx-bounty-content{flex:1 1;min-width:0}.cbx-bounty-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--cbx-text-primary);display:-webkit-box;font-size:13px;font-weight:600;margin:0 0 6px;overflow:hidden}.cbx-bounty-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.cbx-bounty-tag{background:#0000000d;border-radius:4px;color:#64748b;color:var(--cbx-text-secondary);font-size:10px;font-weight:500;padding:2px 6px}.cbx-bounty-meta{align-items:center;display:flex;gap:12px}.cbx-bounty-stat{align-items:center;color:#94a3b8;color:var(--cbx-text-muted);display:flex;font-size:11px;gap:4px}.cbx-bounty-stat svg{font-size:11px;opacity:.7}.cbx-bounty-footer{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.cbx-bounty-footer,.cbx-widget__copyright{color:#94a3b8;color:var(--cbx-text-muted);font-size:11px}.cbx-widget__copyright{border-top:1px solid #0000000a;padding:10px 12px;padding:10px var(--cbx-widget-padding);text-align:center}@media (max-width:1024px){.cbx-widget{border-radius:12px}.cbx-stats-grid{gap:6px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cbx-widget{margin-bottom:12px}.cbx-stats-grid{grid-template-columns:repeat(2,1fr)}}.cbx-feed-sidebar{display:flex;flex-direction:column;gap:12px;height:-webkit-fit-content;height:fit-content;padding-bottom:16px;position:-webkit-sticky;position:sticky;top:16px;width:100%}.cbx-feed-sidebar::-webkit-scrollbar{width:4px}.cbx-feed-sidebar::-webkit-scrollbar-track{background:#0000}.cbx-feed-sidebar::-webkit-scrollbar-thumb{background:var(--cbx-slate-300);border-radius:var(--cbx-radius-full)}.cbx-feed-sidebar::-webkit-scrollbar-thumb:hover{background:var(--cbx-slate-400)}.cbx-widget-skeleton{animation:cbx-pulse 1.5s ease-in-out infinite;background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-lg);box-shadow:var(--cbx-shadow-sm);height:120px;padding:var(--cbx-space-4)}@keyframes cbx-pulse{0%,to{opacity:1}50%{opacity:.6}}.cbx-sidebar-error{background:linear-gradient(135deg,#ef44440f,#ef444408);border:1px solid #ef444426;border-radius:var(--cbx-radius-md);padding:var(--cbx-space-3);text-align:center}.cbx-sidebar-error p{color:var(--cbx-red);font-size:var(--cbx-font-size-xs);margin:0 0 var(--cbx-space-2) 0}.cbx-retry-btn-small{background:var(--cbx-red);border:none;border-radius:var(--cbx-radius-sm);color:#fff;cursor:pointer;font-size:var(--cbx-font-size-xs);font-weight:var(--cbx-font-weight-semibold);padding:var(--cbx-space-1) var(--cbx-space-3);transition:all var(--cbx-transition-base)}.cbx-retry-btn-small:hover{background:var(--cbx-red-dark);transform:translateY(-1px)}.cbx-widget{background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-lg);box-shadow:var(--cbx-shadow-xs);overflow:hidden;transition:all var(--cbx-transition-base)}.cbx-widget:hover{border-color:var(--cbx-border-medium);box-shadow:var(--cbx-shadow-sm)}.cbx-widget-header{align-items:center;border-bottom:1px solid var(--cbx-border-light);display:flex;justify-content:space-between;padding:var(--cbx-space-3) var(--cbx-space-4)}.cbx-widget-title{align-items:center;color:var(--cbx-text-primary);display:flex;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-semibold);gap:var(--cbx-space-2);margin:0}.cbx-widget-title-icon{color:var(--cbx-blue);height:16px;width:16px}.cbx-widget-action{background:none;border:none;color:var(--cbx-blue);cursor:pointer;font-size:var(--cbx-font-size-xs);font-weight:var(--cbx-font-weight-medium);padding:0;transition:color var(--cbx-transition-fast)}.cbx-widget-action:hover{color:var(--cbx-blue-dark)}.cbx-widget-content{padding:var(--cbx-space-3)}.cbx-stats-grid{align-items:center;display:flex;gap:var(--cbx-space-2);justify-content:space-between;padding:var(--cbx-space-3) 0}.cbx-stat-item{background:var(--cbx-slate-50);border-radius:var(--cbx-radius-md);flex:1 1;flex-direction:column;gap:2px;padding:var(--cbx-space-2);transition:all var(--cbx-transition-base)}.cbx-stat-item:hover{background:var(--cbx-slate-100)}.cbx-stat-icon{font-size:14px}.cbx-stat-value{color:var(--cbx-text-primary);font-size:var(--cbx-font-size-md);font-weight:var(--cbx-font-weight-bold);line-height:1.2;margin:0}.cbx-stat-label{color:var(--cbx-text-muted);font-size:10px;letter-spacing:.3px;margin:0;text-transform:uppercase}.cbx-view-profile-btn{background:var(--cbx-slate-50);border-radius:var(--cbx-radius-md);color:var(--cbx-blue);display:block;font-size:var(--cbx-font-size-xs);font-weight:var(--cbx-font-weight-semibold);margin-top:var(--cbx-space-2);padding:var(--cbx-space-2) 0;text-align:center;text-decoration:none;transition:all var(--cbx-transition-base)}.cbx-view-profile-btn:hover{background:var(--cbx-slate-100);color:var(--cbx-blue-dark)}.cbx-list-item{align-items:center;display:flex;gap:var(--cbx-space-3);padding:var(--cbx-space-2) 0;transition:all var(--cbx-transition-fast)}.cbx-list-item:not(:last-child){border-bottom:1px solid var(--cbx-border-light)}.cbx-list-avatar{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-full);flex-shrink:0;height:36px;object-fit:cover;width:36px}.cbx-list-avatar-wrapper{flex-shrink:0;position:relative}.cbx-online-indicator{background:var(--cbx-green);border:2px solid var(--cbx-bg-secondary);border-radius:var(--cbx-radius-full);bottom:0;height:10px;position:absolute;right:0;width:10px}.cbx-list-info{flex:1 1;min-width:0}.cbx-list-name{color:var(--cbx-text-primary);font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium)}.cbx-list-meta,.cbx-list-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbx-list-meta{color:var(--cbx-text-muted)}.cbx-list-action,.cbx-list-meta{font-size:var(--cbx-font-size-xs)}.cbx-list-action{background:var(--cbx-blue);border:none;border-radius:var(--cbx-radius-full);color:#fff;cursor:pointer;flex-shrink:0;font-weight:var(--cbx-font-weight-medium);padding:var(--cbx-space-1) var(--cbx-space-3);transition:all var(--cbx-transition-base)}.cbx-list-action:hover{background:var(--cbx-blue-dark);transform:scale(1.02)}.cbx-trending-item{align-items:center;cursor:pointer;display:flex;gap:var(--cbx-space-3);padding:var(--cbx-space-2) 0;transition:all var(--cbx-transition-fast)}.cbx-trending-item:not(:last-child){border-bottom:1px solid var(--cbx-border-light)}.cbx-trending-item:hover .cbx-trending-name{color:var(--cbx-blue)}.cbx-trending-rank{align-items:center;background:var(--cbx-gradient-primary);border-radius:var(--cbx-radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:var(--cbx-font-size-xs);font-weight:var(--cbx-font-weight-bold);height:24px;justify-content:center;width:24px}.cbx-trending-info{flex:1 1;min-width:0}.cbx-trending-name{color:var(--cbx-text-primary);font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium);margin:0;transition:color var(--cbx-transition-fast)}.cbx-trending-count{color:var(--cbx-text-muted);font-size:var(--cbx-font-size-xs);margin:0}.cbx-opportunity-item{align-items:flex-start;background:var(--cbx-slate-50);border-radius:var(--cbx-radius-md);color:inherit;display:flex;gap:var(--cbx-space-3);padding:var(--cbx-space-3);text-decoration:none;transition:all var(--cbx-transition-base)}.cbx-opportunity-item:not(:last-child){margin-bottom:var(--cbx-space-2)}.cbx-opportunity-item:hover{background:var(--cbx-slate-100);transform:translateX(2px)}.cbx-opportunity-icon{align-items:center;background:var(--cbx-gradient-primary);border-radius:var(--cbx-radius-md);color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.cbx-opportunity-icon svg{height:16px;width:16px}.cbx-opportunity-info{flex:1 1;min-width:0}.cbx-opportunity-title{color:var(--cbx-text-primary);font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-semibold);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbx-opportunity-author{color:var(--cbx-text-muted);font-size:var(--cbx-font-size-xs);margin:0 0 2px}.cbx-opportunity-positions{color:var(--cbx-green);font-size:10px;font-weight:var(--cbx-font-weight-semibold)}@media (max-width:1024px){.cbx-feed-sidebar{gap:var(--cbx-space-2);top:80px}.cbx-widget-header{padding:var(--cbx-space-2) var(--cbx-space-3)}.cbx-widget-content{padding:var(--cbx-space-2)}.cbx-list-avatar{height:32px;width:32px}}@media (max-width:768px){.cbx-feed-sidebar{display:none}}@media (max-width:480px){.cbx-feed-sidebar{display:none}}.cbx-text-post{margin:0}.cbx-text-post__content{word-wrap:break-word;color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;letter-spacing:.01em;line-height:1.7;margin:0 0 12px;white-space:pre-wrap}.cbx-text-post__content:last-child{margin-bottom:0}.cbx-text-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.cbx-text-post__tag{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:20px;color:#6366f1;color:var(--cbx-indigo,#6366f1);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.cbx-text-post__tag:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);border-color:#0000;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.cbx-text-post__content{font-size:14px;line-height:1.6}.cbx-text-post__tag{font-size:11px;padding:5px 12px}}.cbx-photo-post{margin:0;width:100%}.cbx-photo-post__caption{word-wrap:break-word;color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.cbx-photo-post__see-more{background:none;border:none;color:#3b82f6;color:var(--cbx-blue,#3b82f6);cursor:pointer;font-size:14px;font-weight:600;margin-left:6px;padding:0;transition:all .2s ease}.cbx-photo-post__see-more:hover{color:#6366f1;color:var(--cbx-indigo,#6366f1);text-decoration:underline}.cbx-photo-post__grid{grid-gap:4px;border-radius:0;display:grid;gap:4px;margin:0 -24px 16px;overflow:hidden;width:calc(100% + 48px)}.cbx-photo-post__grid--1{grid-template-columns:1fr}.cbx-photo-post__grid--2,.cbx-photo-post__grid--3{grid-template-columns:repeat(2,1fr)}.cbx-photo-post__grid--3 .cbx-photo-post__item:first-child{grid-column:1/-1}.cbx-photo-post__grid--4,.cbx-photo-post__grid--5{grid-template-columns:repeat(2,1fr)}.cbx-photo-post__grid--5 .cbx-photo-post__item:first-child{grid-column:1/-1}.cbx-photo-post__item{background:linear-gradient(135deg,#1e293b,#0f172a);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.cbx-photo-post__item:after{background:linear-gradient(135deg,#6366f100,#8b5cf61a);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.cbx-photo-post__item:hover:after{opacity:1}.cbx-photo-post__grid--1 .cbx-photo-post__item{aspect-ratio:auto;max-height:500px}.cbx-photo-post__grid--2 .cbx-photo-post__item,.cbx-photo-post__grid--3 .cbx-photo-post__item,.cbx-photo-post__grid--4 .cbx-photo-post__item,.cbx-photo-post__grid--5 .cbx-photo-post__item{aspect-ratio:1/1}.cbx-photo-post__grid--3 .cbx-photo-post__item:first-child,.cbx-photo-post__grid--5 .cbx-photo-post__item:first-child{aspect-ratio:16/9}.cbx-photo-post__image{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;width:100%}.cbx-photo-post__grid--1 .cbx-photo-post__image{background:linear-gradient(135deg,#1e293b,#0f172a);object-fit:contain}.cbx-photo-post__item:hover .cbx-photo-post__image{transform:scale(1.03)}.cbx-photo-post__item-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;font-size:13px;font-weight:500;left:0;margin:0;padding:16px;position:absolute;right:0}.cbx-photo-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.cbx-photo-post__tag{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:20px;color:#6366f1;color:var(--cbx-indigo,#6366f1);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.cbx-photo-post__tag:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);border-color:#0000;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.cbx-photo-post__lightbox{align-items:center;animation:cbx-lightbox-fade-in .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes cbx-lightbox-fade-in{0%{opacity:0}to{opacity:1}}.cbx-photo-post__lightbox-content{animation:cbx-lightbox-scale-in .3s ease;max-height:90vh;max-width:90vw;position:relative}@keyframes cbx-lightbox-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cbx-photo-post__lightbox-image{border-radius:8px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.cbx-photo-post__lightbox-close,.cbx-photo-post__lightbox-next,.cbx-photo-post__lightbox-prev{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;transition:all .2s ease;width:48px}.cbx-photo-post__lightbox-close{right:0;top:-60px}.cbx-photo-post__lightbox-prev{left:-70px;top:50%;transform:translateY(-50%)}.cbx-photo-post__lightbox-next{right:-70px;top:50%;transform:translateY(-50%)}.cbx-photo-post__lightbox-close:hover,.cbx-photo-post__lightbox-next:hover,.cbx-photo-post__lightbox-prev:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.cbx-photo-post__lightbox-next:hover,.cbx-photo-post__lightbox-prev:hover{transform:translateY(-50%) scale(1.1)}.cbx-photo-post__lightbox-caption{bottom:-50px;color:#fffc;max-width:80%;text-align:center}.cbx-photo-post__lightbox-caption,.cbx-photo-post__lightbox-counter{font-size:14px;left:50%;position:absolute;transform:translateX(-50%)}.cbx-photo-post__lightbox-counter{color:#ffffffb3;font-weight:500;top:-50px}@media (max-width:768px){.cbx-photo-post__grid{margin:0 -16px 12px;width:calc(100% + 32px)}.cbx-photo-post__lightbox-next,.cbx-photo-post__lightbox-prev{height:40px;width:40px}.cbx-photo-post__lightbox-prev{left:10px}.cbx-photo-post__lightbox-next{right:10px}}.cbx-research-post{margin:0}.cbx-research-post__card{background:linear-gradient(135deg,#fafafa,#fff);border:2px solid #6366f126;border-radius:16px;box-shadow:0 4px 20px #6366f114;margin-bottom:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.cbx-research-post__card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.cbx-research-post__card:hover{border-color:#6366f14d;box-shadow:0 8px 30px #6366f126;transform:translateY(-2px)}.cbx-research-post__header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.cbx-research-post__icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);border-radius:14px;box-shadow:0 8px 20px #6366f14d;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.cbx-research-post__icon svg{color:#fff;font-size:24px}.cbx-research-post__info{flex:1 1;min-width:0}.cbx-research-post__title{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:18px;font-weight:700;line-height:1.4;margin:0 0 8px}.cbx-research-post__authors{color:#64748b;color:var(--cbx-text-secondary,#64748b);font-size:14px;line-height:1.5;margin:0}.cbx-research-post__abstract{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-left:3px solid #6366f1;border-left:3px solid var(--cbx-indigo,#6366f1);border-radius:12px;color:#1e293b;color:var(--cbx-text-primary,#1e293b);display:-webkit-box;font-size:14px;line-height:1.7;margin:0 0 16px;overflow:hidden;padding:16px}.cbx-research-post__meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.cbx-research-post__meta-item{align-items:center;color:#64748b;color:var(--cbx-text-secondary,#64748b);display:flex;font-size:13px;font-weight:500;gap:6px}.cbx-research-post__meta-item svg{color:#6366f1;color:var(--cbx-indigo,#6366f1)}.cbx-research-post__btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.cbx-research-post__btn:hover{box-shadow:0 8px 25px #6366f173;transform:translateY(-2px)}.cbx-research-post__btn svg{font-size:16px}.cbx-research-post__btn svg:last-child{font-size:12px;opacity:.8}.cbx-research-post__content{word-wrap:break-word;color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;line-height:1.7;margin:0 0 12px;white-space:pre-wrap}.cbx-research-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.cbx-research-post__tag{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:20px;color:#6366f1;color:var(--cbx-indigo,#6366f1);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.cbx-research-post__tag:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);border-color:#0000;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.cbx-research-post__card{padding:16px}.cbx-research-post__icon{height:48px;width:48px}.cbx-research-post__icon svg{font-size:20px}.cbx-research-post__title{font-size:16px}.cbx-research-post__abstract{font-size:13px;padding:12px}.cbx-research-post__btn{font-size:13px;padding:12px 20px}}.cbx-repost-post{margin:0}.cbx-repost-post__caption{word-wrap:break-word;color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.cbx-repost-post__original{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s ease}.cbx-repost-post__original:hover{border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6);box-shadow:0 4px 20px #3b82f614}.cbx-repost-post__indicator{align-items:center;border-bottom:1px solid #e2e8f0;color:#64748b;color:var(--cbx-text-secondary,#64748b);display:flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:16px;padding-bottom:14px}.cbx-repost-post__indicator-icon{align-items:center;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-radius:8px;color:#10b981;color:var(--cbx-green,#10b981);display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.cbx-repost-post__header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.cbx-repost-post__avatar{border:2px solid #e2e8f0;border-radius:50%;height:44px;object-fit:cover;transition:all .2s ease;width:44px}.cbx-repost-post__avatar--initials{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.cbx-repost-post__original:hover .cbx-repost-post__avatar{border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6)}.cbx-repost-post__author-info{display:flex;flex-direction:column;gap:2px}.cbx-repost-post__author-name{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;font-weight:700;line-height:1.3;margin:0}.cbx-repost-post__author-role{color:#64748b;color:var(--cbx-text-secondary,#64748b);font-size:13px;line-height:1.3}@media (max-width:768px){.cbx-repost-post__original{padding:16px}.cbx-repost-post__avatar{height:40px;width:40px}.cbx-repost-post__author-name{font-size:14px}}.cbx-code-block{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 4px 20px #00000026;margin:16px 0;overflow:hidden}.cbx-code-block__header{align-items:center;background:#0003;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:10px 16px}.cbx-code-block__language{color:#3b82f6;color:var(--cbx-blue,#3b82f6);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cbx-code-block__copy-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.cbx-code-block__copy-btn:hover{background:#ffffff1f;border-color:#fff3;color:#e2e8f0}.cbx-code-block__copy-btn--copied{background:#10b98133;border-color:#10b98166;color:#10b981;color:var(--cbx-green,#10b981)}.cbx-code-block__fallback{background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.7;margin:0;overflow-x:auto;padding:20px;tab-size:2;white-space:pre}.cbx-code-block__fallback code{color:inherit;font-family:inherit}.cbx-code-block pre{border-radius:0!important;font-size:14px!important;line-height:1.7!important;margin:0!important;padding:20px!important}.cbx-code-block pre code{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important}.cbx-code-block .linenumber{color:#475569!important;min-width:40px!important;padding-right:16px!important;-webkit-user-select:none;user-select:none}.cbx-code-block pre::-webkit-scrollbar{height:8px}.cbx-code-block pre::-webkit-scrollbar-track{background:#0003;border-radius:4px}.cbx-code-block pre::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.cbx-code-block pre::-webkit-scrollbar-thumb:hover{background:#ffffff40}.cbx-code-block__loading{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:center;padding:40px}@media (max-width:768px){.cbx-code-block{border-left:none;border-radius:0;border-right:none;margin:12px -16px}.cbx-code-block pre{font-size:13px!important;padding:16px!important}}.feed-verified-badge{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:1;margin-left:4px;vertical-align:middle}.feed-verified-badge .feed-verified-icon{height:16px;transition:all .2s ease;width:16px}.feed-verified-badge--twitter .feed-verified-icon{color:#10b981;filter:drop-shadow(0 0 1px rgba(16,185,129,.3))}.feed-verified-badge--twitter:hover .feed-verified-icon{filter:drop-shadow(0 0 3px rgba(16,185,129,.5));transform:scale(1.1)}.feed-verified-badge--facebook .feed-verified-icon{color:#1877f2;filter:drop-shadow(0 0 1px rgba(24,119,242,.3))}.feed-verified-badge--facebook:hover .feed-verified-icon{filter:drop-shadow(0 0 3px rgba(24,119,242,.5));transform:scale(1.1)}.feed-verified-badge--instagram .feed-verified-icon{color:#c13584;filter:drop-shadow(0 0 1px rgba(193,53,132,.3))}.feed-verified-badge--instagram:hover .feed-verified-icon{filter:drop-shadow(0 0 3px rgba(193,53,132,.5));transform:scale(1.1)}@media (max-width:768px){.feed-verified-badge .feed-verified-icon{height:14px;width:14px}}@media (max-width:480px){.feed-verified-badge .feed-verified-icon{height:13px;width:13px}}.confirm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #00000026;max-width:450px;padding:0}.confirm-modal-header{border-bottom:1px solid #e5e7eb;padding:32px 24px 24px;text-align:center}.confirm-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.confirm-icon.danger{background:#fee2e2;color:#dc2626}.confirm-icon.warning{background:#fef3c7;color:#f59e0b}.confirm-icon.info{background:#dbeafe;color:#2563eb}.confirm-modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.confirm-modal-body{padding:24px;text-align:center}.confirm-modal-body p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.confirm-modal-actions{display:flex;gap:12px;justify-content:center;padding:16px 24px 24px}.confirm-modal-actions .cancel-btn,.confirm-modal-actions .confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.confirm-modal-actions .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.confirm-modal-actions .cancel-btn:hover:not(:disabled){background:#e5e7eb}.confirm-modal-actions .confirm-btn{color:#fff}.confirm-modal-actions .confirm-btn.danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #dc26264d}.confirm-modal-actions .confirm-btn.danger:hover:not(:disabled){box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.confirm-modal-actions .confirm-btn.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b4d}.confirm-modal-actions .confirm-btn.warning:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.confirm-modal-actions .confirm-btn.info{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #2563eb4d}.confirm-modal-actions .confirm-btn.info:hover:not(:disabled){box-shadow:0 6px 16px #2563eb66;transform:translateY(-2px)}.confirm-modal-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.confirm-modal-overlay{align-items:flex-end;padding:0}.confirm-modal{animation:slideUp .3s ease-out;border-radius:16px 16px 0 0;max-width:100%;width:100%}.confirm-modal-header{padding:24px 16px 16px}.confirm-modal-body{padding:16px}.confirm-modal-actions{flex-direction:column;padding:12px 16px calc(24px + env(safe-area-inset-bottom))}.confirm-modal-actions .cancel-btn,.confirm-modal-actions .confirm-btn{width:100%}}.cbx-answers-list{margin-bottom:24px;margin-top:24px}.cbx-answers-header{color:#1e293b;font-size:18px;font-weight:800;margin:0 0 20px}.cbx-answers-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:24px;transition:all .2s ease}.cbx-answers-item:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #0000000a}.cbx-answers-item--accepted{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.cbx-answers-item__accepted-badge{align-items:center;border-bottom:1px solid #10b98133;color:#10b981;display:flex;font-size:14px;font-weight:700;gap:10px;margin-bottom:16px;padding-bottom:14px}.cbx-answers-item__accepted-badge svg{font-size:18px}.cbx-answers-item__wrapper{display:flex;gap:20px}.cbx-answers-vote{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:52px;padding:8px}.cbx-answers-vote__btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.cbx-answers-vote__btn:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:scale(1.08)}.cbx-answers-vote__btn--active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#0000;box-shadow:0 4px 12px #3b82f659;color:#fff}.cbx-answers-vote__btn--active-down{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 12px #ef444459;color:#fff}.cbx-answers-vote__score{color:#1e293b;font-size:20px;font-weight:800;padding:4px 0}.cbx-answers-vote__accept{align-items:center;background:#0000;border:2px solid #10b981;border-radius:50%;color:#10b981;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-top:8px;transition:all .2s ease;width:40px}.cbx-answers-vote__accept:hover{background:#10b9811a;transform:scale(1.08)}.cbx-answers-body{flex:1 1;min-width:0}.cbx-answers-meta{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin-bottom:16px;padding-bottom:12px}.cbx-answers-meta__name{color:#1e293b;font-size:14px;font-weight:700}.cbx-answers-meta__rep{background:#f59e0b1a;border-radius:12px;color:#f59e0b;font-size:12px;font-weight:600;padding:2px 8px}.cbx-answers-meta__separator{color:#cbd5e1}.cbx-answers-meta__time{color:#64748b;font-size:12px}.cbx-answers-text{word-wrap:break-word;color:#1e293b;font-size:15px;line-height:1.75;margin:0 0 16px;white-space:pre-wrap}.cbx-answers-edit{display:flex;flex-direction:column;gap:12px}.cbx-answers-edit__label{color:#475569;font-size:13px;font-weight:600}.cbx-answers-edit__textarea{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.6;padding:14px;resize:vertical;transition:all .2s ease;width:100%}.cbx-answers-edit__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cbx-answers-edit__textarea--code{background:#f8fafc;font-family:Fira Code,Monaco,Consolas,monospace}.cbx-answers-edit__count{color:#94a3b8;font-size:12px}.cbx-answers-edit__count--warning{color:#f59e0b}.cbx-answers-edit__actions{display:flex;gap:10px;margin-top:8px}.cbx-answers-edit__btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cbx-answers-edit__btn--save{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f64d;color:#fff}.cbx-answers-edit__btn--save:hover{box-shadow:0 6px 16px #3b82f666}.cbx-answers-edit__btn--save:disabled{cursor:not-allowed;opacity:.5}.cbx-answers-edit__btn--cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.cbx-answers-edit__btn--cancel:hover{background:#f8fafc;border-color:#cbd5e1}.cbx-answers-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.cbx-answers-actions__btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.cbx-answers-actions__btn:hover{background:#f8fafc;border-color:#cbd5e1}.cbx-answers-actions__btn--delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.cbx-answers-actions__bounty{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.cbx-answers-actions__bounty:hover{box-shadow:0 6px 16px #f59e0b66}.cbx-answers-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;font-size:15px;padding:40px 20px;text-align:center}@media (max-width:768px){.cbx-answers-item{padding:16px}.cbx-answers-item__wrapper{flex-direction:column}.cbx-answers-vote{flex-direction:row;gap:12px;justify-content:flex-start;margin-bottom:12px;min-width:auto;padding:0}.cbx-answers-vote__accept{margin-left:8px;margin-top:0}.cbx-answers-meta{flex-wrap:wrap}.cbx-answers-meta__time{margin-top:4px;width:100%}}@media (max-width:480px){.cbx-answers-header{font-size:16px}.cbx-answers-item{border-radius:12px;padding:14px}.cbx-answers-vote__btn{font-size:14px;height:36px;width:36px}.cbx-answers-vote__score{font-size:18px}.cbx-answers-actions__btn{font-size:12px;padding:6px 12px}}.cbx-answer-form{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:28px;position:relative}.cbx-answer-form:before{background:linear-gradient(90deg,#3b82f6,#6366f1);background:linear-gradient(90deg,var(--cbx-blue,#3b82f6) 0,var(--cbx-indigo,#6366f1) 100%);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.cbx-answer-form__title{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:20px;font-weight:800;margin:0 0 8px}.cbx-answer-form__hint{color:#64748b;color:var(--cbx-text-secondary,#64748b);font-size:14px;margin:0 0 20px}.cbx-answer-form__textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:15px;line-height:1.6;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.cbx-answer-form__textarea:focus{border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6);box-shadow:0 0 0 4px #3b82f61a;outline:none}.cbx-answer-form__textarea::placeholder{color:#94a3b8}.cbx-answer-form__footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-top:16px}.cbx-answer-form__toggle-code{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;color:var(--cbx-text-primary,#1e293b);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.cbx-answer-form__toggle-code:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6);color:#3b82f6;color:var(--cbx-blue,#3b82f6)}.cbx-answer-form__toggle-code svg{font-size:16px}.cbx-answer-form__char-count{color:#94a3b8;font-size:12px;font-weight:500}.cbx-answer-form__char-count--warning{color:#f59e0b;color:var(--cbx-amber,#f59e0b);font-weight:700}.cbx-answer-form__code-wrapper{margin-top:16px}.cbx-answer-form__code-label{color:#1e293b;color:var(--cbx-text-primary,#1e293b);display:block;font-size:14px;font-weight:700;margin-bottom:10px}.cbx-answer-form__code-editor{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #1e293b;border-radius:12px;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.cbx-answer-form__code-editor:focus{border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6);box-shadow:0 0 0 4px #3b82f626;outline:none}.cbx-answer-form__code-editor::placeholder{color:#64748b}.cbx-answer-form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cbx-answer-form__cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;color:var(--cbx-text-primary,#1e293b);cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s ease}.cbx-answer-form__cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.cbx-answer-form__cancel-btn:disabled{cursor:not-allowed;opacity:.5}.cbx-answer-form__submit-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--cbx-blue,#3b82f6) 0,var(--cbx-indigo,#6366f1) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f659;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 32px;transition:all .2s ease}.cbx-answer-form__submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #3b82f673;transform:translateY(-2px)}.cbx-answer-form__submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.cbx-answer-form{padding:20px}.cbx-answer-form__footer{align-items:flex-start;flex-direction:column;gap:12px}.cbx-answer-form__actions{flex-direction:column}.cbx-answer-form__cancel-btn,.cbx-answer-form__submit-btn{text-align:center;width:100%}}.bm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.bm-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.bm-header{border-bottom:1px solid #e5e7eb;gap:12px;justify-content:space-between;padding:12px 16px}.bm-header,.bm-title{align-items:center;display:flex}.bm-title{color:#111827;flex:1 1;font-size:16px;font-weight:600;gap:6px;margin:0}.bm-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:300;height:28px;justify-content:center;min-width:28px;transition:all .2s;width:28px}.bm-close-btn:hover{background:#e5e7eb;color:#111827}.bm-body{padding:16px}.bm-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.bm-user-reputation{background:#f3f4f6;border-radius:8px;color:#374151;font-size:13px;margin-bottom:16px;padding:10px 12px}.bm-user-reputation strong{color:#f59e0b;font-weight:600}.bm-form-group{margin-bottom:0}.bm-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.bm-form-group input[type=number]{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.bm-form-group input[type=number]:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.bm-help-text{color:#6b7280;display:block;font-size:11px;margin-top:6px}.bm-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;font-weight:500;margin-top:8px;padding:8px 10px}.bm-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:12px 16px}.bm-cancel-btn,.bm-submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.bm-cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.bm-cancel-btn:hover:not(:disabled){background:#f3f4f6}.bm-submit-btn{background:#f59e0b;color:#fff}.bm-submit-btn:hover:not(:disabled){background:#d97706}.bm-cancel-btn:disabled,.bm-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.bm-overlay{align-items:flex-end;padding:0}.bm-content{border-radius:12px 12px 0 0;max-width:100%}.bm-header{padding:10px 12px}.bm-title{font-size:15px}.bm-body{padding:12px}.bm-actions{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}}.cbx-question-post{background:#0000;padding:0}.cbx-question-post__main{display:flex;gap:24px;margin-bottom:20px}.cbx-question-post__votes{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:56px}.cbx-question-post__vote-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.cbx-question-post__vote-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #00000014;color:#1e293b;color:var(--cbx-text-primary,#1e293b);transform:translateY(-2px)}.cbx-question-post__vote-btn--upvote.cbx-question-post__vote-btn--active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b981;border-color:var(--cbx-green,#10b981);box-shadow:0 4px 15px #10b98140;color:#10b981;color:var(--cbx-green,#10b981)}.cbx-question-post__vote-btn--downvote.cbx-question-post__vote-btn--active{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;border-color:var(--cbx-red,#ef4444);box-shadow:0 4px 15px #ef444440;color:#ef4444;color:var(--cbx-red,#ef4444)}.cbx-question-post__vote-btn:active{transform:scale(.95)}.cbx-question-post__score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--cbx-indigo,#6366f1) 0,var(--cbx-purple,#8b5cf6) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:26px;font-weight:800;min-width:48px;padding:8px 0;text-align:center}.cbx-question-post__content{flex:1 1;min-width:0}.cbx-question-post__title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin:0 0 20px}.cbx-question-post__body,.cbx-question-post__title{color:#1e293b;color:var(--cbx-text-primary,#1e293b)}.cbx-question-post__body{word-wrap:break-word;font-size:15px;line-height:1.8;margin-bottom:24px;white-space:pre-wrap}.cbx-question-post__meta-bottom{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding-top:16px}.cbx-question-post__meta-stats{align-items:center;color:#64748b;color:var(--cbx-text-secondary,#64748b);display:flex;font-size:13px;gap:16px}.cbx-question-post__meta-item{align-items:center;display:flex;font-weight:500;gap:6px}.cbx-question-post__meta-separator{color:#e2e8f0}.cbx-question-post__difficulty{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.cbx-question-post__difficulty--beginner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46}.cbx-question-post__difficulty--intermediate{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.cbx-question-post__difficulty--advanced{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.cbx-question-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.cbx-question-post__tag{background:linear-gradient(135deg,#3b82f614,#6366f114);border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;color:var(--cbx-blue,#3b82f6);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.cbx-question-post__tag:hover{background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--cbx-blue,#3b82f6) 0,var(--cbx-indigo,#6366f1) 100%);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.cbx-question-post__status-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.cbx-question-post__bounty{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border:2px solid var(--cbx-amber,#f59e0b);border-radius:12px;box-shadow:0 4px 15px #f59e0b40;color:#92400e;display:flex;font-weight:700;gap:10px;padding:12px 20px}.cbx-question-post__bounty-icon{color:#f59e0b;color:var(--cbx-amber,#f59e0b);font-size:20px}.cbx-question-post__bounty-amount{font-size:18px;font-weight:800}.cbx-question-post__bounty-label{font-size:12px;font-weight:600;opacity:.9}.cbx-question-post__solved{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #10b981;border:2px solid var(--cbx-green,#10b981);border-radius:10px;box-shadow:0 4px 15px #10b98133;color:#065f46;display:flex;font-weight:700;gap:8px;padding:10px 18px}.cbx-question-post__solved-icon{color:#10b981;color:var(--cbx-green,#10b981);font-size:18px}.cbx-question-post__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cbx-question-post__action-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.cbx-question-post__action-btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--cbx-blue,#3b82f6) 0,var(--cbx-indigo,#6366f1) 100%);border:none;box-shadow:0 4px 15px #3b82f64d;color:#fff}.cbx-question-post__action-btn--primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cbx-question-post__action-btn--secondary{background:#fff;border:2px solid #e2e8f0;color:#1e293b;color:var(--cbx-text-primary,#1e293b)}.cbx-question-post__action-btn--secondary:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6);color:#3b82f6;color:var(--cbx-blue,#3b82f6)}.cbx-question-post__action-btn--bounty{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--cbx-amber,#f59e0b) 0,#d97706 100%);border:none;box-shadow:0 4px 15px #f59e0b4d;color:#fff}.cbx-question-post__action-btn--bounty:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.cbx-question-post__answers-header{align-items:center;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:24px;padding:16px 0}.cbx-question-post__answers-count{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:18px;font-weight:700}.cbx-question-post__sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;color:var(--cbx-text-primary,#1e293b);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cbx-question-post__sort-select:focus,.cbx-question-post__sort-select:hover{border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6)}.cbx-question-post__sort-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.cbx-question-post__load-more{display:flex;justify-content:center;margin-top:20px}.cbx-question-post__load-more-btn{background:#fff;border:2px solid #3b82f6;border:2px solid var(--cbx-blue,#3b82f6);border-radius:10px;color:#3b82f6;color:var(--cbx-blue,#3b82f6);cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s ease}.cbx-question-post__load-more-btn:hover:not(:disabled){background:#3b82f6;background:var(--cbx-blue,#3b82f6);color:#fff}.cbx-question-post__load-more-btn:disabled{cursor:not-allowed;opacity:.5}.cbx-question-post__loading{color:#64748b;color:var(--cbx-text-secondary,#64748b);display:flex;font-size:14px;justify-content:center;padding:24px}@media (max-width:768px){.cbx-question-post__main{flex-direction:column;gap:16px}.cbx-question-post__votes{flex-direction:row;justify-content:flex-start;min-width:auto}.cbx-question-post__vote-btn{font-size:16px;height:40px;width:40px}.cbx-question-post__score{font-size:20px;padding:0 12px}.cbx-question-post__title{font-size:18px}.cbx-question-post__meta-bottom{align-items:flex-start;flex-direction:column}.cbx-question-post__actions{flex-direction:column}.cbx-question-post__action-btn{justify-content:center;width:100%}}.apply-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.apply-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.apply-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.apply-modal-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.apply-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s ease}.apply-modal-close:hover{background:#f3f4f6;color:#111827}.apply-modal-close:disabled{cursor:not-allowed;opacity:.5}.apply-modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-group textarea{line-height:1.5;min-height:150px}.char-counter{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between}.char-count{font-weight:600}.char-count.invalid{color:#ef4444}.char-count.valid{color:#10b981}.char-count.over-limit{color:#f59e0b}.min-requirement{color:#6b7280;font-size:12px}.error-message{border-radius:8px;padding:12px}.apply-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.apply-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#f3f4f6}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.submit-btn{background:#3b82f6}.submit-btn:hover:not(:disabled){background:#2563eb}.apply-modal-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.apply-modal-overlay{padding:0}.apply-modal-content{border-radius:0;max-height:100vh}.apply-modal-form{padding:20px}.apply-modal-actions{flex-direction:column-reverse}.apply-modal-actions button{width:100%}}.manage-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.manage-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.manage-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.manage-modal-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.manage-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s ease}.manage-modal-close:hover{background:#f3f4f6;color:#111827}.applications-stats{grid-gap:12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:20px 24px}.stat-item{border:2px solid #e5e7eb;gap:4px;padding:12px}.stat-item.pending{background:#fffbeb;border-color:#fbbf24}.stat-item.accepted{background:#ecfdf5;border-color:#10b981}.stat-item.rejected{background:#fef2f2;border-color:#ef4444}.stat-label{color:#6b7280}.stat-value{color:#111827;font-size:24px}.applications-filters{border-bottom:1px solid #e5e7eb;padding:16px 24px}.filter-tab{padding:8px 16px}.applications-list{overflow-y:auto;padding:20px 24px}.empty-state,.loading-state{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.application-card{border:1px solid #e5e7eb;padding:20px}.applicant-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.applicant-info{flex:1 1;gap:12px}.applicant-details{display:flex;flex-direction:column;gap:4px}.applicant-name{color:#111827;font-size:16px;font-weight:600;margin:0}.applicant-field,.applicant-role{color:#6b7280;font-size:13px;margin:0}.application-status-badge{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize;white-space:nowrap}.application-status-badge.status-pending{background:#fef3c7;color:#92400e}.application-status-badge.status-accepted{background:#d1fae5;color:#065f46}.application-status-badge.status-rejected{background:#fee2e2;color:#991b1b}.applied-position{background:#f3f4f6;border-radius:6px;color:#4b5563;font-size:14px;padding:8px 12px}.motivation-section h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.motivation-text{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;color:#4b5563;font-size:14px;line-height:1.6;margin:0;padding:12px;white-space:pre-wrap}.application-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.review-note-display{background:#fffbeb;border-left:3px solid #fbbf24;border-radius:8px;color:#78350f;font-size:14px;padding:12px}.review-note-display strong{display:block;margin-bottom:4px}.application-actions{flex-direction:column}.review-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.review-btn:hover{background:#2563eb}.review-form{display:flex;flex-direction:column;gap:12px}.review-form textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical}.review-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.review-actions{display:flex;gap:8px;justify-content:flex-end}.review-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.review-cancel-btn{background:#f3f4f6;color:#374151}.review-cancel-btn:hover:not(:disabled){background:#e5e7eb}.review-reject-btn{background:#fee2e2;color:#dc2626}.review-reject-btn:hover:not(:disabled){background:#fecaca}.review-accept-btn{background:#d1fae5;color:#065f46}.review-accept-btn:hover:not(:disabled){background:#a7f3d0}.review-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.applications-stats{grid-template-columns:repeat(2,1fr)}.applicant-header,.review-actions{flex-direction:column}.review-actions button{justify-content:center;width:100%}}@media (max-width:640px){.manage-modal-overlay{padding:0}.manage-modal-content{border-radius:0;max-height:100vh}}.cbx-collab-container{display:flex;flex-direction:column;gap:20px;overflow:visible;position:relative}.cbx-collab-header{display:flex;flex-direction:column;gap:16px}.cbx-collab-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cbx-collab-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;background-clip:text;color:#1e293b;flex:1 1;font-size:22px;font-weight:800;line-height:1.3;margin:0}.cbx-collab-closed-badge{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef444433;border-radius:20px;color:#ef4444;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px}.cbx-collab-progress{display:flex;flex-direction:column;gap:10px}.cbx-collab-progress__stats{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:10px}.cbx-collab-progress__icon{color:#3b82f6;font-size:18px}.cbx-collab-progress__text{font-weight:600}.cbx-collab-progress__bar{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;box-shadow:inset 0 2px 4px #0000000f;height:12px;overflow:hidden;width:100%}.cbx-collab-progress__fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 2px 8px #3b82f666;height:100%;overflow:hidden;position:relative}.cbx-collab-progress__fill:after{animation:cbx-collab-shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes cbx-collab-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cbx-collab-description{color:#1e293b;font-size:15px;line-height:1.7}.cbx-collab-description p{margin:0;white-space:pre-wrap}.cbx-collab-additional{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;border-radius:12px;padding:18px 20px}.cbx-collab-additional h4{color:#1e293b;font-size:14px;font-weight:700;margin:0 0 10px}.cbx-collab-additional p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.cbx-collab-positions{margin-top:8px}.cbx-collab-positions__title{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 12px}.cbx-collab-positions__list{display:flex;flex-direction:column;gap:8px}.cbx-collab-positions__item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.cbx-collab-positions__item:hover{background:#3b82f605;border-color:#3b82f6;transform:translateX(4px)}.cbx-collab-positions__role{color:#1e293b;flex:1 1;font-size:14px;font-weight:600}.cbx-collab-positions__count{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:20px;color:#3b82f6;font-size:12px;font-weight:700;padding:4px 12px}.cbx-collab-skills{margin-top:8px}.cbx-collab-skills__title{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 12px}.cbx-collab-skills__list{display:flex;flex-wrap:wrap;gap:8px}.cbx-collab-skills__tag{background:linear-gradient(135deg,#10b98114,#06b6d414);border:1px solid #10b98133;border-radius:20px;color:#10b981;cursor:default;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.cbx-collab-skills__tag:hover{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#0000;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-2px)}.cbx-collab-metadata{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;padding:16px 0}.cbx-collab-metadata__item{display:flex;flex-direction:column;gap:4px}.cbx-collab-metadata__item--room{flex:1 1}.cbx-collab-metadata__header{align-items:center;display:flex;gap:6px}.cbx-collab-metadata__icon{color:#3b82f6;font-size:14px}.cbx-collab-metadata__label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cbx-collab-metadata__value{color:#1e293b;font-size:14px;font-weight:600}.cbx-collab-metadata__value--past{color:#ef4444}.cbx-collab-metadata__value--room{color:#6366f1}.cbx-collab-status{align-items:center;border-radius:12px;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:10px;padding:14px 20px}.cbx-collab-status__icon{font-size:18px}.cbx-collab-status__note{font-size:13px;font-weight:500;margin:8px 0 0;opacity:.8;width:100%}.cbx-collab-status--pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d;color:#92400e}.cbx-collab-status--accepted{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #10b9814d;color:#065f46}.cbx-collab-status--rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef44444d;color:#991b1b}.cbx-collab-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.cbx-collab-actions__btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.cbx-collab-actions__btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 15px #3b82f659;color:#fff;flex:1 1;min-width:150px}.cbx-collab-actions__btn--primary:hover{box-shadow:0 8px 25px #3b82f673}.cbx-collab-actions__btn--secondary{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 4px 15px #8b5cf659;color:#fff}.cbx-collab-actions__btn--secondary:hover{box-shadow:0 8px 25px #8b5cf673}.cbx-collab-actions__btn--danger{background:#fff;border:2px solid #ef4444;color:#ef4444}.cbx-collab-actions__btn--danger:hover{background:#ef4444;color:#fff}.cbx-collab-actions__message{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:14px 20px;text-align:center}@media (max-width:768px){.cbx-collab-title{font-size:18px}.cbx-collab-actions{flex-direction:column}.cbx-collab-actions__btn{width:100%}.cbx-collab-metadata{flex-direction:column;gap:12px}.cbx-collab-positions__item{padding:10px 14px}}@media (max-width:480px){.cbx-collab-container{gap:16px}.cbx-collab-title{font-size:16px}.cbx-collab-progress__bar{height:10px}.cbx-collab-actions__btn{font-size:13px;padding:12px 20px}}.cbx-poll-post{padding:8px 0}.cbx-poll-post--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border:1px solid var(--cbx-red,#ef4444);border-radius:12px;color:#991b1b;font-weight:600;padding:20px}.cbx-poll-post__description{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;line-height:1.7;margin-bottom:16px}.cbx-poll-post__question{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.4;margin:0 0 20px}.cbx-poll-post__options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cbx-poll-post__option{background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.cbx-poll-post__option--clickable:hover{background:#3b82f605;border-color:#3b82f6;border-color:var(--cbx-blue,#3b82f6);box-shadow:0 4px 12px #3b82f61a;transform:translateX(4px)}.cbx-poll-post__option--voted{cursor:default}.cbx-poll-post__option--selected{background:#10b98105;border-color:#10b981;border-color:var(--cbx-green,#10b981)}.cbx-poll-post__option--selected:before{background:linear-gradient(180deg,#10b981,#06b6d4);background:linear-gradient(180deg,var(--cbx-green,#10b981) 0,var(--cbx-cyan,#06b6d4) 100%);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.cbx-poll-post__progress{background:linear-gradient(90deg,#10b9811f,#06b6d414);border-radius:12px 0 0 12px;height:100%;left:0;position:absolute;top:0;transition:width .5s cubic-bezier(.4,0,.2,1);z-index:1}.cbx-poll-post__option-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.cbx-poll-post__option-text{color:#1e293b;color:var(--cbx-text-primary,#1e293b);flex:1 1;font-size:15px;font-weight:600}.cbx-poll-post__option-stats{align-items:center;color:#64748b;color:var(--cbx-text-secondary,#64748b);display:flex;font-size:14px;font-weight:700;gap:8px;margin-left:12px;white-space:nowrap}.cbx-poll-post__option--selected .cbx-poll-post__option-stats{color:#10b981;color:var(--cbx-green,#10b981)}.cbx-poll-post__checkmark{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--cbx-green,#10b981) 0,var(--cbx-cyan,#06b6d4) 100%);border-radius:50%;color:#fff;display:flex;font-size:12px;height:22px;justify-content:center;width:22px}.cbx-poll-post__footer{color:#64748b;color:var(--cbx-text-secondary,#64748b);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:8px}.cbx-poll-post__footer-separator{opacity:.5}.cbx-poll-post__footer-expired{color:#ef4444;color:var(--cbx-red,#ef4444);font-weight:600}.cbx-poll-post__voting-indicator{animation:cbx-poll-spin .8s linear infinite;border:2px solid #3b82f6;border:2px solid var(--cbx-blue,#3b82f6);border-radius:50%;border-top:2px solid #0000;height:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20px}@keyframes cbx-poll-spin{to{transform:translateY(-50%) rotate(1turn)}}@media (max-width:768px){.cbx-poll-post__question{font-size:18px}.cbx-poll-post__option{padding:14px 16px}.cbx-poll-post__option-text{font-size:14px}.cbx-poll-post__option-stats{font-size:13px}}.cbx-milestone-post{padding:8px 0}.cbx-milestone-post--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border:1px solid var(--cbx-red,#ef4444);border-radius:12px;color:#991b1b;font-weight:600;padding:20px}.cbx-milestone-post__banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:5px solid #f59e0b;border-left:5px solid var(--cbx-amber,#f59e0b);border-radius:16px;box-shadow:0 4px 20px #f59e0b26;display:flex;gap:20px;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.cbx-milestone-post__banner:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.cbx-milestone-post__icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--cbx-amber,#f59e0b) 0,#d97706 100%);border-radius:50%;box-shadow:0 8px 25px #f59e0b66;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;position:relative;width:64px}.cbx-milestone-post__icon:after{animation:cbx-milestone-rotate 20s linear infinite;border:2px dashed #f59e0b66;border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes cbx-milestone-rotate{to{transform:rotate(1turn)}}.cbx-milestone-post__content{flex:1 1;min-width:0}.cbx-milestone-post__label{align-items:center;background:#92400e1a;border-radius:20px;color:#92400e;display:inline-flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:1px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.cbx-milestone-post__title{color:#78350f;font-size:20px;font-weight:800;line-height:1.35;margin:0 0 6px}.cbx-milestone-post__venue{color:#92400e;font-size:14px;font-weight:600;line-height:1.5;margin:0}.cbx-milestone-post__description{background:linear-gradient(135deg,#fef3c7,#fef9e7);border-left:4px solid #f59e0b;border-left:4px solid var(--cbx-amber,#f59e0b);border-radius:12px;padding:16px 20px}.cbx-milestone-post__additional,.cbx-milestone-post__description{color:#1e293b;color:var(--cbx-text-primary,#1e293b);font-size:15px;line-height:1.7;margin-bottom:16px}.cbx-milestone-post__date{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;color:#64748b;color:var(--cbx-text-secondary,#64748b);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.cbx-milestone-post__date-icon{color:#f59e0b;color:var(--cbx-amber,#f59e0b);font-size:16px}@media (max-width:768px){.cbx-milestone-post__banner{flex-direction:column;gap:16px;padding:20px;text-align:center}.cbx-milestone-post__icon{font-size:24px;height:56px;width:56px}.cbx-milestone-post__title{font-size:18px}.cbx-milestone-post__venue{font-size:13px}}.spm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.spm-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.spm-header{border-bottom:1px solid #e5e7eb;gap:12px;justify-content:space-between;padding:12px 16px}.spm-header,.spm-title{align-items:center;display:flex}.spm-title{color:#111827;flex:1 1;font-size:16px;font-weight:600;gap:6px;margin:0}.spm-header-icon{color:#3b82f6;font-size:14px}.spm-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;min-width:28px;transition:all .2s;width:28px}.spm-close-btn:hover{background:#e5e7eb;color:#111827}.spm-form{padding:16px}.spm-form-group{margin-bottom:14px}.spm-form-group:last-of-type{margin-bottom:16px}.spm-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.spm-form-group input[type=text],.spm-form-group select,.spm-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.spm-form-group input[type=text]:focus,.spm-form-group select:focus,.spm-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.spm-form-group input[type=text]::placeholder,.spm-form-group textarea::placeholder{color:#9ca3af}.spm-form-group textarea{min-height:80px;resize:vertical}.spm-hint{color:#6b7280;font-weight:400}.spm-char-count,.spm-hint{display:block;font-size:11px;margin-top:4px}.spm-char-count{color:#9ca3af;text-align:right}.spm-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;cursor:pointer;padding-right:2.5rem}.spm-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding-top:12px}.spm-cancel-btn,.spm-submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.spm-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.spm-cancel-btn:hover:not(:disabled){background:#e5e7eb}.spm-submit-btn{background:#3b82f6;color:#fff}.spm-submit-btn:hover:not(:disabled){background:#2563eb}.spm-cancel-btn:disabled,.spm-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.spm-overlay{align-items:flex-end;padding:0}.spm-content{border-radius:12px 12px 0 0;max-width:100%}.spm-header{padding:10px 12px}.spm-title{font-size:15px}.spm-form{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.spm-actions{flex-direction:column-reverse}.spm-cancel-btn,.spm-submit-btn{padding:10px 16px;width:100%}}.repost-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.repost-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.repost-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.repost-modal-header h2{color:#111827;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.repost-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.repost-close-btn:hover{background:#f3f4f6;color:#111827}.repost-submit-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:20px;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.repost-submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}.repost-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.repost-modal-body{overflow-y:auto;padding:20px}.repost-text-input{border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:14px;resize:none;transition:all .2s ease;width:100%}.repost-text-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.repost-text-input::placeholder{color:#9ca3af}.repost-char-count{color:#9ca3af;font-size:12px;margin-top:8px;text-align:right}.original-post-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:16px}.preview-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.preview-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.preview-author-info{display:flex;flex-direction:column}.preview-author-name{color:#111827;font-size:14px;font-weight:600}.preview-author-title{color:#6b7280;font-size:12px}.preview-content{word-wrap:break-word;color:#374151;font-size:14px;line-height:1.5}@media (max-width:768px){.repost-modal-overlay{align-items:flex-end;padding:0}.repost-modal{animation:slideUp .3s ease-out;border-radius:16px 16px 0 0;max-height:85vh;max-width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.repost-modal-header{padding:14px 16px}.repost-modal-header h2{font-size:16px}.repost-modal-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.repost-text-input{font-size:16px}}.cbx-post-actions{align-items:center;display:flex;gap:var(--cbx-space-1);justify-content:space-between;padding:var(--cbx-space-2) 0;width:100%}.cbx-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--cbx-radius-md);color:var(--cbx-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium);gap:var(--cbx-space-2);justify-content:center;min-width:0;overflow:hidden;padding:var(--cbx-space-2) var(--cbx-space-3);position:relative;transition:all var(--cbx-transition-base)}.cbx-action-btn:before{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--cbx-transition-fast)}.cbx-action-btn:hover:before{opacity:.08}.cbx-action-btn:active{transform:scale(.97)}.cbx-action-icon{flex-shrink:0;height:20px;transition:transform var(--cbx-transition-spring);width:20px}.cbx-action-btn:hover .cbx-action-icon{transform:scale(1.1)}.cbx-action-label{font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium);transition:color var(--cbx-transition-fast);white-space:nowrap}.cbx-action-btn--like.cbx-action-btn--active,.cbx-action-btn--like:hover{color:var(--cbx-blue)}.cbx-action-btn--like.cbx-action-btn--active .cbx-action-icon{fill:var(--cbx-blue);animation:cbx-like-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cbx-like-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.cbx-action-btn--comment:hover{color:var(--cbx-purple)}.cbx-action-btn--share:hover{color:var(--cbx-cyan)}.cbx-action-btn--repost:hover{color:var(--cbx-green)}.cbx-action-btn--repost:hover .cbx-action-icon{animation:cbx-repost-spin .6s ease}@keyframes cbx-repost-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cbx-action-btn--save.cbx-action-btn--active,.cbx-action-btn--save:hover{color:var(--cbx-amber)}.cbx-action-btn--save.cbx-action-btn--active .cbx-action-icon{fill:var(--cbx-amber);animation:cbx-save-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cbx-save-bounce{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.2) translateY(-3px)}to{transform:scale(1) translateY(0)}}@media (max-width:1024px){.cbx-action-btn{gap:var(--cbx-space-1);padding:var(--cbx-space-2)}.cbx-action-icon{height:18px;width:18px}.cbx-action-label{font-size:var(--cbx-font-size-xs)}}@media (max-width:768px){.cbx-post-actions{gap:2px;padding:var(--cbx-space-2) 0 var(--cbx-space-1) 0}.cbx-action-btn{border-radius:var(--cbx-radius-sm);gap:var(--cbx-space-1);padding:var(--cbx-space-2)}.cbx-action-icon{height:18px;width:18px}.cbx-action-label{font-size:11px}}@media (max-width:480px){.cbx-post-actions{padding:var(--cbx-space-1) 0}.cbx-action-btn{gap:0;padding:var(--cbx-space-2) var(--cbx-space-1)}.cbx-action-label{display:none}.cbx-action-icon{height:20px;width:20px}.cbx-action-btn:hover .cbx-action-icon{transform:scale(1.15)}}.epm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.epm-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.epm-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.epm-title{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0}.epm-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:300;height:28px;justify-content:center;min-width:28px;transition:all .2s;width:28px}.epm-close-btn:hover{background:#e5e7eb;color:#111827}.epm-form{padding:16px}.epm-form-group{margin-bottom:16px}.epm-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.epm-form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.epm-form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.epm-form-group input[type=text]{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.epm-form-group input[type=text]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.epm-char-count{text-align:right}.epm-char-count,.epm-hint{color:#6b7280;font-size:11px;margin-top:4px}.epm-hint{display:block}.epm-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:12px}.epm-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.epm-cancel-btn:hover:not(:disabled){background:#f3f4f6}.epm-submit-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.epm-submit-btn:hover:not(:disabled){background:#4338ca}.epm-cancel-btn:disabled,.epm-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.epm-overlay{align-items:flex-end;padding:0}.epm-content{border-radius:12px 12px 0 0;max-height:90vh;max-width:100%}.epm-header{padding:10px 12px}.epm-title{font-size:15px}.epm-form{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}}.rpm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.rpm-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.rpm-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.rpm-title{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0}.rpm-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:300;height:28px;justify-content:center;min-width:28px;transition:all .2s ease;width:28px}.rpm-close-btn:hover{background:#e5e7eb;color:#111827}.report-form{padding:16px}.report-form .form-group{margin-bottom:16px}.report-form label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.report-form select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.report-form select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.report-form textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.report-form textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.report-disclaimer{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 12px}.report-disclaimer p{align-items:center;color:#991b1b;display:flex;font-size:12px;gap:6px;margin:0}.rpm-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding-top:12px}.rpm-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.rpm-cancel-btn:hover{background:#f3f4f6}.rpm-submit-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.rpm-submit-btn:hover:not(:disabled){background:#b91c1c}.rpm-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.rpm-overlay{align-items:flex-end;padding:0}.rpm-content{border-radius:12px 12px 0 0;max-width:100%}.rpm-header{padding:10px 12px}.rpm-title{font-size:15px}.report-form{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}}.post-menu{flex-shrink:0;position:relative}.menu-trigger{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.menu-trigger:hover{background:#4f46e51a;color:#4f46e5;transform:scale(1.1)}.menu-dropdown{background:#fff;border:2px solid #4f46e526;border-radius:12px;box-shadow:0 8px 20px #4f46e526;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.menu-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 18px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.menu-item:hover{background:#4f46e514;color:#4f46e5;padding-left:22px}.menu-item svg{color:#6b7280;font-size:18px;transition:all .2s ease}.menu-item:hover svg{color:#4f46e5}.menu-item.danger,.menu-item.danger svg{color:#dc2626}.menu-item.danger:hover{background:#fee2e2}.menu-divider{background:#e5e7eb;height:1px;margin:6px 0}@media (max-width:768px){.menu-dropdown{min-width:160px}.menu-item{font-size:13px;padding:10px 14px}}.cbx-comment-input{display:flex;flex-direction:column;gap:12px}.cbx-comment-input__textarea{background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;font-family:inherit;font-size:14px;line-height:1.6;min-height:70px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.cbx-comment-input__textarea::placeholder{color:#94a3b8}.cbx-comment-input__textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.cbx-comment-input__textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cbx-comment-input__footer{align-items:center;display:flex;justify-content:space-between}.cbx-comment-input__count{color:#94a3b8;font-size:12px;font-weight:500}.cbx-comment-input__count--warning{color:#f59e0b}.cbx-comment-input__count--limit{color:#ef4444}.cbx-comment-input__btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.cbx-comment-input__btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cbx-comment-input__btn:active:not(:disabled){transform:translateY(0)}.cbx-comment-input__btn:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed;transform:none}.cbx-comment-input__btn svg{font-size:14px}@media (max-width:768px){.cbx-comment-input{gap:10px}.cbx-comment-input__textarea{border-radius:12px;font-size:13px;min-height:60px;padding:12px 14px}.cbx-comment-input__btn{border-radius:10px;font-size:13px;padding:10px 18px}}@media (max-width:480px){.cbx-comment-input__textarea{font-size:13px;min-height:55px;padding:10px 12px}.cbx-comment-input__count{font-size:11px}.cbx-comment-input__btn{font-size:12px;padding:10px 16px}}.cbx-comment-section{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.cbx-comment-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.cbx-comment-empty{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;color:#94a3b8;font-size:14px;margin:20px 0 0;padding:32px 20px;text-align:center}.cbx-comment-loading{margin-top:20px;padding:32px;text-align:center}.cbx-comment-loading p{align-items:center;color:#64748b;display:flex;font-size:14px;gap:10px;justify-content:center;margin:0}.cbx-comment-loading p:before{animation:cbx-comment-spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;content:"";height:18px;width:18px}.cbx-comment-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef444433;border-radius:12px;margin-top:20px;padding:24px;text-align:center}.cbx-comment-error p{color:#dc2626;font-size:14px;font-weight:500;margin:0}@keyframes cbx-comment-spin{to{transform:rotate(1turn)}}.cbx-comment{align-items:flex-start;display:flex;gap:14px}.cbx-comment__content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;flex:1 1;min-width:0;padding:16px 18px;transition:all .2s ease}.cbx-comment__content:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.cbx-comment__header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.cbx-comment__author-wrapper{align-items:center;display:flex;gap:6px}.cbx-comment__author{color:#1e293b;cursor:pointer;font-size:14px;font-weight:700;transition:color .2s ease}.cbx-comment__author:hover{color:#6366f1}.cbx-comment__time{color:#94a3b8;font-size:12px;margin-left:auto}.cbx-comment__text{word-wrap:break-word;color:#475569;font-size:14px;line-height:1.6;margin:0 0 12px}.cbx-comment__actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:8px;padding-top:12px}.cbx-comment__action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.cbx-comment__action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.cbx-comment__action-btn--active{background:linear-gradient(135deg,#ec48991a,#ef44441a);border-color:#ec48994d;color:#ec4899}.cbx-comment__action-btn--active:hover{background:linear-gradient(135deg,#ec489926,#ef444426)}.cbx-comment__action-btn--delete{border-color:#ef444433;color:#ef4444}.cbx-comment__action-btn--delete:hover{background:#fef2f2;border-color:#ef4444}.cbx-comment__action-btn--report{border-color:#f59e0b33;color:#f59e0b}.cbx-comment__action-btn--report:hover{background:#fffbeb;border-color:#f59e0b}.cbx-comment__action-btn svg{font-size:12px}.cbx-comment__reply-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}.cbx-reply-list{border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:14px;margin-top:16px;padding-left:24px}.cbx-reply{align-items:flex-start;display:flex;gap:12px}.cbx-reply__content{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:1 1;min-width:0;padding:14px 16px;transition:all .2s ease}.cbx-reply__content:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #00000008}.cbx-reply__header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.cbx-reply__author{color:#1e293b;cursor:pointer;font-size:13px;font-weight:700;transition:color .2s ease}.cbx-reply__author:hover{color:#6366f1}.cbx-reply__time{color:#94a3b8;font-size:11px;margin-left:auto}.cbx-reply__text{word-wrap:break-word;color:#475569;font-size:13px;line-height:1.55;margin:0}@media (max-width:768px){.cbx-comment-section{margin-top:16px;padding-top:16px}.cbx-comment-list{gap:16px;margin-top:16px}.cbx-comment{gap:12px}.cbx-comment__content{border-radius:14px;padding:14px 16px}.cbx-comment__text{font-size:13px}.cbx-reply-list{gap:12px;margin-top:14px;padding-left:16px}.cbx-reply{gap:10px}.cbx-reply__content{border-radius:12px;padding:12px 14px}}@media (max-width:480px){.cbx-comment__header{flex-wrap:wrap;gap:6px}.cbx-comment__time{margin-left:0;margin-top:2px;width:100%}.cbx-comment__actions{flex-wrap:wrap;gap:6px}.cbx-comment__action-btn{font-size:11px;padding:5px 10px}.cbx-reply-list{padding-left:12px}.cbx-reply__header{flex-wrap:wrap;gap:4px}.cbx-reply__time{margin-left:0;width:100%}.cbx-comment-empty{font-size:13px;padding:24px 16px}}.cbx-post{background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-lg);box-shadow:var(--cbx-shadow-sm);box-sizing:border-box;max-width:100%;overflow:visible;padding:14px 16px;position:relative;transition:all var(--cbx-transition-smooth);width:100%}.cbx-post:before{background:var(--cbx-gradient-primary);border-radius:var(--cbx-radius-lg) var(--cbx-radius-lg) 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--cbx-transition-base)}.cbx-post:hover{border-color:var(--cbx-border-medium);box-shadow:var(--cbx-shadow-md)}.cbx-post:hover:before{opacity:.6}.cbx-post-header{border-bottom:1px solid var(--cbx-border-light);justify-content:space-between;margin-bottom:var(--cbx-space-4);padding-bottom:var(--cbx-space-4)}.cbx-post-author,.cbx-post-header{align-items:flex-start;display:flex;gap:var(--cbx-space-3)}.cbx-post-author{flex:1 1;min-width:0}.cbx-author-avatar{flex-shrink:0;position:relative}.cbx-author-avatar-img{border:2px solid var(--cbx-border-light);border-radius:var(--cbx-radius-full);height:44px;object-fit:cover;transition:all var(--cbx-transition-base);width:44px}.cbx-post:hover .cbx-author-avatar-img{border-color:var(--cbx-blue-light)}.cbx-author-avatar-ring{background:var(--cbx-gradient-primary);border-radius:var(--cbx-radius-full);inset:-3px;opacity:0;position:absolute;transition:opacity var(--cbx-transition-base);z-index:-1}.cbx-post:hover .cbx-author-avatar-ring{opacity:.2}.cbx-author-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cbx-author-row{align-items:center;display:flex;gap:var(--cbx-space-3);justify-content:space-between;width:100%}.cbx-author-name-group{align-items:center;display:flex;flex:1 1;gap:var(--cbx-space-1);min-width:0}.cbx-author-name{color:var(--cbx-text-primary);font-size:var(--cbx-font-size-md);font-weight:var(--cbx-font-weight-semibold);line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color var(--cbx-transition-fast);white-space:nowrap}.cbx-author-name:hover{color:var(--cbx-blue)}.cbx-author-role{color:var(--cbx-text-muted);font-size:var(--cbx-font-size-sm);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbx-post-meta{align-items:center;display:flex;flex-shrink:0;gap:var(--cbx-space-2)}.cbx-post-time{color:var(--cbx-text-muted);font-size:var(--cbx-font-size-xs);white-space:nowrap}.cbx-meta-dot{background:var(--cbx-slate-300);border-radius:var(--cbx-radius-full);height:3px;width:3px}.cbx-post-visibility{align-items:center;color:var(--cbx-text-muted);display:flex;font-size:var(--cbx-font-size-xs);gap:4px}.cbx-visibility-icon{height:12px;width:12px}.cbx-post-content{margin-bottom:var(--cbx-space-4);width:100%}.cbx-post-stats{align-items:center;border-bottom:1px solid var(--cbx-border-light);border-top:1px solid var(--cbx-border-light);display:flex;justify-content:space-between;margin-bottom:var(--cbx-space-3);padding:var(--cbx-space-3) 0}.cbx-stats-left,.cbx-stats-likes{align-items:center;display:flex;gap:var(--cbx-space-2)}.cbx-likes-avatars{align-items:center;display:flex}.cbx-like-avatar{border:2px solid var(--cbx-bg-secondary);border-radius:var(--cbx-radius-full);height:20px;margin-left:-6px;width:20px}.cbx-like-avatar:first-child{margin-left:0}.cbx-likes-count{color:var(--cbx-text-secondary);font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium)}.cbx-stats-right{align-items:center;display:flex;gap:var(--cbx-space-4)}.cbx-stat-item{align-items:center;color:var(--cbx-text-muted);cursor:pointer;display:flex;font-size:var(--cbx-font-size-sm);gap:4px;transition:color var(--cbx-transition-fast)}.cbx-stat-item:hover{color:var(--cbx-blue)}.cbx-stat-item--comments:hover{color:var(--cbx-purple)}.cbx-stat-item--shares:hover{color:var(--cbx-green)}.cbx-question-actions{border-top:1px solid var(--cbx-border-light);padding-top:var(--cbx-space-3)}.cbx-question-repost-btn{align-items:center;background:var(--cbx-slate-50);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-full);color:var(--cbx-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium);gap:var(--cbx-space-2);padding:var(--cbx-space-2) var(--cbx-space-4);transition:all var(--cbx-transition-base)}.cbx-question-repost-btn:hover{background:var(--cbx-green);border-color:var(--cbx-green);box-shadow:var(--cbx-shadow-sm);color:#fff;transform:translateY(-1px)}.cbx-question-repost-btn svg{height:16px;width:16px}@media (max-width:1024px){.cbx-post{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-4)}.cbx-post-header{margin-bottom:var(--cbx-space-3);padding-bottom:var(--cbx-space-3)}.cbx-author-avatar-img{height:40px;width:40px}}@media (max-width:768px){.cbx-post{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-4)}.cbx-post:before{display:none}.cbx-post-header{margin-bottom:var(--cbx-space-3);padding-bottom:var(--cbx-space-3)}.cbx-post-author,.cbx-post-header{gap:var(--cbx-space-2)}.cbx-author-avatar-img{height:38px;width:38px}.cbx-author-name{font-size:var(--cbx-font-size-sm)}.cbx-author-role{font-size:var(--cbx-font-size-xs)}.cbx-author-row{align-items:flex-start;flex-direction:column;gap:2px}.cbx-post-meta{margin-top:2px}.cbx-post-stats{flex-wrap:wrap;gap:var(--cbx-space-2)}.cbx-stats-right{gap:var(--cbx-space-3)}}@media (max-width:480px){.cbx-post{border-radius:var(--cbx-radius-md);padding:var(--cbx-space-3)}.cbx-post-header{gap:var(--cbx-space-2);margin-bottom:var(--cbx-space-2);padding-bottom:var(--cbx-space-2)}.cbx-author-avatar-img{height:36px;width:36px}.cbx-post-content{margin-bottom:var(--cbx-space-3)}.cbx-post-stats{margin-bottom:var(--cbx-space-2);padding:var(--cbx-space-2) 0}.cbx-likes-count,.cbx-stat-item{font-size:var(--cbx-font-size-xs)}}.cbx-skeleton{background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-xl);box-shadow:var(--cbx-shadow-xs);overflow:hidden;padding:var(--cbx-space-5);position:relative}.cbx-skeleton:before{animation:cbx-gradient-shift 2s ease infinite;background:linear-gradient(90deg,var(--cbx-blue) 0,var(--cbx-purple) 50%,var(--cbx-blue) 100%);background-size:200% 100%;content:"";height:3px;left:0;opacity:.4;position:absolute;right:0;top:0}@keyframes cbx-gradient-shift{0%{background-position:100% 0}to{background-position:-100% 0}}.cbx-skeleton-header{align-items:center;border-bottom:1px solid var(--cbx-border-light);display:flex;gap:var(--cbx-space-3);margin-bottom:var(--cbx-space-4);padding-bottom:var(--cbx-space-4)}.cbx-skeleton-avatar{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-full);flex-shrink:0;height:44px;overflow:hidden;position:relative;width:44px}.cbx-skeleton-avatar:after{animation:cbx-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";inset:0;position:absolute}@keyframes cbx-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cbx-skeleton-author{display:flex;flex:1 1;flex-direction:column;gap:var(--cbx-space-2)}.cbx-skeleton-name{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-sm);height:14px;overflow:hidden;position:relative;width:140px}.cbx-skeleton-name:after{animation:cbx-shimmer 1.5s ease-in-out infinite;animation-delay:.1s;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";inset:0;position:absolute}.cbx-skeleton-meta{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-sm);height:10px;overflow:hidden;position:relative;width:100px}.cbx-skeleton-meta:after{animation:cbx-shimmer 1.5s ease-in-out infinite;animation-delay:.2s;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";inset:0;position:absolute}.cbx-skeleton-content{display:flex;flex-direction:column;gap:var(--cbx-space-2);margin-bottom:var(--cbx-space-4)}.cbx-skeleton-line{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-sm);height:12px;overflow:hidden;position:relative;width:100%}.cbx-skeleton-line:after{animation:cbx-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";inset:0;position:absolute}.cbx-skeleton-line:first-child:after{animation-delay:.3s}.cbx-skeleton-line:nth-child(2):after{animation-delay:.4s}.cbx-skeleton-line:nth-child(3):after{animation-delay:.5s}.cbx-skeleton-line--short{width:65%}.cbx-skeleton-line--medium{width:85%}.cbx-skeleton-actions{align-items:center;border-top:1px solid var(--cbx-border-light);display:flex;gap:var(--cbx-space-3);padding-top:var(--cbx-space-3)}.cbx-skeleton-action{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-md);flex:1 1;height:32px;overflow:hidden;position:relative}.cbx-skeleton-action:after{animation:cbx-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";inset:0;position:absolute}.cbx-skeleton-action:first-child:after{animation-delay:.6s}.cbx-skeleton-action:nth-child(2):after{animation-delay:.7s}.cbx-skeleton-action:nth-child(3):after{animation-delay:.8s}.cbx-skeleton-action:nth-child(4):after{animation-delay:.9s}.cbx-skeleton-action:nth-child(5):after{animation-delay:1s}@media (max-width:1024px){.cbx-skeleton{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-4)}.cbx-skeleton-avatar{height:40px;width:40px}}@media (max-width:768px){.cbx-skeleton{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-4)}.cbx-skeleton:before{height:2px}.cbx-skeleton-header{gap:var(--cbx-space-2);margin-bottom:var(--cbx-space-3);padding-bottom:var(--cbx-space-3)}.cbx-skeleton-avatar{height:38px;width:38px}.cbx-skeleton-name{height:12px;width:120px}.cbx-skeleton-meta{height:8px;width:80px}.cbx-skeleton-content{margin-bottom:var(--cbx-space-3)}.cbx-skeleton-line{height:10px}.cbx-skeleton-actions{gap:var(--cbx-space-2);padding-top:var(--cbx-space-2)}.cbx-skeleton-action{height:28px}}@media (max-width:480px){.cbx-skeleton{border-radius:var(--cbx-radius-md);padding:var(--cbx-space-3)}.cbx-skeleton-avatar{height:36px;width:36px}.cbx-skeleton-name{width:100px}.cbx-skeleton-meta{width:60px}.cbx-skeleton-action{height:26px}}.cbx-feed-filters{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--cbx-bg-glass);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-lg);box-shadow:var(--cbx-shadow-sm);overflow:hidden;padding:8px 12px;position:relative}.cbx-feed-filters:before{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cbx-filters-row{align-items:center;display:flex;gap:var(--cbx-space-4);justify-content:space-between}.cbx-feed-tabs{background:var(--cbx-slate-100);border-radius:var(--cbx-radius-lg);gap:var(--cbx-space-1);max-width:340px;padding:var(--cbx-space-1)}.cbx-feed-tab,.cbx-feed-tabs{align-items:center;display:flex;flex:1 1}.cbx-feed-tab{background:#0000;border:none;border-radius:var(--cbx-radius-md);color:var(--cbx-text-muted);cursor:pointer;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-semibold);gap:var(--cbx-space-2);justify-content:center;padding:var(--cbx-space-2) var(--cbx-space-4);position:relative;transition:all var(--cbx-transition-base);white-space:nowrap;z-index:1}.cbx-feed-tab:hover:not(.cbx-feed-tab--active){color:var(--cbx-text-secondary)}.cbx-feed-tab--active{background:var(--cbx-bg-secondary);box-shadow:var(--cbx-shadow-sm);color:var(--cbx-blue)}.cbx-feed-tab-icon{flex-shrink:0;height:16px;width:16px}.cbx-filter-select-wrapper{flex-shrink:0;position:relative}.cbx-filter-select{appearance:none;-webkit-appearance:none;background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-medium);border-radius:var(--cbx-radius-md);color:var(--cbx-text-secondary);cursor:pointer;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium);min-width:130px;outline:none;padding:var(--cbx-space-2) var(--cbx-space-5) var(--cbx-space-2) var(--cbx-space-3);transition:all var(--cbx-transition-base)}.cbx-filter-select:hover{background:var(--cbx-slate-50);border-color:var(--cbx-slate-300)}.cbx-filter-select:focus{border-color:var(--cbx-blue);box-shadow:0 0 0 3px #3b82f61f}.cbx-filter-select-icon{color:var(--cbx-text-muted);height:14px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px}@media (max-width:1024px){.cbx-feed-filters{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-3)}.cbx-filters-row{gap:var(--cbx-space-3)}.cbx-feed-tabs{max-width:300px}.cbx-feed-tab{padding:var(--cbx-space-2) var(--cbx-space-3)}.cbx-feed-tab,.cbx-filter-select{font-size:var(--cbx-font-size-xs)}.cbx-filter-select{min-width:110px}}@media (max-width:768px){.cbx-feed-filters{border-radius:var(--cbx-radius-md);padding:var(--cbx-space-2) var(--cbx-space-3)}.cbx-filters-row{gap:var(--cbx-space-2)}.cbx-feed-tabs{flex:1 1;gap:2px;max-width:none;padding:3px}.cbx-feed-tab{font-size:var(--cbx-font-size-xs);gap:var(--cbx-space-1);padding:var(--cbx-space-2)}.cbx-feed-tab-icon{height:14px;width:14px}.cbx-feed-tab-text{display:none}.cbx-filter-select-wrapper{width:auto}.cbx-filter-select{font-size:var(--cbx-font-size-xs);min-width:auto;padding:var(--cbx-space-2) var(--cbx-space-4) var(--cbx-space-2) var(--cbx-space-2)}}@media (max-width:480px){.cbx-feed-filters{border-radius:var(--cbx-radius-sm);padding:var(--cbx-space-2)}.cbx-feed-tabs{border-radius:var(--cbx-radius-md);padding:2px}.cbx-feed-tab{border-radius:var(--cbx-radius-sm);padding:6px var(--cbx-space-2)}.cbx-feed-tab-icon{height:16px;width:16px}.cbx-filter-select{padding:6px var(--cbx-space-4) 6px var(--cbx-space-2)}.cbx-filter-select-icon{height:12px;right:6px;width:12px}}.post-type-selector{border-bottom:1px solid #e5e7eb;gap:4px;padding:0 24px}.post-type-selector,.type-tab{display:flex;justify-content:center}.type-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:20px;min-width:48px;padding:14px 16px;position:relative;transition:all .2s ease}.type-tab:hover{background:#4f46e50d;color:#4f46e5}.type-tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.type-tab:hover:after{background:#1f2937;border-radius:6px;color:#fff;content:attr(title);font-size:12px;font-weight:600;margin-bottom:8px;padding:6px 12px;white-space:nowrap}.type-tab:hover:after,.type-tab:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.type-tab:hover:before{border:6px solid #0000;border-top-color:#1f2937;content:"";margin-bottom:2px}@media (max-width:768px){.post-type-selector{gap:2px;padding:0 12px}.type-tab{font-size:18px;min-width:44px;padding:12px}}.post-form{gap:20px}.form-group label{color:#111827;margin-bottom:8px}.form-group label.required:after{color:#ef4444;content:" *"}.form-group input,.form-group select,.form-group textarea{color:#111827;font-family:inherit;padding:12px 14px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{line-height:1.6}.char-count{color:#9ca3af;margin-top:4px;text-align:right}.char-count.warning{color:#f59e0b}.char-count.error{color:#ef4444}.form-hint{color:#6b7280;display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.pdf-upload-section,.photo-upload-section{display:flex;flex-direction:column;gap:12px}.upload-label{align-items:center;background:#4f46e50d;border:2px dashed #4f46e54d;border-radius:12px;color:#4f46e5;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:18px 28px;transition:all .3s ease}.upload-label:hover:not(.disabled){background:#4f46e51a;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;transform:translateY(-2px)}.upload-label.disabled{cursor:not-allowed;opacity:.5}.upload-label svg{font-size:20px}.upload-progress-list{display:flex;flex-direction:column;gap:12px}.progress-item{align-items:center;display:flex;gap:12px}.progress-filename{color:#6b7280;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{background:#e5e7eb;border-radius:3px;flex:2 1;height:6px}.progress-fill{background:linear-gradient(90deg,#4f46e5,#00c853);box-shadow:0 0 8px #4f46e580}.progress-percent{color:#4f46e5;font-size:12px;font-weight:700;text-align:right;width:40px}.photo-previews{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-preview-card{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.photo-preview-card img{height:100%;object-fit:cover;width:100%}.remove-photo-btn{background:#0009;height:28px;width:28px}.remove-photo-btn:hover{background:#dc2626e6}.photo-caption-input{background:#000000b3;border:none;bottom:0;color:#fff;font-size:12px;left:0;padding:8px;position:absolute;right:0}.photo-caption-input::placeholder{color:#ffffffb3}.photo-caption-input:focus{background:#000c;box-shadow:none;outline:none}.pdf-preview{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.pdf-icon{color:#dc2626;font-size:28px}.pdf-name{color:#78350f;flex:1 1;font-size:14px;font-weight:500}.remove-pdf-btn{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-pdf-btn:hover{background:#dc262633}.form-actions{padding-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.cancel-btn{color:#6b7280}.cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.submit-btn{background:#4f46e5;font-weight:700;min-width:120px}.submit-btn:hover:not(:disabled){background:#4338ca}.submit-btn:disabled{background:#d1d5db}.poll-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.poll-option-input{align-items:center;display:flex;gap:8px}.poll-option-input input{flex:1 1}.remove-option-btn{align-items:center;background:#dc26261a;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.remove-option-btn:hover{background:#dc262633}.add-option-btn{align-items:center;background:#4f46e50d;border:1px dashed #4f46e5;border-radius:6px;color:#4f46e5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s}.add-option-btn:hover{background:#4f46e51a}.checkbox-group{align-items:center;flex-direction:row;gap:8px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.error-message{background:#fee2e2;border-left:4px solid #dc2626;color:#991b1b;font-size:14px;padding:12px 16px}.form-group small{color:#6b7280;font-size:12px;margin-top:4px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.photo-previews{grid-template-columns:repeat(2,1fr)}}.collaboration-post-form h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 20px}.form-group-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.positions-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.positions-group label{display:block;margin-bottom:12px}.positions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.position-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto auto}.position-row input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px}.position-row input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.count-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;text-align:center;width:80px}.count-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.remove-position-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease}.remove-position-btn:hover{background:#fecaca}.add-position-btn{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.add-position-btn:hover{background:#dbeafe;border-color:#93c5fd}@media (max-width:768px){.form-group-row,.position-row{grid-template-columns:1fr}.count-input,.remove-position-btn{width:100%}}.cpm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.cpm-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.cpm-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cpm-title{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0;min-width:0}.cpm-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;min-width:32px;transition:all .2s ease;width:32px}.cpm-close-btn:hover{background:#e5e7eb;color:#111827}.cpm-body{max-height:calc(90vh - 100px);overflow-y:auto;padding:16px}@media (max-width:768px){.cpm-overlay{align-items:flex-end;padding:0}.cpm-content{animation:cpmSlideUp .3s ease-out;border-radius:12px 12px 0 0;max-height:90vh;max-width:100%}@keyframes cpmSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cpm-header{padding:10px 12px}.cpm-title{font-size:15px}.cpm-close-btn{font-size:12px;height:28px;min-width:28px;width:28px}.cpm-body{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}}.cbx-create-post{background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-xl);box-shadow:var(--cbx-shadow-sm);overflow:hidden;padding:12px 16px;position:relative;transition:all var(--cbx-transition-base)}.cbx-create-post:before{background:var(--cbx-gradient-primary);content:"";height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}.cbx-create-post:hover{box-shadow:var(--cbx-shadow-md)}.cbx-create-input{align-items:center;display:flex;gap:10px;margin-bottom:10px}.cbx-create-avatar{flex-shrink:0;position:relative}.cbx-create-avatar-wrapper{align-items:center;background:var(--cbx-gradient-primary);border-radius:var(--cbx-radius-full);box-shadow:var(--cbx-shadow-sm);display:flex;height:44px;justify-content:center;overflow:hidden;transition:transform var(--cbx-transition-base);width:44px}.cbx-create-post:hover .cbx-create-avatar-wrapper{transform:scale(1.05)}.cbx-create-avatar-img{border-radius:var(--cbx-radius-full);height:100%;object-fit:cover;width:100%}.cbx-create-avatar-initials{align-items:center;color:#fff;display:flex;font-size:var(--cbx-font-size-md);font-weight:var(--cbx-font-weight-semibold);height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.cbx-create-trigger{background:var(--cbx-slate-50);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-full);color:var(--cbx-text-muted);cursor:pointer;flex:1 1;font-size:var(--cbx-font-size-sm);overflow:hidden;padding:var(--cbx-space-3) var(--cbx-space-5);position:relative;text-align:left;transition:all var(--cbx-transition-base)}.cbx-create-trigger:before{background:var(--cbx-gradient-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--cbx-transition-base)}.cbx-create-trigger:hover{background:var(--cbx-slate-100);border-color:var(--cbx-blue-light);color:var(--cbx-text-secondary)}.cbx-create-trigger:hover:before{opacity:.03}.cbx-create-trigger span{font-weight:var(--cbx-font-weight-normal);position:relative;z-index:1}.cbx-create-divider{background:linear-gradient(90deg,#0000,var(--cbx-border-medium),#0000);height:1px;margin:var(--cbx-space-3) 0}.cbx-post-types{gap:var(--cbx-space-1);justify-content:space-between}.cbx-post-types,.cbx-type-btn{align-items:center;display:flex}.cbx-type-btn{background:#0000;border:none;border-radius:var(--cbx-radius-md);cursor:pointer;flex:1 1;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-semibold);gap:var(--cbx-space-2);justify-content:center;min-width:0;overflow:hidden;padding:var(--cbx-space-2) var(--cbx-space-3);position:relative;transition:all var(--cbx-transition-base)}.cbx-type-btn:before{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--cbx-transition-fast)}.cbx-type-btn:hover:before{opacity:.1}.cbx-type-btn:active{transform:scale(.97)}.cbx-type-icon{flex-shrink:0;height:18px;transition:transform var(--cbx-transition-spring);width:18px}.cbx-type-btn:hover .cbx-type-icon{transform:scale(1.1)}.cbx-type-label{font-size:var(--cbx-font-size-xs);font-weight:var(--cbx-font-weight-semibold);white-space:nowrap}.cbx-type-btn--text{color:var(--cbx-indigo)}.cbx-type-btn--photo{color:var(--cbx-blue)}.cbx-type-btn--question{color:var(--cbx-amber)}.cbx-type-btn--research{color:var(--cbx-green)}.cbx-type-btn--collab{color:var(--cbx-cyan)}.cbx-type-btn--poll{color:var(--cbx-pink)}.cbx-type-btn--milestone{color:var(--cbx-amber)}.cbx-type-btn--more{color:var(--cbx-text-muted)}.cbx-more-wrapper{position:relative}.cbx-more-dropdown{animation:cbx-dropdown-in .2s ease-out;background:var(--cbx-bg-secondary);border:1px solid var(--cbx-border-light);border-radius:var(--cbx-radius-lg);box-shadow:var(--cbx-shadow-lg);min-width:160px;padding:var(--cbx-space-2);position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes cbx-dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cbx-more-item{align-items:center;background:#0000;border:none;border-radius:var(--cbx-radius-md);cursor:pointer;display:flex;font-size:var(--cbx-font-size-sm);font-weight:var(--cbx-font-weight-medium);gap:var(--cbx-space-3);padding:var(--cbx-space-3);transition:all var(--cbx-transition-fast);width:100%}.cbx-more-item:hover{background:var(--cbx-slate-50)}.cbx-more-item .cbx-type-icon{height:18px;width:18px}.cbx-desktop-only{display:flex}.cbx-mobile-only{display:none}@media (max-width:1024px){.cbx-create-post{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-4)}.cbx-create-avatar-wrapper{height:40px;width:40px}.cbx-type-btn{gap:var(--cbx-space-1);padding:var(--cbx-space-2)}.cbx-type-icon{height:16px;width:16px}}@media (max-width:768px){.cbx-create-post{border-radius:var(--cbx-radius-lg);padding:var(--cbx-space-3) var(--cbx-space-4)}.cbx-create-post:before{height:2px}.cbx-create-input{gap:var(--cbx-space-2);margin-bottom:var(--cbx-space-2)}.cbx-create-avatar-wrapper{height:38px;width:38px}.cbx-create-trigger{font-size:var(--cbx-font-size-xs);padding:var(--cbx-space-2) var(--cbx-space-4)}.cbx-create-divider{margin:var(--cbx-space-2) 0}.cbx-post-types{flex-wrap:nowrap;gap:2px}.cbx-type-btn{gap:4px;padding:var(--cbx-space-2) var(--cbx-space-1)}.cbx-type-icon{height:16px;width:16px}.cbx-type-label{font-size:10px}.cbx-mobile-only{display:flex}.cbx-desktop-only{display:none}}@media (max-width:480px){.cbx-create-post{border-radius:var(--cbx-radius-md);padding:var(--cbx-space-3)}.cbx-create-avatar-wrapper{height:36px;width:36px}.cbx-type-btn{padding:var(--cbx-space-2) 2px}.cbx-type-label{display:none}.cbx-type-icon{height:18px;width:18px}}:root{--cbx-blue:#3b82f6;--cbx-blue-light:#60a5fa;--cbx-blue-dark:#2563eb;--cbx-purple:#8b5cf6;--cbx-purple-light:#a78bfa;--cbx-purple-dark:#7c3aed;--cbx-green:#10b981;--cbx-green-light:#34d399;--cbx-green-dark:#059669;--cbx-amber:#f59e0b;--cbx-amber-light:#fbbf24;--cbx-amber-dark:#d97706;--cbx-indigo:#6366f1;--cbx-indigo-light:#818cf8;--cbx-indigo-dark:#4f46e5;--cbx-cyan:#06b6d4;--cbx-cyan-light:#22d3ee;--cbx-cyan-dark:#0891b2;--cbx-pink:#ec4899;--cbx-pink-light:#f472b6;--cbx-pink-dark:#db2777;--cbx-red:#ef4444;--cbx-red-light:#f87171;--cbx-red-dark:#dc2626;--cbx-slate-50:#f8fafc;--cbx-slate-100:#f1f5f9;--cbx-slate-200:#e2e8f0;--cbx-slate-300:#cbd5e1;--cbx-slate-400:#94a3b8;--cbx-slate-500:#64748b;--cbx-slate-600:#475569;--cbx-slate-700:#334155;--cbx-slate-800:#1e293b;--cbx-slate-900:#0f172a;--cbx-bg-primary:#f8fafc;--cbx-bg-secondary:#fff;--cbx-bg-glass:#ffffffd9;--cbx-text-primary:#0f172a;--cbx-text-secondary:#475569;--cbx-text-muted:#64748b;--cbx-border-light:#e2e8f0cc;--cbx-border-medium:#e2e8f0;--cbx-gradient-primary:linear-gradient(135deg,var(--cbx-blue) 0%,var(--cbx-purple) 100%);--cbx-gradient-secondary:linear-gradient(135deg,var(--cbx-indigo) 0%,var(--cbx-cyan) 100%);--cbx-gradient-success:linear-gradient(135deg,var(--cbx-green) 0%,var(--cbx-cyan) 100%);--cbx-gradient-warm:linear-gradient(135deg,var(--cbx-amber) 0%,var(--cbx-pink) 100%);--cbx-gradient-glass:linear-gradient(135deg,#ffffffe6,#ffffffb3);--cbx-shadow-xs:0 1px 2px #0000000a;--cbx-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--cbx-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--cbx-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--cbx-shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--cbx-shadow-glow-blue:0 0 20px #3b82f626;--cbx-shadow-glow-purple:0 0 20px #8b5cf626;--cbx-radius-sm:6px;--cbx-radius-md:10px;--cbx-radius-lg:14px;--cbx-radius-xl:18px;--cbx-radius-2xl:24px;--cbx-radius-full:9999px;--cbx-space-1:4px;--cbx-space-2:6px;--cbx-space-3:10px;--cbx-space-4:14px;--cbx-space-5:20px;--cbx-space-6:28px;--cbx-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--cbx-transition-base:200ms cubic-bezier(0.4,0,0.2,1);--cbx-transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--cbx-transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--cbx-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--cbx-font-size-xs:11px;--cbx-font-size-sm:13px;--cbx-font-size-base:14px;--cbx-font-size-md:15px;--cbx-font-size-lg:16px;--cbx-font-size-xl:18px;--cbx-font-size-2xl:20px;--cbx-font-weight-normal:400;--cbx-font-weight-medium:500;--cbx-font-weight-semibold:600;--cbx-font-weight-bold:700}.cbx-feed-container{box-sizing:border-box;margin:0;max-width:100%;padding:0}.cbx-feed-container,.cbx-feed-posts{display:flex;flex-direction:column;gap:14px;gap:var(--cbx-space-4);width:100%}.cbx-feed-error{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ef444414,#ef44440a);border:1px solid #ef444433;border-radius:14px;border-radius:var(--cbx-radius-lg);flex-direction:column;padding:20px;padding:var(--cbx-space-5)}.cbx-feed-error,.cbx-feed-error-content{align-items:center;display:flex;gap:10px;gap:var(--cbx-space-3)}.cbx-feed-error-icon{color:#ef4444;color:var(--cbx-red);flex-shrink:0;height:20px;width:20px}.cbx-feed-error-text{color:#dc2626;color:var(--cbx-red-dark);font-weight:500;font-weight:var(--cbx-font-weight-medium);margin:0}.cbx-feed-error-text,.cbx-retry-btn{font-size:13px;font-size:var(--cbx-font-size-sm)}.cbx-retry-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--cbx-gradient-primary);border:none;border-radius:9999px;border-radius:var(--cbx-radius-full);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a,0 0 20px #3b82f626;box-shadow:var(--cbx-shadow-md),var(--cbx-shadow-glow-blue);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;font-weight:var(--cbx-font-weight-semibold);gap:6px;gap:var(--cbx-space-2);padding:6px 20px;padding:var(--cbx-space-2) var(--cbx-space-5);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--cbx-transition-base)}.cbx-retry-btn:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a,0 0 20px #8b5cf626;box-shadow:var(--cbx-shadow-lg),var(--cbx-shadow-glow-purple);transform:translateY(-1px)}.cbx-retry-btn:active{transform:translateY(0)}.cbx-retry-btn svg{height:14px;width:14px}.cbx-feed-end{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--cbx-bg-glass);border:1px solid #e2e8f0cc;border:1px solid var(--cbx-border-light);border-radius:18px;border-radius:var(--cbx-radius-xl);overflow:hidden;padding:28px;padding:var(--cbx-space-6);position:relative;text-align:center}.cbx-feed-end:before{background:linear-gradient(135deg,#6366f1,#06b6d4);background:var(--cbx-gradient-secondary);content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.cbx-feed-end-content{align-items:center;display:flex;flex-direction:column;gap:6px;gap:var(--cbx-space-2)}.cbx-feed-end-icon{font-size:28px;margin-bottom:4px;margin-bottom:var(--cbx-space-1)}.cbx-feed-end-text{color:#475569;color:var(--cbx-text-secondary);font-size:13px;font-size:var(--cbx-font-size-sm);font-weight:500;font-weight:var(--cbx-font-weight-medium);margin:0}.cbx-feed-end-subtext{color:#64748b;color:var(--cbx-text-muted);font-size:11px;font-size:var(--cbx-font-size-xs);margin:0}.cbx-feed-empty{background:#fff;background:var(--cbx-bg-secondary);border:1px solid #e2e8f0cc;border:1px solid var(--cbx-border-light);border-radius:18px;border-radius:var(--cbx-radius-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--cbx-shadow-sm);overflow:hidden;padding:28px 20px;padding:var(--cbx-space-6) var(--cbx-space-5);position:relative;text-align:center}.cbx-feed-empty:before{border-radius:0 0 9999px 9999px;border-radius:0 0 var(--cbx-radius-full) var(--cbx-radius-full);content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px}.cbx-feed-empty-icon,.cbx-feed-empty:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--cbx-gradient-primary)}.cbx-feed-empty-icon{align-items:center;border-radius:14px;border-radius:var(--cbx-radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a,0 0 20px #3b82f626;box-shadow:var(--cbx-shadow-md),var(--cbx-shadow-glow-blue);display:flex;height:56px;justify-content:center;margin:0 auto 14px;margin:0 auto var(--cbx-space-4);width:56px}.cbx-feed-empty-icon svg{color:#fff;height:28px;width:28px}.cbx-feed-empty-title{color:#0f172a;color:var(--cbx-text-primary);font-size:16px;font-size:var(--cbx-font-size-lg);font-weight:700;font-weight:var(--cbx-font-weight-bold);margin:0 0 6px;margin:0 0 var(--cbx-space-2)}.cbx-feed-empty-desc{color:#64748b;color:var(--cbx-text-muted);font-size:13px;font-size:var(--cbx-font-size-sm);line-height:1.5;margin:0 auto;max-width:280px}.cbx-loading-more{align-items:center;display:flex;gap:6px;gap:var(--cbx-space-2);justify-content:center;padding:14px;padding:var(--cbx-space-4)}.cbx-loading-spinner{animation:cbx-spin .8s linear infinite;border:2px solid #e2e8f0;border-top-color:#3b82f6;border:2px solid var(--cbx-slate-200);border-radius:50%;border-top-color:var(--cbx-blue);height:20px;width:20px}@keyframes cbx-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.cbx-feed-container,.cbx-feed-posts{gap:10px;gap:var(--cbx-space-3)}}@media (max-width:768px){.cbx-feed-container,.cbx-feed-posts{gap:10px;gap:var(--cbx-space-3)}.cbx-feed-error{border-radius:10px;border-radius:var(--cbx-radius-md);padding:14px;padding:var(--cbx-space-4)}.cbx-feed-end{padding:20px;padding:var(--cbx-space-5)}.cbx-feed-empty,.cbx-feed-end{border-radius:14px;border-radius:var(--cbx-radius-lg)}.cbx-feed-empty{padding:20px 14px;padding:var(--cbx-space-5) var(--cbx-space-4)}.cbx-feed-empty-icon{height:48px;width:48px}.cbx-feed-empty-icon svg{height:24px;width:24px}}@media (max-width:480px){.cbx-feed-container,.cbx-feed-posts{gap:6px;gap:var(--cbx-space-2)}.cbx-feed-error{border-radius:6px;border-radius:var(--cbx-radius-sm);padding:10px;padding:var(--cbx-space-3)}.cbx-feed-error-content{gap:6px;gap:var(--cbx-space-2)}.cbx-retry-btn{font-size:11px;font-size:var(--cbx-font-size-xs);padding:6px 14px;padding:var(--cbx-space-2) var(--cbx-space-4)}.cbx-feed-end{border-radius:10px;border-radius:var(--cbx-radius-md);padding:14px;padding:var(--cbx-space-4)}.cbx-feed-end-icon{font-size:24px}.cbx-feed-empty{border-radius:10px;border-radius:var(--cbx-radius-md);padding:14px 10px;padding:var(--cbx-space-4) var(--cbx-space-3)}.cbx-feed-empty-title{font-size:15px;font-size:var(--cbx-font-size-md)}.cbx-feed-empty-desc{font-size:11px;font-size:var(--cbx-font-size-xs)}}@media (min-width:768px){.mwd-fab,.mwd-overlay{display:none!important}}.mwd-fab{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50px;bottom:80px;box-shadow:0 4px 20px #4f46e566,0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;position:fixed;right:16px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.mwd-fab:hover{box-shadow:0 6px 24px #4f46e580,0 4px 12px #0003;transform:translateY(-2px)}.mwd-fab:active{transform:scale(.95)}.mwd-fab.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.mwd-fab-icon{animation:pulse-rotate 3s ease-in-out infinite;font-size:18px}@keyframes pulse-rotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}.mwd-fab-label{white-space:nowrap}.mwd-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9999}.mwd-drawer{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;left:0;max-height:85vh;position:fixed;right:0;transition:transform .1s linear;will-change:transform;z-index:10000}.mwd-drawer.dragging{transition:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mwd-drag-handle{cursor:grab;display:flex;justify-content:center;padding:12px 0 8px}.mwd-drag-handle:active{cursor:grabbing}.mwd-handle-bar{background:#d1d5db;border-radius:2px;height:4px;transition:background .2s;width:40px}.mwd-drag-handle:hover .mwd-handle-bar{background:#9ca3af}.mwd-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:0 16px 12px}.mwd-header,.mwd-title{align-items:center;display:flex}.mwd-title{color:#111827;font-size:18px;font-weight:700;gap:8px;margin:0}.mwd-title svg{color:#4f46e5}.mwd-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.mwd-close-btn:hover{background:#e5e7eb;color:#374151}.mwd-tabs{-ms-overflow-style:none;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.mwd-tabs::-webkit-scrollbar{display:none}.mwd-tab{align-items:center;background:#f3f4f6;border:none;border-radius:50px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.mwd-tab:hover{background:#e5e7eb}.mwd-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.mwd-tab-icon{font-size:14px}.mwd-tab-label{font-family:inherit}.mwd-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:16px}.mwd-widget-container{display:flex;flex-direction:column;gap:16px}.mwd-content .sidebar-widget,.mwd-content .widget{border-radius:12px;box-shadow:0 1px 3px #00000014;margin:0}.mwd-content .sidebar-widget .widget-header,.mwd-content .widget-header{padding:12px 16px}.mwd-content .widget-footer{display:none}.mwd-swipe-hint{align-items:center;border-top:1px solid #f3f4f6;color:#9ca3af;display:flex;font-size:12px;gap:6px;justify-content:center;padding:12px}.mwd-swipe-hint svg{animation:bounce 1.5s infinite;transform:rotate(180deg)}@keyframes bounce{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(-4px)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mwd-drawer{padding-bottom:env(safe-area-inset-bottom)}.mwd-fab{bottom:calc(80px + env(safe-area-inset-bottom))}}@media (max-height:500px) and (orientation:landscape){.mwd-drawer{max-height:90vh}.mwd-content{max-height:40vh}}.cbx-feed-page{background:#0000;margin:0!important;min-height:100%;overflow-x:hidden;padding-left:0!important;padding-right:0!important;padding-top:0}.cbx-feed-layout,.cbx-feed-page{box-sizing:border-box;width:100%}.cbx-feed-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1050px;min-height:calc(100vh - 80px);padding:0 16px 16px}.cbx-main-feed{display:flex;flex-direction:column;gap:12px;height:100%;min-width:0;overflow:hidden;width:100%}@media (min-width:1400px){.cbx-feed-layout{gap:18px;max-width:1100px}}@media (max-width:1399px) and (min-width:1200px){.cbx-feed-layout{gap:var(--cbx-space-4);max-width:1080px}}@media (max-width:1199px) and (min-width:1024px){.cbx-feed-layout{gap:14px;grid-template-columns:1fr 280px;max-width:100%;padding:10px 14px}}@media (max-width:1023px) and (min-width:768px){.cbx-feed-page{padding-top:64px}.cbx-feed-layout{gap:var(--cbx-space-3);grid-template-columns:1fr 260px;max-width:100%;padding:var(--cbx-space-3)}}@media (max-width:767px){.cbx-feed-page{overflow-x:hidden;padding-top:60px}.cbx-feed-layout{grid-template-columns:1fr;padding:var(--cbx-space-3)}.cbx-feed-layout,.cbx-main-feed{gap:var(--cbx-space-3);max-width:100%}.cbx-main-feed{min-width:0;overflow:hidden;width:100%}}@media (max-width:480px){.cbx-feed-page{padding-top:56px}.cbx-feed-layout{padding:var(--cbx-space-2)}.cbx-feed-layout,.cbx-main-feed{gap:var(--cbx-space-2)}}.research-rooms-sidebar-layout:has(.cbx-feed-page){background:linear-gradient(180deg,var(--cbx-slate-50) 0,#eef2f7 100%)}.research-rooms-sidebar-layout .cbx-feed-page{border-radius:0;margin:0}.cbx-left-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:16px;width:260px}.cbx-profile-card{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.cbx-profile-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.cbx-profile-card__header{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);padding:28px 20px 45px;position:relative;text-align:center}.cbx-profile-card__header:after{background:#fff;border-radius:35px 35px 0 0;bottom:0;content:"";height:35px;left:0;position:absolute;right:0}.cbx-profile-card__avatar-wrapper{display:inline-block;margin-bottom:-45px;position:relative;z-index:2}.cbx-profile-card__avatar-glow{animation:cbx-avatar-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);border-radius:50%;filter:blur(8px);inset:-6px;opacity:.6;position:absolute}@keyframes cbx-avatar-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.cbx-profile-card__avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 16px #00000026;height:80px;object-fit:cover;position:relative;width:80px}.cbx-profile-card__avatar--initials{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:800;justify-content:center;text-transform:uppercase}.cbx-profile-card__info{margin-top:12px;position:relative;z-index:2}.cbx-profile-card__name{color:#fff;font-size:18px;font-weight:800;line-height:1.3;margin:0 0 4px;text-shadow:0 2px 4px #0000001a}.cbx-profile-card__username{color:#ffffffd9;font-size:13px;font-weight:500;margin:0}.cbx-profile-card__stats{display:flex;gap:0;justify-content:center;margin-top:10px;padding:20px 20px 16px}.cbx-profile-card__stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.cbx-profile-card__stat-divider{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);margin:0 4px;width:1px}.cbx-profile-card__stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:22px;font-weight:800}.cbx-profile-card__stat-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cbx-profile-card__btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin:0 20px 20px;padding:12px 20px;transition:all .2s;width:calc(100% - 40px)}.cbx-profile-card__btn:hover{box-shadow:0 6px 20px #3b82f673;transform:translateY(-2px)}.cbx-profile-card__btn:active{transform:translateY(0)}.cbx-profile-card__btn svg{font-size:16px}.cbx-quick-links{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;overflow:hidden;padding:20px}.cbx-quick-links__header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.cbx-quick-links__title{color:#1e293b;font-size:15px;font-weight:700;margin:0}.cbx-quick-links__list{display:flex;flex-direction:column;gap:6px}.cbx-quick-links__item{align-items:center;background:#0000;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.cbx-quick-links__item:hover{background:linear-gradient(135deg,#6366f114,#8b5cf614);color:#6366f1;transform:translateX(4px)}.cbx-quick-links__icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;color:#64748b;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.cbx-quick-links__item:hover .cbx-quick-links__icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.cbx-quick-links__header-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:10px;color:#6366f1;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.cbx-quick-links__label{font-weight:600}@media (max-width:1024px){.cbx-left-sidebar{gap:12px;width:240px}.cbx-profile-card__avatar{height:70px;width:70px}.cbx-profile-card__name{font-size:16px}.cbx-profile-card__stat-value{font-size:20px}}@media (max-width:768px){.cbx-left-sidebar{display:none}}.right-sidebar{display:flex;flex-direction:column;gap:10px;width:300px}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:#0000}.right-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.right-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-widget{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:10px;transition:box-shadow .3s ease}.sidebar-widget:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.widget-title{color:#111827;font-size:14px;font-weight:700;line-height:1.3;margin:0}.see-all-btn{background:none;border:none;color:#4a90e2;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;transition:color .2s ease;white-space:nowrap}.see-all-btn:hover{color:#357abd;text-decoration:underline}.friend-requests-list{display:flex;flex-direction:column;gap:12px}.friend-request-item{display:flex;flex-direction:column;gap:10px}.request-user-info{gap:12px}.request-avatar{border:2px solid #e5e7eb;border-radius:50%;height:40px;object-fit:cover;width:40px}.request-details{flex:1 1}.request-name{color:#111827;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px}.mutual-friends{color:#6b7280;font-size:11px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-actions{gap:8px}.accept-btn,.decline-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.accept-btn{background:#4a90e2;color:#fff}.accept-btn:hover{background:#357abd;transform:translateY(-1px)}.decline-btn{background:#f3f4f6;color:#6b7280}.decline-btn:hover{background:#e5e7eb;color:#374151}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px;position:relative;transition:background .2s ease;width:100%}.suggestion-item:hover{background:#f9fafb}.suggestion-user-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0;overflow:hidden}.suggestion-avatar,.suggestion-avatar.user-avatar,.suggestion-avatar.user-avatar-initials{border:2px solid #e5e7eb;border-radius:50%;font-size:15px;height:40px!important;object-fit:cover;width:40px!important}.suggestion-details{flex:1 1;min-width:0;overflow:hidden}.suggestion-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px;padding-right:20px}.suggestion-name{color:#111827!important;font-size:13px!important;font-weight:600!important}.suggestion-name,.suggestion-title{line-height:1.3!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-title{color:#10b981!important;font-size:11px!important;font-weight:500!important}.add-friend-btn{background:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.add-friend-btn:hover{background:#357abd;transform:translateY(-1px)}.add-friend-btn.following{background:#10b981;cursor:default}.add-friend-btn.following:hover{background:#10b981;transform:none}.add-friend-btn:disabled{cursor:not-allowed;opacity:.8}.suggestion-actions{position:absolute;right:4px;top:4px}.dismiss-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1;padding:2px 4px}.dismiss-btn:hover{background:#f3f4f6;border-radius:4px;color:#6b7280}.show-more-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:8px 16px;transition:all .2s;width:100%}.show-more-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.show-more-btn:disabled{cursor:not-allowed;opacity:.6}.empty-message{color:#9ca3af;font-size:13px;padding:16px;text-align:center}.online-friends-list{display:flex;flex-direction:column;gap:8px}.online-friend-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px;transition:background .2s ease}.online-friend-item:hover{background:#f9fafb}.friend-avatar-wrapper{position:relative}.friend-avatar,.friend-avatar.user-avatar,.friend-avatar.user-avatar-initials{border:2px solid #e5e7eb;border-radius:50%;font-size:15px;height:40px!important;object-fit:cover;width:40px!important}.online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.friend-info{flex:1 1}.friend-name{color:#111827!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 2px!important}.online-status{color:#10b981!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;margin:0!important}.trending-topics-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.trending-topic-item{border-radius:8px;cursor:pointer;padding:6px;transition:background .2s ease}.trending-topic-item:hover{background:#f9fafb}.topic-info{display:flex;flex-direction:column;gap:2px}.topic-hashtag{color:#111827;font-size:14px;font-weight:600;line-height:1.3;margin:0}.topic-posts{color:#6b7280;font-size:12px;line-height:1.3;margin:0}.widget-footer{border-top:1px solid #e5e7eb;padding-top:12px;text-align:center}.copyright{color:#9ca3af;font-size:11px;line-height:1.3;margin:0}@media (max-width:1199px){.right-sidebar{width:280px}}@media (max-width:767px){.right-sidebar{display:none}}@media (max-width:480px){.right-sidebar{display:none}}.create-post-button-container{margin-bottom:16px}.create-post-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#5b52e8);border:none;border-radius:16px;box-shadow:0 4px 16px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:18px 28px;position:relative;transition:all .3s ease;width:100%}.create-post-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.create-post-btn:hover:before{left:100%}.create-post-btn:hover{box-shadow:0 8px 24px #4f46e566;transform:translateY(-3px)}.create-post-btn:active{box-shadow:0 4px 16px #4f46e54d;transform:translateY(-1px)}.create-post-btn svg{font-size:18px}@media (max-width:768px){.create-post-btn{font-size:15px;padding:14px 20px}}.browse-opportunities-page{background:#f9fafb;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.search-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.search-container{display:flex;gap:12px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:12px;pointer-events:none;position:absolute}.search-input-wrapper input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 40px;transition:all .2s ease;width:100%}.search-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-filter-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.clear-filter-btn:hover{background:#f3f4f6;color:#6b7280}.search-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.search-btn:hover{background:#2563eb}.opportunities-container,.opportunities-list{display:flex;flex-direction:column;gap:16px}.load-more-section{display:flex;justify-content:center;padding:20px}.load-more-btn{background:#fff;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:#eff6ff}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.browse-opportunities-page{padding:16px}.page-header{padding:20px}.header-content h1{font-size:24px}.header-subtitle{font-size:14px}.search-container{flex-direction:column}.search-btn{width:100%}}.my-applications-page{background:#f9fafb;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.page-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.header-content h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.header-subtitle{color:#6b7280;font-size:15px;line-height:1.5;margin:0}.applications-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:16px 20px}.filter-tab{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:#f9fafb;border-color:#9ca3af}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.applications-container{display:flex;flex-direction:column;gap:16px}.loading-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#3b82f6;margin-bottom:16px}.loading-state p{color:#6b7280;font-size:15px;margin:0}.empty-state{padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:15px;line-height:1.5}.application-card,.applications-list{display:flex;flex-direction:column;gap:16px}.application-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.application-card:hover{box-shadow:0 4px 6px -1px #0000001a}.application-card.status-pending{border-left-color:#fbbf24}.application-card.status-accepted{border-left-color:#10b981}.application-card.status-rejected{border-left-color:#ef4444}.application-status-header{align-items:center;display:flex;gap:8px}.status-icon{font-size:20px}.status-icon.pending{color:#f59e0b}.status-icon.accepted{color:#10b981}.status-icon.rejected{color:#ef4444}.status-text{border-radius:12px;font-size:14px;font-weight:600;padding:4px 12px}.status-text.pending{background:#fef3c7;color:#92400e}.status-text.accepted{background:#d1fae5;color:#065f46}.status-text.rejected{background:#fee2e2;color:#991b1b}.post-title{color:#111827;font-size:20px;font-weight:700;line-height:1.3;margin:0}.post-author{align-items:center;display:flex;font-size:14px;gap:6px}.author-label{color:#6b7280}.author-name{color:#111827}.author-verified-badge{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:inline-flex;font-size:10px;height:18px;justify-content:center;width:18px}.application-dates{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.date-item{display:flex;font-size:14px;gap:8px}.date-label{color:#6b7280;font-weight:500}.date-value{color:#111827;font-weight:600}.motivation-preview{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;padding:12px}.motivation-preview strong{color:#374151;display:block;font-size:14px;margin-bottom:8px}.motivation-preview p{color:#4b5563;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.review-note{background:#fffbeb;border-left:3px solid #fbbf24;border-radius:8px;padding:12px}.review-note strong{color:#78350f;display:block;font-size:14px;margin-bottom:8px}.review-note p{color:#92400e;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.application-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:8px}.withdraw-btn{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.withdraw-btn:hover:not(:disabled){background:#fecaca}.withdraw-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.my-applications-page{padding:16px}.page-header{padding:20px}.header-content h1{font-size:24px}.header-subtitle{font-size:14px}.application-card{padding:20px}.post-title{font-size:18px}}.collab-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:var(--collab-spacing-md);position:fixed;right:0;top:0;z-index:1000}.collab-modal{background:#fff;border-radius:var(--collab-radius-xl);box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.collab-modal-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-bottom:1px solid var(--collab-slate-100);display:flex;justify-content:space-between;padding:var(--collab-spacing-lg)}.collab-modal-header-content{align-items:flex-start;display:flex;gap:var(--collab-spacing-md)}.collab-modal-icon{align-items:center;background:linear-gradient(135deg,var(--collab-blue),var(--collab-purple));border-radius:var(--collab-radius-md);color:#fff;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.collab-modal-title-area h2{color:var(--collab-slate-800);font-size:18px;font-weight:700;margin:0 0 4px}.collab-modal-title-area p{color:var(--collab-slate-500);font-size:13px;margin:0}.collab-modal-title-area strong{color:var(--collab-slate-700)}.collab-modal-close{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-full);color:var(--collab-slate-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--collab-transition-fast);width:36px}.collab-modal-close:hover{background:var(--collab-slate-200);color:var(--collab-slate-700)}.collab-modal-form{display:flex;flex-direction:column;gap:var(--collab-spacing-lg);overflow-y:auto;padding:var(--collab-spacing-lg)}.collab-modal-field{display:flex;flex-direction:column;gap:var(--collab-spacing-sm)}.collab-modal-field label{align-items:center;color:var(--collab-slate-700);display:flex;font-size:13px;font-weight:600;gap:var(--collab-spacing-sm)}.collab-modal-field label svg{color:var(--collab-slate-400);font-size:15px}.collab-modal-field label .required{color:var(--collab-red)}.collab-modal-field input,.collab-modal-field select,.collab-modal-field textarea{background:var(--collab-slate-50);border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-sm);color:var(--collab-slate-700);font-size:14px;padding:var(--collab-spacing-sm) var(--collab-spacing-md);resize:none;transition:all var(--collab-transition-fast)}.collab-modal-field input:focus,.collab-modal-field select:focus,.collab-modal-field textarea:focus{background:#fff;border-color:var(--collab-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.collab-modal-field input.error,.collab-modal-field select.error,.collab-modal-field textarea.error{border-color:var(--collab-red)}.collab-modal-field input.error:focus,.collab-modal-field select.error:focus,.collab-modal-field textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.collab-modal-error{color:var(--collab-red);font-size:12px}.collab-modal-char-count{color:var(--collab-slate-400);font-size:11px;text-align:right}.collab-modal-type-grid{grid-gap:var(--collab-spacing-xs);display:grid;gap:var(--collab-spacing-xs);grid-template-columns:repeat(4,1fr)}.collab-modal-type-btn{align-items:center;background:var(--collab-slate-50);border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:4px;padding:var(--collab-spacing-sm);transition:all var(--collab-transition-fast)}.collab-modal-type-btn:hover{background:#3b82f60d;border-color:var(--collab-blue)}.collab-modal-type-btn.active{background:#3b82f61a;border-color:var(--collab-blue);color:var(--collab-blue)}.collab-modal-type-icon{font-size:18px}.collab-modal-skills-input{display:flex;gap:var(--collab-spacing-sm)}.collab-modal-skills-input input{flex:1 1}.collab-modal-skills-input button{align-items:center;background:var(--collab-blue);border:none;border-radius:var(--collab-radius-sm);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--collab-transition-fast);width:40px}.collab-modal-skills-input button:hover:not(:disabled){background:var(--collab-indigo)}.collab-modal-skills-input button:disabled{background:var(--collab-slate-200);color:var(--collab-slate-400);cursor:not-allowed}.collab-modal-skills-list{display:flex;flex-wrap:wrap;gap:var(--collab-spacing-xs);margin-top:var(--collab-spacing-xs)}.collab-modal-skill-tag{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.collab-modal-skill-tag,.collab-modal-skill-tag button{align-items:center;border-radius:var(--collab-radius-full);color:var(--collab-blue)}.collab-modal-skill-tag button{background:#3b82f633;border:none;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;transition:all var(--collab-transition-fast);width:16px}.collab-modal-skill-tag button:hover{background:var(--collab-red);color:#fff}.collab-modal-actions{border-top:1px solid var(--collab-slate-100);display:flex;gap:var(--collab-spacing-sm);padding-top:var(--collab-spacing-md)}.collab-modal-cancel{background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-modal-cancel:hover:not(:disabled){background:var(--collab-slate-200)}.collab-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.collab-modal-submit{align-items:center;background:linear-gradient(135deg,var(--collab-blue),var(--collab-purple));border:none;border-radius:var(--collab-radius-sm);color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:var(--collab-spacing-sm);justify-content:center;padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-modal-submit:hover:not(:disabled){box-shadow:0 4px 16px #3b82f64d;transform:translateY(-1px)}.collab-modal-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.collab-modal-overlay{align-items:flex-end;padding:var(--collab-spacing-sm)}.collab-modal{border-radius:var(--collab-radius-xl) var(--collab-radius-xl) 0 0;max-height:85vh}.collab-modal-form,.collab-modal-header{padding:var(--collab-spacing-md)}.collab-modal-form{gap:var(--collab-spacing-md)}.collab-modal-type-grid{grid-template-columns:repeat(4,1fr)}.collab-modal-type-btn{font-size:10px;padding:var(--collab-spacing-xs)}.collab-modal-type-icon{font-size:16px}}@media (max-width:480px){.collab-modal-header-content{flex-direction:column;gap:var(--collab-spacing-sm)}.collab-modal-icon{font-size:18px;height:40px;width:40px}.collab-modal-title-area h2{font-size:16px}.collab-modal-type-grid{grid-template-columns:repeat(3,1fr)}.collab-modal-actions{flex-direction:column}.collab-modal-cancel,.collab-modal-submit{flex:none;width:100%}}.collab-discover{width:100%}.collab-subtabs{background:var(--collab-slate-100);border-radius:var(--collab-radius-md);display:flex;gap:var(--collab-spacing-xs);margin-bottom:var(--collab-spacing-md);overflow-x:auto;padding:var(--collab-spacing-xs);scrollbar-width:none}.collab-subtabs::-webkit-scrollbar{display:none}.collab-subtab{align-items:center;background:#0000;border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-500);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast);white-space:nowrap}.collab-subtab:hover{background:#fff;color:var(--collab-slate-700)}.collab-subtab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:var(--collab-blue);color:var(--subtab-color,var(--collab-blue))}.collab-subtab svg{font-size:16px}.collab-ai-badge{background:linear-gradient(135deg,var(--collab-purple),var(--collab-pink));border-radius:var(--collab-radius-full);color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.collab-search-section{margin-bottom:var(--collab-spacing-md)}.collab-search-bar{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);display:flex;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-search-bar:focus-within{border-color:var(--collab-blue);box-shadow:0 0 0 3px #3b82f61a}.collab-search-icon{color:var(--collab-slate-400);flex-shrink:0;font-size:18px}.collab-search-bar input{background:#0000;border:none;color:var(--collab-slate-700);flex:1 1;font-size:14px;outline:none}.collab-search-bar input::placeholder{color:var(--collab-slate-400)}.collab-filter-toggle{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-xs);padding:var(--collab-spacing-xs) var(--collab-spacing-sm);transition:all var(--collab-transition-fast)}.collab-filter-toggle.active,.collab-filter-toggle:hover{background:var(--collab-blue);color:#fff}.collab-filters-panel{background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);margin-top:var(--collab-spacing-sm);overflow:hidden;padding:var(--collab-spacing-md)}.collab-filter-grid{grid-gap:var(--collab-spacing-md);display:grid;gap:var(--collab-spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--collab-spacing-md)}.collab-filter-group{display:flex;flex-direction:column;gap:var(--collab-spacing-xs)}.collab-filter-group label{color:var(--collab-slate-600);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.collab-filter-group input,.collab-filter-group select{background:var(--collab-slate-50);border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-sm);color:var(--collab-slate-700);font-size:13px;padding:var(--collab-spacing-sm);transition:all var(--collab-transition-fast)}.collab-filter-group input:focus,.collab-filter-group select:focus{background:#fff;border-color:var(--collab-blue);outline:none}.collab-filter-checkboxes{border-top:1px solid var(--collab-slate-100);display:flex;gap:var(--collab-spacing-lg);padding-top:var(--collab-spacing-sm)}.collab-checkbox{align-items:center;color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;gap:var(--collab-spacing-sm)}.collab-checkbox input[type=checkbox]{accent-color:var(--collab-blue);cursor:pointer;height:16px;width:16px}.collab-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--collab-spacing-sm)}.collab-results-count{color:var(--collab-slate-500);font-size:13px;font-weight:500}.collab-grid{grid-gap:var(--collab-spacing-md);display:grid;gap:var(--collab-spacing-md);grid-template-columns:repeat(4,1fr)}.collab-user-card{background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);display:flex;flex-direction:column;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-md);transition:all var(--collab-transition-normal)}.collab-user-card:hover{border-color:var(--collab-slate-300);box-shadow:0 8px 24px #00000014}.collab-user-header{align-items:flex-start;display:flex;gap:var(--collab-spacing-sm)}.collab-user-avatar-link{flex-shrink:0;position:relative}.collab-user-avatar{border:2px solid var(--collab-slate-100);border-radius:var(--collab-radius-full);height:48px;object-fit:cover;width:48px}.collab-verified-badge{align-items:center;background:#fff;border-radius:var(--collab-radius-full);bottom:-2px;color:var(--collab-blue);display:flex;font-size:14px;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.collab-user-info{flex:1 1;min-width:0}.collab-user-name{align-items:center;color:var(--collab-slate-800);display:flex;font-size:14px;font-weight:600;gap:var(--collab-spacing-xs);line-height:1.3;text-decoration:none}.collab-user-name:hover{color:var(--collab-blue)}.collab-user-rating{align-items:center;background:#f59e0b1a;border-radius:var(--collab-radius-full);color:var(--collab-amber);display:inline-flex;font-size:11px;font-weight:500;gap:2px;padding:2px 6px}.collab-user-rating svg{font-size:10px}.collab-user-role{color:var(--collab-slate-600);font-size:12px;margin:2px 0 0}.collab-user-field,.collab-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-user-field{color:var(--collab-slate-400);font-size:11px;margin:0}.collab-follow-btn{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-full);color:var(--collab-slate-600);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--collab-transition-fast);width:32px}.collab-follow-btn:hover{background:var(--collab-blue);color:#fff}.collab-follow-btn.following{background:var(--collab-green);color:#fff}.collab-follow-btn.following:hover{background:var(--collab-red)}.collab-badges{display:flex;flex-wrap:wrap;gap:var(--collab-spacing-xs)}.collab-badge{border-radius:var(--collab-radius-full);font-size:10px;font-weight:600;padding:3px 8px;white-space:nowrap}.collab-badge.follows-you{background:#6366f11a;color:var(--collab-indigo)}.collab-badge.open-collab{background:#10b9811a;color:var(--collab-green)}.collab-badge.perfect-match{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:var(--collab-blue)}.collab-badge.trending{background:#ef44441a;color:var(--collab-red)}.collab-badge.ai-pick{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:var(--collab-purple)}.collab-user-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--collab-slate-500);display:-webkit-box;font-size:12px;line-height:1.5;margin:0;overflow:hidden}.collab-interests{display:flex;flex-wrap:wrap;gap:var(--collab-spacing-xs)}.collab-interest-tag{background:var(--collab-slate-100);border-radius:var(--collab-radius-full);color:var(--collab-slate-600)}.collab-interest-more,.collab-interest-tag{font-size:10px;font-weight:500;padding:3px 8px}.collab-interest-more{color:var(--collab-slate-400)}.collab-user-stats{border-bottom:1px solid var(--collab-slate-100);border-top:1px solid var(--collab-slate-100);display:flex;gap:var(--collab-spacing-md);padding:var(--collab-spacing-sm) 0}.collab-stat{align-items:center;color:var(--collab-slate-500);display:flex;font-size:11px;gap:var(--collab-spacing-xs)}.collab-stat svg{color:var(--collab-slate-400);font-size:12px}.collab-user-actions{display:flex;gap:var(--collab-spacing-sm);margin-top:auto}.collab-btn-secondary{background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:var(--collab-spacing-sm);text-align:center;text-decoration:none;transition:all var(--collab-transition-fast)}.collab-btn-secondary:hover{background:var(--collab-slate-200);color:var(--collab-slate-700)}.collab-btn-primary{background:linear-gradient(135deg,var(--collab-blue),var(--collab-indigo));border:none;border-radius:var(--collab-radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:var(--collab-spacing-sm);transition:all var(--collab-transition-fast)}.collab-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.collab-btn-primary:disabled{background:var(--collab-slate-200);color:var(--collab-slate-400);cursor:not-allowed}.collab-loading{align-items:center;color:var(--collab-slate-500);display:flex;flex-direction:column;gap:var(--collab-spacing-md);justify-content:center;padding:var(--collab-spacing-xl) * 2}.collab-loading-icon{color:var(--collab-blue);font-size:32px}.collab-error{align-items:center;display:flex;flex-direction:column;gap:var(--collab-spacing-md);justify-content:center;padding:var(--collab-spacing-xl) * 2;text-align:center}.collab-error-icon{color:var(--collab-red);font-size:48px}.collab-error p{color:var(--collab-slate-600);margin:0}.collab-retry-btn{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-retry-btn:hover{background:var(--collab-slate-200)}.collab-empty{flex-direction:column;grid-column:1/-1;padding:var(--collab-spacing-xl) * 2;text-align:center}.collab-empty,.collab-empty-icon{align-items:center;display:flex;justify-content:center}.collab-empty-icon{background:var(--collab-slate-100);border-radius:var(--collab-radius-full);height:64px;margin-bottom:var(--collab-spacing-md);width:64px}.collab-empty-icon svg{color:var(--collab-slate-400);font-size:28px}.collab-empty h3{color:var(--collab-slate-700);font-size:16px;font-weight:600;margin:0 0 var(--collab-spacing-xs) 0}.collab-empty p{color:var(--collab-slate-500);font-size:13px;margin:0}.collab-load-more{display:flex;justify-content:center;padding:var(--collab-spacing-lg) 0}.collab-load-more-btn{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-lg);transition:all var(--collab-transition-fast)}.collab-load-more-btn:hover:not(:disabled){border-color:var(--collab-blue);color:var(--collab-blue)}.collab-load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.collab-grid{gap:var(--collab-spacing-sm);grid-template-columns:repeat(3,1fr)}.collab-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.collab-grid{grid-template-columns:repeat(2,1fr)}.collab-subtabs{gap:2px}.collab-subtab{font-size:12px;padding:var(--collab-spacing-sm)}.collab-subtab svg{font-size:14px}.collab-filter-grid{grid-template-columns:1fr}.collab-filter-checkboxes{flex-direction:column;gap:var(--collab-spacing-sm)}.collab-user-card{padding:var(--collab-spacing-sm)}.collab-user-avatar{height:40px;width:40px}.collab-user-name{font-size:13px}.collab-user-actions{flex-direction:column}}@media (max-width:480px){.collab-grid{grid-template-columns:1fr}.collab-subtabs{padding:2px}.collab-subtab{flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:var(--collab-spacing-xs) var(--collab-spacing-sm)}.collab-subtab span{font-size:10px}.collab-ai-badge{font-size:8px;padding:1px 4px}.collab-search-bar{flex-wrap:wrap}.collab-filter-toggle{justify-content:center;margin-top:var(--collab-spacing-xs);width:100%}.collab-user-header{gap:var(--collab-spacing-xs)}.collab-badges{gap:2px}.collab-badge{font-size:9px;padding:2px 6px}}.collab-network{width:100%}.collab-network-subtabs{background:var(--collab-slate-100);border-radius:var(--collab-radius-md);display:flex;gap:var(--collab-spacing-xs);margin-bottom:var(--collab-spacing-md);overflow-x:auto;padding:var(--collab-spacing-xs);scrollbar-width:none}.collab-network-subtabs::-webkit-scrollbar{display:none}.collab-network-subtab{align-items:center;background:#0000;border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-500);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast);white-space:nowrap}.collab-network-subtab:hover{background:#fff;color:var(--collab-slate-700)}.collab-network-subtab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:var(--collab-green);color:var(--subtab-color,var(--collab-green))}.collab-network-subtab svg{font-size:16px}.collab-network-ai-badge{background:linear-gradient(135deg,var(--collab-purple),var(--collab-pink));border-radius:var(--collab-radius-full);color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.collab-network-search{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);display:flex;gap:var(--collab-spacing-sm);margin-bottom:var(--collab-spacing-md);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-network-search:focus-within{border-color:var(--collab-green);box-shadow:0 0 0 3px #10b9811a}.collab-network-search-icon{color:var(--collab-slate-400);flex-shrink:0;font-size:18px}.collab-network-search input{background:#0000;border:none;color:var(--collab-slate-700);flex:1 1;font-size:14px;outline:none}.collab-network-search input::placeholder{color:var(--collab-slate-400)}.collab-network-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--collab-spacing-sm)}.collab-network-count{color:var(--collab-slate-500);font-size:13px;font-weight:500}.collab-network-grid{grid-gap:var(--collab-spacing-md);display:grid;gap:var(--collab-spacing-md);grid-template-columns:repeat(4,1fr)}.collab-network-card{background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);display:flex;flex-direction:column;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-md);transition:all var(--collab-transition-normal)}.collab-network-card:hover{border-color:var(--collab-slate-300);box-shadow:0 8px 24px #00000014}.collab-network-header{align-items:flex-start;display:flex;gap:var(--collab-spacing-sm)}.collab-network-avatar-link{flex-shrink:0;position:relative}.collab-network-avatar{border:2px solid var(--collab-slate-100);border-radius:var(--collab-radius-full);height:48px;object-fit:cover;width:48px}.collab-network-verified{align-items:center;background:#fff;border-radius:var(--collab-radius-full);bottom:-2px;color:var(--collab-green);display:flex;font-size:14px;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.collab-network-info{flex:1 1;min-width:0}.collab-network-name{align-items:center;color:var(--collab-slate-800);display:flex;font-size:14px;font-weight:600;gap:var(--collab-spacing-xs);line-height:1.3;text-decoration:none}.collab-network-name:hover{color:var(--collab-green)}.collab-network-rating{align-items:center;background:#f59e0b1a;border-radius:var(--collab-radius-full);color:var(--collab-amber);display:inline-flex;font-size:11px;font-weight:500;gap:2px;padding:2px 6px}.collab-network-rating svg{font-size:10px}.collab-network-role{color:var(--collab-slate-600);font-size:12px;margin:2px 0 0}.collab-network-field,.collab-network-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-network-field{color:var(--collab-slate-400);font-size:11px;margin:0}.collab-network-follow-btn{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-full);color:var(--collab-slate-600);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--collab-transition-fast);width:32px}.collab-network-follow-btn.following,.collab-network-follow-btn:hover{background:var(--collab-green);color:#fff}.collab-network-follow-btn.following:hover{background:var(--collab-red)}.collab-network-badges{display:flex;flex-wrap:wrap;gap:var(--collab-spacing-xs)}.collab-network-badge{border-radius:var(--collab-radius-full);font-size:10px;font-weight:600;padding:3px 8px;white-space:nowrap}.collab-network-badge.mutual{background:#6366f11a;color:var(--collab-indigo)}.collab-network-badge.match{background:#10b9811a;color:var(--collab-green)}.collab-network-badge.ai{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:var(--collab-purple)}.collab-network-badge.follows-you{background:#ec48991a;color:var(--collab-pink)}.collab-network-badge.success{background:#10b9811a;color:var(--collab-green)}.collab-network-badge.open{background:#06b6d41a;color:var(--collab-cyan)}.collab-network-rooms{display:flex;flex-wrap:wrap;gap:var(--collab-spacing-xs)}.collab-network-room{align-items:center;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:var(--collab-radius-full);color:var(--collab-blue);display:flex;font-size:10px;font-weight:500;gap:4px;padding:4px 8px}.collab-network-room svg{font-size:10px}.collab-network-room-more{color:var(--collab-slate-400);font-size:10px;font-weight:500;padding:4px 8px}.collab-network-stats{border-bottom:1px solid var(--collab-slate-100);border-top:1px solid var(--collab-slate-100);display:flex;gap:var(--collab-spacing-md);padding:var(--collab-spacing-sm) 0}.collab-network-stat{align-items:center;color:var(--collab-slate-500);display:flex;font-size:11px;gap:var(--collab-spacing-xs)}.collab-network-stat svg{color:var(--collab-slate-400);font-size:12px}.collab-network-actions{display:flex;gap:var(--collab-spacing-sm);margin-top:auto}.collab-network-btn-secondary{background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:var(--collab-spacing-sm);text-align:center;text-decoration:none;transition:all var(--collab-transition-fast)}.collab-network-btn-secondary:hover{background:var(--collab-slate-200);color:var(--collab-slate-700)}.collab-network-btn-primary{align-items:center;background:linear-gradient(135deg,var(--collab-green),var(--collab-cyan));border:none;border-radius:var(--collab-radius-sm);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:var(--collab-spacing-xs);justify-content:center;padding:var(--collab-spacing-sm);transition:all var(--collab-transition-fast)}.collab-network-btn-primary:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.collab-network-btn-primary.following{background:var(--collab-slate-200);color:var(--collab-slate-600)}.collab-network-btn-primary.following:hover{background:var(--collab-red);color:#fff}.collab-network-loading{align-items:center;color:var(--collab-slate-500);display:flex;flex-direction:column;gap:var(--collab-spacing-md);justify-content:center;padding:64px}.collab-network-loading-icon{color:var(--collab-green);font-size:32px}.collab-network-error{align-items:center;display:flex;flex-direction:column;gap:var(--collab-spacing-md);justify-content:center;padding:64px;text-align:center}.collab-network-error-icon{color:var(--collab-red);font-size:48px}.collab-network-error p{color:var(--collab-slate-600);margin:0}.collab-network-retry-btn{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-network-retry-btn:hover{background:var(--collab-slate-200)}.collab-network-empty{flex-direction:column;grid-column:1/-1;padding:64px;text-align:center}.collab-network-empty,.collab-network-empty-icon{align-items:center;display:flex;justify-content:center}.collab-network-empty-icon{background:var(--collab-slate-100);border-radius:var(--collab-radius-full);height:64px;margin-bottom:var(--collab-spacing-md);width:64px}.collab-network-empty-icon svg{color:var(--collab-slate-400);font-size:28px}.collab-network-empty h3{color:var(--collab-slate-700);font-size:16px;font-weight:600;margin:0 0 var(--collab-spacing-xs) 0}.collab-network-empty p{color:var(--collab-slate-500);font-size:13px;margin:0;max-width:300px}.collab-network-load-more{display:flex;justify-content:center;padding:var(--collab-spacing-lg) 0}.collab-network-load-more-btn{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-lg);transition:all var(--collab-transition-fast)}.collab-network-load-more-btn:hover:not(:disabled){border-color:var(--collab-green);color:var(--collab-green)}.collab-network-load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.collab-network-grid{gap:var(--collab-spacing-sm);grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.collab-network-grid{grid-template-columns:repeat(2,1fr)}.collab-network-subtabs{gap:2px}.collab-network-subtab{font-size:12px;padding:var(--collab-spacing-sm)}.collab-network-subtab svg{font-size:14px}.collab-network-card{padding:var(--collab-spacing-sm)}.collab-network-avatar{height:40px;width:40px}.collab-network-name{font-size:13px}.collab-network-actions{flex-direction:column}}@media (max-width:480px){.collab-network-grid{grid-template-columns:1fr}.collab-network-subtabs{padding:2px}.collab-network-subtab{flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:var(--collab-spacing-xs) var(--collab-spacing-sm)}.collab-network-subtab span{font-size:10px}.collab-network-ai-badge{font-size:8px;padding:1px 4px}.collab-network-header{gap:var(--collab-spacing-xs)}.collab-network-badges{gap:2px}.collab-network-badge{font-size:9px;padding:2px 6px}}.collab-requests{width:100%}.collab-requests-subtabs{background:var(--collab-slate-100);border-radius:var(--collab-radius-md);display:flex;gap:var(--collab-spacing-xs);margin-bottom:var(--collab-spacing-md);padding:var(--collab-spacing-xs)}.collab-requests-subtab{align-items:center;background:#0000;border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-500);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-lg);transition:all var(--collab-transition-fast)}.collab-requests-subtab:hover{background:#fff;color:var(--collab-slate-700)}.collab-requests-subtab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:var(--collab-purple);color:var(--subtab-color,var(--collab-purple))}.collab-requests-subtab svg{font-size:16px}.collab-requests-search{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);display:flex;gap:var(--collab-spacing-sm);margin-bottom:var(--collab-spacing-md);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-requests-search:focus-within{border-color:var(--collab-purple);box-shadow:0 0 0 3px #8b5cf61a}.collab-requests-search-icon{color:var(--collab-slate-400);flex-shrink:0;font-size:18px}.collab-requests-search input{background:#0000;border:none;color:var(--collab-slate-700);flex:1 1;font-size:14px;outline:none}.collab-requests-search input::placeholder{color:var(--collab-slate-400)}.collab-requests-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--collab-spacing-sm)}.collab-requests-count{color:var(--collab-slate-500);font-size:13px;font-weight:500}.collab-requests-grid{grid-gap:var(--collab-spacing-md);display:grid;gap:var(--collab-spacing-md);grid-template-columns:repeat(3,1fr)}.collab-request-card{background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);display:flex;flex-direction:column;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-md);transition:all var(--collab-transition-normal)}.collab-request-card:hover{border-color:var(--collab-slate-300);box-shadow:0 8px 24px #00000014}.collab-request-header{align-items:flex-start;display:flex;gap:var(--collab-spacing-sm)}.collab-request-avatar-link{flex-shrink:0}.collab-request-avatar{border:2px solid var(--collab-slate-100);border-radius:var(--collab-radius-full);height:44px;object-fit:cover;width:44px}.collab-request-info{flex:1 1;min-width:0}.collab-request-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--collab-spacing-sm)}.collab-request-name{color:var(--collab-slate-800);font-size:14px;font-weight:600;text-decoration:none}.collab-request-name:hover{color:var(--collab-purple)}.collab-request-direction{border-radius:var(--collab-radius-full);font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.collab-request-direction.sent{background:#3b82f61a;color:var(--collab-blue)}.collab-request-direction.received{background:#10b9811a;color:var(--collab-green)}.collab-request-role{color:var(--collab-slate-500);font-size:12px;margin:2px 0 0}.collab-request-status-area{flex-shrink:0}.collab-request-status{align-items:center;border-radius:var(--collab-radius-full);display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.collab-request-status.accepted{background:#10b9811a;color:var(--collab-green)}.collab-request-status.rejected{background:#ef44441a;color:var(--collab-red)}.collab-request-status.pending{background:#f59e0b1a;color:var(--collab-amber)}.collab-request-room{align-items:center;background:linear-gradient(135deg,#8b5cf614,#3b82f614);border-radius:var(--collab-radius-full);color:var(--collab-purple);display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.collab-request-room svg{font-size:12px}.collab-request-message{background:var(--collab-slate-50);border-radius:var(--collab-radius-sm);padding:var(--collab-spacing-sm)}.collab-request-message p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--collab-slate-600);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.collab-request-response{background:#10b9810d;border-left:3px solid var(--collab-green);border-radius:0 var(--collab-radius-sm) var(--collab-radius-sm) 0;padding:var(--collab-spacing-sm)}.collab-request-response-label{color:var(--collab-green);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.collab-request-response p{color:var(--collab-slate-600);font-size:12px;line-height:1.4;margin:4px 0 0}.collab-request-footer{align-items:center;border-top:1px solid var(--collab-slate-100);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--collab-spacing-sm)}.collab-request-time{align-items:center;color:var(--collab-slate-400);display:flex;font-size:11px;gap:6px}.collab-request-time svg{font-size:12px}.collab-request-actions{display:flex;gap:var(--collab-spacing-xs)}.collab-request-action-btn{align-items:center;border:none;border-radius:var(--collab-radius-full);cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all var(--collab-transition-fast);width:32px}.collab-request-action-btn.view{background:var(--collab-slate-100);color:var(--collab-slate-600)}.collab-request-action-btn.view:hover{background:var(--collab-slate-200);color:var(--collab-slate-800)}.collab-request-action-btn.accept{background:#10b9811a;color:var(--collab-green)}.collab-request-action-btn.accept:hover{background:var(--collab-green);color:#fff}.collab-request-action-btn.reject{background:#ef44441a;color:var(--collab-red)}.collab-request-action-btn.reject:hover{background:var(--collab-red);color:#fff}.collab-request-action-btn:disabled{cursor:not-allowed;opacity:.5}.collab-requests-loading{align-items:center;color:var(--collab-slate-500);display:flex;flex-direction:column;gap:var(--collab-spacing-md);justify-content:center;padding:64px}.collab-requests-loading-icon{color:var(--collab-purple);font-size:32px}.collab-requests-error{align-items:center;display:flex;flex-direction:column;gap:var(--collab-spacing-md);justify-content:center;padding:64px;text-align:center}.collab-requests-error-icon{color:var(--collab-red);font-size:48px}.collab-requests-error p{color:var(--collab-slate-600);margin:0}.collab-requests-retry-btn{align-items:center;background:var(--collab-slate-100);border:none;border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--collab-spacing-sm);padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-requests-retry-btn:hover{background:var(--collab-slate-200)}.collab-requests-empty{flex-direction:column;grid-column:1/-1;padding:64px;text-align:center}.collab-requests-empty,.collab-requests-empty-icon{align-items:center;display:flex;justify-content:center}.collab-requests-empty-icon{background:var(--collab-slate-100);border-radius:var(--collab-radius-full);height:64px;margin-bottom:var(--collab-spacing-md);width:64px}.collab-requests-empty-icon svg{color:var(--collab-slate-400);font-size:28px}.collab-requests-empty h3{color:var(--collab-slate-700);font-size:16px;font-weight:600;margin:0 0 var(--collab-spacing-xs) 0}.collab-requests-empty p{color:var(--collab-slate-500);font-size:13px;margin:0;max-width:300px}.collab-requests-pagination{align-items:center;display:flex;gap:var(--collab-spacing-md);justify-content:center;padding:var(--collab-spacing-lg) 0}.collab-requests-page-btn{background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-sm);color:var(--collab-slate-600);cursor:pointer;font-size:13px;font-weight:500;padding:var(--collab-spacing-sm) var(--collab-spacing-md);transition:all var(--collab-transition-fast)}.collab-requests-page-btn:hover:not(:disabled){border-color:var(--collab-purple);color:var(--collab-purple)}.collab-requests-page-btn:disabled{cursor:not-allowed;opacity:.5}.collab-requests-page-info{color:var(--collab-slate-500);font-size:13px}@media (max-width:1024px){.collab-requests-grid{gap:var(--collab-spacing-sm);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.collab-requests-grid{grid-template-columns:1fr}.collab-requests-subtabs{justify-content:center}.collab-requests-subtab{flex:1 1;justify-content:center}.collab-request-card{padding:var(--collab-spacing-sm)}.collab-request-header{flex-wrap:wrap}.collab-request-status-area{margin-top:var(--collab-spacing-xs);width:100%}}@media (max-width:480px){.collab-requests-subtab{flex-direction:column;font-size:12px;gap:2px;padding:var(--collab-spacing-sm)}.collab-requests-subtab span{font-size:10px}.collab-request-avatar{height:36px;width:36px}.collab-request-name{font-size:13px}.collab-request-footer{align-items:flex-start;flex-direction:column;gap:var(--collab-spacing-sm)}.collab-request-actions{justify-content:flex-end;width:100%}}:root{--collab-blue:#3b82f6;--collab-glass-bg:#fffc;--collab-glass-border:#fff6;--collab-spacing-xs:4px;--collab-spacing-sm:8px;--collab-spacing-md:16px;--collab-spacing-lg:24px;--collab-spacing-xl:32px;--collab-radius-sm:8px;--collab-radius-md:12px;--collab-radius-lg:16px;--collab-radius-xl:24px;--collab-transition-normal:250ms ease;--collab-transition-slow:350ms ease}.collab-layout{margin:0 auto;max-width:1200px;padding:16px;padding:var(--collab-spacing-md);width:100%}.collab-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;background:var(--collab-glass-bg);border:1px solid #fff6;border:1px solid var(--collab-glass-border);border-radius:16px;border-radius:var(--collab-radius-lg);box-shadow:0 8px 32px #00000014;box-shadow:var(--collab-glass-shadow);margin-bottom:16px;margin-bottom:var(--collab-spacing-md);padding:8px 0;padding:var(--collab-spacing-sm) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.collab-nav-inner{display:flex;gap:4px;gap:var(--collab-spacing-xs);justify-content:center;padding:4px;padding:var(--collab-spacing-xs)}.collab-nav-tab{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--collab-radius-md);color:#64748b;color:var(--collab-slate-500);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--collab-spacing-sm);overflow:hidden;padding:8px 24px;padding:var(--collab-spacing-sm) var(--collab-spacing-lg);position:relative;transition:all .15s ease;transition:all var(--collab-transition-fast)}.collab-nav-tab:hover{background:#f1f5f9;background:var(--collab-slate-100);color:#334155;color:var(--collab-slate-700)}.collab-nav-tab.active{background:#3b82f61a;color:#3b82f6;color:var(--tab-accent,var(--collab-blue))}.collab-nav-icon{font-size:18px;transition:transform .15s ease;transition:transform var(--collab-transition-fast)}.collab-nav-tab:hover .collab-nav-icon{transform:scale(1.1)}.collab-nav-label{font-weight:600}.collab-nav-indicator{background:#3b82f6;background:var(--tab-accent,var(--collab-blue));border-radius:9999px;border-radius:var(--collab-radius-full);bottom:0;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40%}.collab-content{width:100%}@media (max-width:1024px){.collab-layout{padding:8px;padding:var(--collab-spacing-sm)}.collab-nav-tab{padding:8px 16px;padding:var(--collab-spacing-sm) var(--collab-spacing-md)}.collab-nav-label{font-size:13px}}@media (max-width:768px){.collab-layout{padding:4px;padding:var(--collab-spacing-xs)}.collab-nav{border-radius:12px;border-radius:var(--collab-radius-md);margin-bottom:8px;margin-bottom:var(--collab-spacing-sm)}.collab-nav-inner{justify-content:space-between;padding:4px;padding:var(--collab-spacing-xs)}.collab-nav-tab{flex:1 1;gap:4px;gap:var(--collab-spacing-xs);justify-content:center;padding:8px;padding:var(--collab-spacing-sm)}.collab-nav-icon{font-size:16px}.collab-nav-label{font-size:12px}}@media (max-width:480px){.collab-nav-tab{flex-direction:column;gap:2px;padding:8px 4px;padding:var(--collab-spacing-sm) var(--collab-spacing-xs)}.collab-nav-icon{font-size:18px}.collab-nav-label{font-size:10px}.collab-nav-indicator{width:60%}}.create-freelance-post{margin:0 auto;max-width:800px;padding:2rem}.post-header{margin-bottom:2rem;text-align:center}.post-header h2{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.post-header p{color:#64748b}.post-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{color:#1e293b;font-size:.9rem;font-weight:500}input[type=date],input[type=number],input[type=text],select,textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.95rem;padding:.75rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;outline:none}textarea{min-height:120px;resize:vertical}.skills-list{padding:.5rem 0}.skill-tag{align-items:center;display:flex;gap:.25rem}.skill-tag button{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;line-height:1;padding:0 .25rem}.skill-tag button:hover{color:#ef4444}.file-input{display:none}label[for=files]{border:2px dashed #e2e8f0;border-radius:6px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .2s}label[for=files]:hover{background:#f8fafc;border-color:var(--primary-color)}.file-hint{color:#64748b;display:block;font-size:.85rem;font-weight:400;margin-top:.5rem}.files-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.file-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem .75rem}.file-item button{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;line-height:1;padding:.25rem}.file-item button:hover{color:#ef4444}.form-actions{gap:1rem;margin-top:1rem}.cancel-btn,.submit-btn{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.submit-btn{background:var(--primary-color);border:1px solid var(--primary-color)}.submit-btn:hover{background:var(--primary-hover)}.error-message{margin-bottom:1.5rem}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.create-freelance-post{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.freelance-feed{padding:1.5rem}.feed-filters{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:2rem;padding:1rem}.search-bar{margin-bottom:1rem}.search-bar input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;outline:none}.filter-controls{flex-wrap:wrap;gap:1rem}.filter-controls select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;flex:1 1;font-size:.95rem;min-width:200px;padding:.75rem;transition:all .2s}.filter-controls select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;outline:none}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:.5rem}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;transition:all .2s}.task-card:hover{border-color:var(--primary-color);box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.task-header{border-bottom:1px solid #e2e8f0;padding:1rem}.poster-info{align-items:center;display:flex;gap:.75rem}.poster-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.poster-info h3{color:#1e293b;font-size:.95rem;margin:0}.poster-info p{color:#64748b;font-size:.85rem;margin:0}.task-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.posted-time{color:#64748b;font-size:.85rem}.task-content{flex:1 1;padding:1rem}.task-content h2{color:#1e293b;font-size:1.1rem;margin:0 0 .75rem}.task-description{margin:0 0 1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-tag{background:#f1f5f9;border-radius:16px;color:var(--primary-color);font-size:.85rem;padding:.25rem .75rem}.task-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{color:#64748b;font-size:.85rem}.detail-item .value{color:#1e293b;font-size:.95rem;font-weight:500}.capitalize{text-transform:capitalize}.task-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.applicants-count{color:#64748b;font-size:.9rem}.apply-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s}.apply-btn:hover{background:var(--primary-hover)}@media (max-width:768px){.freelance-feed{padding:1rem}.filter-controls{flex-direction:column}.filter-controls select{width:100%}.tasks-grid{grid-template-columns:1fr}}.browse-tasks-btn{background-color:var(--color-primary);border-radius:4px;color:var(--color-white);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.browse-tasks-btn:hover{background-color:var(--color-primary-dark)}.my-freelance-panel{padding:1.5rem}.panel-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.panel-content{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:1.5rem}.tasks-list{display:flex;flex-direction:column;gap:1.5rem}.task-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .2s}.task-item:hover{border-color:var(--primary-color);box-shadow:0 4px 6px #0000000d}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.task-header h3{color:#1e293b;font-size:1.1rem;margin:0}.status-badge{border-radius:16px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-badge.open{background:#ecfdf5;color:#059669}.status-badge.in_progress{background:#eff6ff;color:#3b82f6}.status-badge.completed{background:#f1f5f9;color:#64748b}.status-badge.pending{background:#fff7ed;color:#ea580c}.task-description{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.task-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-item .label{color:#64748b;font-size:.85rem}.meta-item .value{color:#1e293b;font-size:.95rem;font-weight:500}.applicants-section{border-top:1px solid #e2e8f0;padding-top:1.5rem}.applicants-section h4{color:#1e293b;font-size:1rem;margin:0 0 1rem}.applicant-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.applicant-info{align-items:center;display:flex;gap:1rem}.applicant-info h5{color:#1e293b;font-size:.95rem;margin:0}.rating{color:#eab308;font-size:.9rem}.applicant-actions{align-items:center;display:flex;gap:1rem}.view-btn{background:#fff;border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-btn:hover{background:var(--primary-color);color:#fff}.task-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.message-btn,.submit-work-btn{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.submit-work-btn{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;flex:1 1}.submit-work-btn:hover{background:var(--primary-hover)}.message-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.message-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:768px){.my-freelance-panel,.panel-content{padding:1rem}.task-header{align-items:flex-start;flex-direction:column;gap:.5rem}.task-meta{grid-template-columns:1fr}.applicant-item{align-items:flex-start;flex-direction:column;gap:1rem}.applicant-actions{justify-content:space-between;width:100%}.task-actions{flex-direction:column}.message-btn,.submit-work-btn{width:100%}}.empty-state,.error-state,.loading-state{align-items:center;background-color:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;min-height:300px;padding:2rem;text-align:center}.empty-state{color:var(--text-secondary)}.empty-state h2{margin-bottom:1rem}.empty-state p{margin-bottom:1.5rem}.browse-tasks-btn,.create-task-btn{background-color:var(--color-primary);border-radius:4px;color:var(--color-white);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.browse-tasks-btn:hover,.create-task-btn:hover{background-color:var(--color-primary-dark)}.no-applicants{color:var(--text-secondary);font-style:italic;padding:1rem 0;text-align:center}.freelancer-profile{margin:0 auto;max-width:1000px;padding:2rem}.profile-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}.profile-info{display:flex;gap:2rem}.profile-avatar{border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-details h1{color:#1e293b;font-size:1.75rem;margin:0 0 .5rem}.profile-details h2{color:#475569;font-size:1.25rem;font-weight:500;margin:0 0 .5rem}.profile-details p{color:#64748b;font-size:1rem;margin:0}.profile-stats{display:flex;gap:2rem}.stat-item{flex-direction:column;gap:.25rem}.stat-value{color:#1e293b;font-size:1.25rem;font-weight:500}.stat-label{color:#64748b;font-size:.9rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:1.5rem}.profile-section h3{color:#1e293b;font-size:1.1rem;margin:0 0 1rem}.profile-section p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.tags-list{gap:.5rem}.tag{align-items:center;background:#f1f5f9;border-radius:16px;color:var(--primary-color);display:flex;font-size:.85rem;gap:.25rem;padding:.25rem .75rem}.tag button{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;line-height:1;padding:0 .25rem}.tag button:hover{color:#ef4444}.edit-input{border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.95rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s;width:100%}.edit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;outline:none}.name-input{font-size:1.5rem;font-weight:600}.bio-input{min-height:120px;resize:vertical}.edit-tags{display:flex;flex-direction:column;gap:1rem}.tag-input{border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.95rem;padding:.75rem;transition:all .2s}.tag-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;outline:none}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-item{background:#f8fafc;border-radius:6px;padding:1rem}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.review-author h4{color:#1e293b;font-size:1rem;margin:0 0 .25rem}.review-task{color:#64748b;font-size:.85rem}.review-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.review-rating{color:#eab308;font-size:.9rem}.review-date{color:#64748b;font-size:.85rem}.review-comment{color:#475569;font-size:.95rem;line-height:1.5;margin:0}.profile-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.cancel-btn,.edit-btn,.save-btn{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.edit-btn{background:#fff;border:1px solid var(--primary-color);color:var(--primary-color)}.edit-btn:hover{background:#f8fafc}.save-btn{background:var(--primary-color);border:1px solid var(--primary-color)}.save-btn:hover{background:var(--primary-hover)}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:768px){.freelancer-profile{padding:1rem}.profile-header{flex-direction:column;gap:1.5rem}.profile-info{align-items:center;flex-direction:column;gap:1rem;text-align:center}.profile-stats{justify-content:center;width:100%}.profile-section{padding:1rem}.review-header{align-items:flex-start;flex-direction:column;gap:.5rem}.review-meta{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.profile-actions{flex-direction:column-reverse}.cancel-btn,.edit-btn,.save-btn{width:100%}}.error-state,.loading-state{align-items:center;background-color:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;min-height:300px;padding:2rem;text-align:center}.loading-state{color:var(--text-secondary)}.error-message,.error-state{color:var(--color-error)}.error-message{background-color:#ff00001a;border:1px solid #f003;border-radius:4px;margin:1rem 0}.cancel-edit-btn,.edit-profile-btn,.save-profile-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-weight:600;margin-left:1rem;padding:.5rem 1rem;transition:background-color .2s}.edit-profile-btn{background-color:var(--color-primary);color:#fff}.save-profile-btn{background-color:var(--color-success);color:#fff}.cancel-edit-btn{background-color:var(--color-secondary);color:var(--text-primary);margin-right:.5rem}.edit-buttons{align-items:center;display:flex}.edit-profile-btn:hover{background-color:var(--color-primary-dark)}.save-profile-btn:hover{background-color:var(--color-success-dark)}.cancel-edit-btn:hover{background-color:var(--color-secondary-dark)}.cancel-edit-btn:disabled,.save-profile-btn:disabled{cursor:not-allowed;opacity:.7}.no-reviews{color:var(--text-secondary);font-style:italic;padding:1rem 0;text-align:center}.freelance-layout{background:#f8fafc;min-height:calc(100vh - 64px);padding:1.5rem}.freelance-header{margin-bottom:1.5rem}.freelance-header h1{color:#1e293b;font-size:1.75rem;margin-bottom:.5rem}.freelance-header p{color:#64748b;font-size:1rem}.freelance-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.tab-button:hover{background:#f1f5f9;color:var(--primary-color)}.tab-button.active{background:var(--primary-color);color:#fff}.freelance-content{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;min-height:500px}.loading-container{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;height:300px;justify-content:center;width:100%}@media (max-width:768px){.freelance-layout{padding:1rem}.freelance-header{text-align:center}.freelance-tabs{margin:-.5rem -1rem 1rem;overflow-x:auto;padding:.5rem 1rem}.tab-button{padding:.5rem 1rem;white-space:nowrap}}:root{--msgx-green:#10b981;--msgx-green-light:#34d399;--msgx-green-dark:#059669;--msgx-blue:#3b82f6;--msgx-blue-light:#60a5fa;--msgx-purple:#8b5cf6;--msgx-purple-light:#a78bfa;--msgx-amber:#f59e0b;--msgx-indigo:#6366f1;--msgx-cyan:#06b6d4;--msgx-pink:#ec4899;--msgx-red:#ef4444;--msgx-slate-50:#f8fafc;--msgx-slate-100:#f1f5f9;--msgx-slate-200:#e2e8f0;--msgx-slate-300:#cbd5e1;--msgx-slate-400:#94a3b8;--msgx-slate-500:#64748b;--msgx-slate-600:#475569;--msgx-slate-700:#334155;--msgx-slate-800:#1e293b;--msgx-slate-900:#0f172a;--msgx-bg-primary:#fff;--msgx-bg-secondary:var(--msgx-slate-50);--msgx-bg-chat:linear-gradient(180deg,#f0f4f8,#e8eef5);--msgx-text-primary:var(--msgx-slate-800);--msgx-text-secondary:var(--msgx-slate-500);--msgx-text-muted:var(--msgx-slate-400);--msgx-border:var(--msgx-slate-200);--msgx-border-light:var(--msgx-slate-100);--msgx-sent-bg:linear-gradient(135deg,var(--msgx-green) 0%,var(--msgx-green-dark) 100%);--msgx-sent-text:#fff;--msgx-received-bg:#fff;--msgx-received-text:var(--msgx-slate-800);--msgx-glass-bg:#ffffffd9;--msgx-glass-blur:16px;--msgx-glass-border:#ffffff4d;--msgx-shadow-sm:0 1px 2px #0000000d;--msgx-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--msgx-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--msgx-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--msgx-shadow-glow:0 0 20px #10b98126;--msgx-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--msgx-transition-base:200ms cubic-bezier(0.4,0,0.2,1);--msgx-transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--msgx-transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--msgx-radius-sm:6px;--msgx-radius-md:10px;--msgx-radius-lg:14px;--msgx-radius-xl:20px;--msgx-radius-full:9999px;--msgx-spacing-xs:4px;--msgx-spacing-sm:8px;--msgx-spacing-md:12px;--msgx-spacing-lg:16px;--msgx-spacing-xl:24px}[data-theme=dark]{--msgx-bg-primary:var(--msgx-slate-900);--msgx-bg-secondary:var(--msgx-slate-800);--msgx-bg-chat:linear-gradient(180deg,#0f172a,#1e293b);--msgx-text-primary:var(--msgx-slate-100);--msgx-text-secondary:var(--msgx-slate-400);--msgx-text-muted:var(--msgx-slate-500);--msgx-border:var(--msgx-slate-700);--msgx-border-light:var(--msgx-slate-800);--msgx-received-bg:var(--msgx-slate-800);--msgx-received-text:var(--msgx-slate-100);--msgx-glass-bg:#1e293bd9;--msgx-glass-border:#ffffff1a}.msgx-container{background:#f8fafc;background:var(--msgx-bg-secondary);height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden;width:100%}.msgx-container,.msgx-sidebar{display:flex;position:relative}.msgx-sidebar{border-right:1px solid #f1f5f9;border-right:1px solid var(--msgx-border-light);flex-direction:column;height:100%;max-width:400px;min-width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--msgx-transition-smooth);width:340px;z-index:10}.msgx-sidebar,.msgx-sidebar-header{background:#fff;background:var(--msgx-bg-primary)}.msgx-sidebar-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--msgx-border-light);padding:16px;padding:var(--msgx-spacing-lg)}.msgx-sidebar-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--msgx-spacing-md)}.msgx-sidebar-title h1{align-items:center;color:#1e293b;color:var(--msgx-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:8px;gap:var(--msgx-spacing-sm);margin:0}.msgx-title-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--msgx-sent-bg);border-radius:10px;border-radius:var(--msgx-radius-md);font-size:1rem;height:32px;width:32px}.msgx-new-chat-btn,.msgx-title-icon{align-items:center;color:#fff;display:flex;justify-content:center}.msgx-new-chat-btn{background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--msgx-green) 0,var(--msgx-cyan) 100%);border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #10b98126;box-shadow:var(--msgx-shadow-md),var(--msgx-shadow-glow);cursor:pointer;font-size:1.1rem;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-base);width:40px}.msgx-new-chat-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #10b9814d;box-shadow:var(--msgx-shadow-lg),0 0 30px #10b9814d;transform:scale(1.08)}.msgx-new-chat-btn:active{transform:scale(.95)}.msgx-filter-tabs{background:#f8fafc;background:var(--msgx-bg-secondary);border-radius:14px;border-radius:var(--msgx-radius-lg);display:flex;margin-bottom:12px;margin-bottom:var(--msgx-spacing-md);padding:4px}.msgx-filter-tab{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--msgx-radius-md);color:#64748b;color:var(--msgx-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-md);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-filter-tab:hover{color:#1e293b;color:var(--msgx-text-primary)}.msgx-filter-tab.active{background:#fff;background:var(--msgx-bg-primary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);color:#10b981;color:var(--msgx-green)}.msgx-filter-badge{background:#10b981;background:var(--msgx-green);border-radius:9999px;border-radius:var(--msgx-radius-full);color:#fff;font-size:.7rem;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.msgx-search{position:relative}.msgx-search-icon{color:#94a3b8;color:var(--msgx-text-muted);font-size:.95rem;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.msgx-search-input{background:#f8fafc;background:var(--msgx-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--msgx-border);border-radius:14px;border-radius:var(--msgx-radius-lg);color:#1e293b;color:var(--msgx-text-primary);font-size:.9rem;padding:12px 14px 12px 42px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:100%}.msgx-search-input::placeholder{color:#94a3b8;color:var(--msgx-text-muted)}.msgx-search-input:focus{background:#fff;background:var(--msgx-bg-primary);border-color:#10b981;border-color:var(--msgx-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.msgx-conversation-list{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--msgx-spacing-sm)}.msgx-conversation-list::-webkit-scrollbar{width:6px}.msgx-conversation-list::-webkit-scrollbar-track{background:#0000}.msgx-conversation-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--msgx-slate-300);border-radius:3px}.msgx-conversation-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--msgx-slate-400)}.msgx-conversation-item{align-items:center;border-radius:14px;border-radius:var(--msgx-radius-lg);cursor:pointer;display:flex;gap:12px;gap:var(--msgx-spacing-md);margin-bottom:2px;padding:12px;padding:var(--msgx-spacing-md);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-conversation-item:hover{background:#f8fafc;background:var(--msgx-bg-secondary)}.msgx-conversation-item.active{background:linear-gradient(135deg,#10b9811a,#06b6d40d);border:1px solid #10b98133}.msgx-conversation-item.active:before{background:#10b981;background:var(--msgx-green);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.msgx-avatar{flex-shrink:0;position:relative}.msgx-avatar-img{border:2px solid #fff;border:2px solid var(--msgx-bg-primary);border-radius:9999px;border-radius:var(--msgx-radius-full);box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);height:48px;object-fit:cover;width:48px}.msgx-avatar-initials{align-items:center;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.msgx-avatar-initials.grad-1{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--msgx-purple) 0,var(--msgx-pink) 100%)}.msgx-avatar-initials.grad-2{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--msgx-blue) 0,var(--msgx-cyan) 100%)}.msgx-avatar-initials.grad-3{background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--msgx-green) 0,var(--msgx-cyan) 100%)}.msgx-avatar-initials.grad-4{background:linear-gradient(135deg,#f59e0b,#ec4899);background:linear-gradient(135deg,var(--msgx-amber) 0,var(--msgx-pink) 100%)}.msgx-avatar-initials.grad-5{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--msgx-indigo) 0,var(--msgx-purple) 100%)}.msgx-status-dot{border:2px solid #fff;border:2px solid var(--msgx-bg-primary);border-radius:9999px;border-radius:var(--msgx-radius-full);bottom:2px;height:12px;position:absolute;right:2px;width:12px}.msgx-status-dot.online{background:#10b981;background:var(--msgx-green)}.msgx-status-dot.away{background:#f59e0b;background:var(--msgx-amber)}.msgx-status-dot.offline{background:#94a3b8;background:var(--msgx-slate-400)}.msgx-conversation-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.msgx-conversation-top{align-items:center;display:flex;gap:8px;gap:var(--msgx-spacing-sm);justify-content:space-between}.msgx-conversation-name{align-items:center;color:#1e293b;color:var(--msgx-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgx-verified-badge{color:#3b82f6;color:var(--msgx-blue);font-size:.9rem}.msgx-conversation-time{color:#94a3b8;color:var(--msgx-text-muted);font-size:.75rem;white-space:nowrap}.msgx-conversation-role{color:#10b981;color:var(--msgx-green);font-size:.78rem;font-weight:500}.msgx-conversation-preview{align-items:center;display:flex;gap:8px;gap:var(--msgx-spacing-sm);justify-content:space-between}.msgx-preview-text{color:#64748b;color:var(--msgx-text-secondary);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgx-typing-text{color:#10b981;color:var(--msgx-green);font-style:italic;font-weight:500}.msgx-unread-badge{background:#10b981;background:var(--msgx-green);border-radius:9999px;border-radius:var(--msgx-radius-full);color:#fff;font-size:.7rem;font-weight:600;min-width:20px;padding:3px 7px;text-align:center}.msgx-chat-area{background:linear-gradient(180deg,#f0f4f8,#e8eef5);background:var(--msgx-bg-chat);display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}.msgx-chat-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--msgx-glass-blur));backdrop-filter:blur(var(--msgx-glass-blur));background:#ffffffd9;background:var(--msgx-glass-bg);border-bottom:1px solid #ffffff4d;border-bottom:1px solid var(--msgx-glass-border);display:flex;flex-shrink:0;gap:12px;gap:var(--msgx-spacing-md);min-height:64px;padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg);z-index:5}.msgx-back-btn{align-items:center;background:#f8fafc;background:var(--msgx-bg-secondary);border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#1e293b;color:var(--msgx-text-primary);cursor:pointer;display:none;font-size:1rem;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:36px}.msgx-back-btn:hover{background:#e2e8f0;background:var(--msgx-border)}.msgx-header-avatar{position:relative}.msgx-header-avatar-img{box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);object-fit:cover}.msgx-header-avatar-img,.msgx-header-avatar-initials{border-radius:9999px;border-radius:var(--msgx-radius-full);height:42px;width:42px}.msgx-header-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--msgx-purple) 0,var(--msgx-pink) 100%);color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center}.msgx-header-info{flex:1 1;min-width:0}.msgx-header-name{color:#1e293b;color:var(--msgx-text-primary);font-size:1rem;font-weight:600;margin:0}.msgx-header-name,.msgx-header-status{align-items:center;display:flex;gap:6px}.msgx-header-status{color:#64748b;color:var(--msgx-text-secondary);font-size:.8rem}.msgx-header-status-dot{border-radius:9999px;border-radius:var(--msgx-radius-full);height:8px;width:8px}.msgx-header-status-dot.online{background:#10b981;background:var(--msgx-green)}.msgx-header-status-dot.offline{background:#94a3b8;background:var(--msgx-slate-400)}.msgx-header-actions{align-items:center;display:flex;gap:8px;gap:var(--msgx-spacing-sm)}.msgx-header-action-btn{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#64748b;color:var(--msgx-text-secondary);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:36px}.msgx-header-action-btn:hover{background:#f8fafc;background:var(--msgx-bg-secondary);color:#1e293b;color:var(--msgx-text-primary)}.msgx-encryption-badge{color:#10b981;color:var(--msgx-green);font-size:.85rem}.msgx-messages-wrapper{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--msgx-spacing-sm);min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px;padding:var(--msgx-spacing-lg)}.msgx-messages-wrapper::-webkit-scrollbar{width:6px}.msgx-messages-wrapper::-webkit-scrollbar-track{background:#0000}.msgx-messages-wrapper::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.msgx-date-group{margin-bottom:8px;margin-bottom:var(--msgx-spacing-sm)}.msgx-date-separator{align-items:center;display:flex;margin:24px 0;margin:var(--msgx-spacing-xl) 0;padding:0 16px;padding:0 var(--msgx-spacing-lg)}.msgx-date-line{background-color:#e2e8f0;background-color:var(--msgx-border);flex:1 1;height:1px}.msgx-date-separator span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;background-color:var(--msgx-glass-bg);border-radius:9999px;border-radius:var(--msgx-radius-full);box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);font-size:.75rem;font-weight:500;margin:0 12px;padding:4px 12px;white-space:nowrap}.msgx-date-separator span,.msgx-load-more-btn{color:#64748b;color:var(--msgx-text-secondary)}.msgx-load-more-btn{align-self:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--msgx-border);border-radius:20px;cursor:pointer;font-size:13px;margin:12px 0;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-base)}.msgx-load-more-btn:hover{background:#f8fafc;background:var(--msgx-bg-secondary);border-color:#e2e8f0;border-color:var(--msgx-border)}[data-theme=dark] .msgx-date-line{background-color:#334155;background-color:var(--msgx-slate-700)}[data-theme=dark] .msgx-date-separator span{background-color:#1e293b;background-color:var(--msgx-slate-800);color:#94a3b8;color:var(--msgx-slate-400)}[data-theme=dark] .msgx-load-more-btn{border-color:#475569;border-color:var(--msgx-slate-600);color:#94a3b8;color:var(--msgx-slate-400)}[data-theme=dark] .msgx-load-more-btn:hover{background:#1e293b;background:var(--msgx-slate-800)}.msgx-message-wrapper{display:flex;gap:8px;gap:var(--msgx-spacing-sm);max-width:70%;position:relative}.msgx-message-wrapper.sent{flex-direction:row-reverse}.msgx-message-wrapper.received{flex-direction:row}.msgx-message-avatar{object-fit:cover}.msgx-message-avatar,.msgx-message-avatar-initials{align-self:flex-end;border-radius:9999px;border-radius:var(--msgx-radius-full);flex-shrink:0;height:28px;width:28px}.msgx-message-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--msgx-purple) 0,var(--msgx-pink) 100%);color:#fff;display:flex;font-size:.7rem;font-weight:600;justify-content:center}.msgx-message-content-wrapper{display:flex;flex-direction:column;gap:4px;max-width:100%}.msgx-reply-preview{border-left:3px solid;border-radius:10px 10px 0 0;border-radius:var(--msgx-radius-md) var(--msgx-radius-md) 0 0;font-size:.8rem;margin-bottom:-4px;padding:8px 12px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-md)}.msgx-reply-preview.sent{background:#0003;border-left-color:#ffffffb3;color:#fff}.msgx-reply-preview.sent .msgx-reply-sender{color:#fffffff2}.msgx-reply-preview.sent .msgx-reply-content-text{color:#ffffffd9}.msgx-reply-preview.received{background:var(--msgx-bg-tertiary);border-left-color:#10b981;border-left-color:var(--msgx-green);color:#1e293b;color:var(--msgx-text-primary)}.msgx-reply-preview.received .msgx-reply-sender{color:#10b981;color:var(--msgx-green)}.msgx-reply-preview.received .msgx-reply-content-text{color:#64748b;color:var(--msgx-text-secondary)}.msgx-reply-sender{font-weight:600;margin-bottom:2px}.msgx-reply-content-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgx-message-bubble{border-radius:20px;border-radius:var(--msgx-radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg);position:relative;word-break:break-word}.msgx-message-bubble.sent{background:linear-gradient(135deg,#10b981,#059669);background:var(--msgx-sent-bg);border-bottom-right-radius:6px;border-bottom-right-radius:var(--msgx-radius-sm);color:#fff;color:var(--msgx-sent-text)}.msgx-message-bubble.received{background:#fff;background:var(--msgx-received-bg);border-bottom-left-radius:6px;border-bottom-left-radius:var(--msgx-radius-sm);color:#1e293b;color:var(--msgx-received-text)}.msgx-message-text{font-size:.9rem;line-height:1.5;margin:0}.msgx-message-deleted{font-style:italic;opacity:.6}.msgx-message-edited{font-size:.7rem;font-style:italic;margin-left:4px;opacity:.7}.msgx-message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.msgx-message-time{font-size:.68rem;opacity:.7}.msgx-message-status{font-size:.85rem}.msgx-message-status.sending{animation:pulse 1.5s ease-in-out infinite;color:#64748b;color:var(--msgx-text-secondary);opacity:.6}.msgx-message-status.error{color:#ff4d4f}.msgx-message-status.read{color:#06b6d4;color:var(--msgx-cyan)}.msgx-message-status-double{align-items:center;display:inline-flex;font-size:.85rem;opacity:.7}.msgx-message-status-double.read{color:#06b6d4;color:var(--msgx-cyan);opacity:1}.msgx-message-bubble.sent .msgx-message-status{opacity:.85}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.msgx-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;margin-top:var(--msgx-spacing-sm)}.msgx-reaction-chip{align-items:center;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);cursor:pointer;display:flex;font-size:.85rem;gap:3px;padding:3px 8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-reaction-chip.sent{background:#fff3;color:#fff}.msgx-reaction-chip.received{background:#f8fafc;background:var(--msgx-bg-secondary);color:#1e293b;color:var(--msgx-text-primary)}.msgx-reaction-chip:hover{transform:scale(1.1)}.msgx-reaction-count{font-size:.7rem;font-weight:600}.msgx-file-message{align-items:center;display:flex;gap:12px;gap:var(--msgx-spacing-md);padding:8px 0;padding:var(--msgx-spacing-sm) 0}.msgx-file-icon{font-size:1.5rem;opacity:.8}.msgx-file-info{flex:1 1;min-width:0}.msgx-file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgx-file-size{font-size:.75rem;opacity:.7}.msgx-file-download{cursor:pointer;font-size:1.1rem;opacity:.7;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--msgx-transition-fast)}.msgx-file-download:hover{opacity:1}.msgx-image-message{border-radius:14px;border-radius:var(--msgx-radius-lg);margin:-8px -12px;max-width:280px;overflow:hidden}.msgx-image-message img{display:block;height:auto;width:100%}.msgx-audio-message{align-items:center;display:flex;gap:12px;gap:var(--msgx-spacing-md);min-width:160px}.msgx-audio-waveform{align-items:center;display:flex;flex:1 1;gap:2px}.msgx-waveform-bar{border-radius:2px;opacity:.7;width:3px}.msgx-message-bubble.sent .msgx-waveform-bar{background:#fffc}.msgx-message-bubble.received .msgx-waveform-bar{background:#94a3b8;background:var(--msgx-slate-400)}.msgx-audio-duration{font-size:.75rem;opacity:.7}.msgx-audio-play-btn{align-items:center;background:#fff3;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:inherit;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;width:28px}.msgx-message-bubble.received .msgx-audio-play-btn{background:#f8fafc;background:var(--msgx-bg-secondary)}.msgx-typing-indicator{align-items:center;align-self:flex-start;display:flex;gap:8px;gap:var(--msgx-spacing-sm)}.msgx-typing-bubble{background:#fff;background:var(--msgx-received-bg);border-radius:20px;border-radius:var(--msgx-radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);display:flex;gap:4px;padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg)}.msgx-typing-dot{animation:msgxTypingBounce 1.4s ease-in-out infinite;background:#94a3b8;background:var(--msgx-slate-400);border-radius:9999px;border-radius:var(--msgx-radius-full);height:8px;width:8px}.msgx-typing-dot:first-child{animation-delay:0s}.msgx-typing-dot:nth-child(2){animation-delay:.2s}.msgx-typing-dot:nth-child(3){animation-delay:.4s}@keyframes msgxTypingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.msgx-input-area{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--msgx-glass-blur));backdrop-filter:blur(var(--msgx-glass-blur));background:#ffffffd9;background:var(--msgx-glass-bg);border-top:1px solid #ffffff4d;border-top:1px solid var(--msgx-glass-border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;gap:var(--msgx-spacing-sm);padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg);position:relative;z-index:5}.msgx-reply-bar{align-items:center;background:#f8fafc;background:var(--msgx-bg-secondary);border-radius:10px;border-radius:var(--msgx-radius-md);display:flex;gap:12px;gap:var(--msgx-spacing-md);padding:8px 12px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-md)}.msgx-reply-bar-content{flex:1 1;min-width:0}.msgx-reply-bar-header{color:#10b981;color:var(--msgx-green);font-size:.75rem;font-weight:600;margin-bottom:2px}.msgx-reply-bar-text{color:#64748b;color:var(--msgx-text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgx-reply-bar-close{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#94a3b8;color:var(--msgx-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:24px}.msgx-reply-bar-close:hover{background:#e2e8f0;background:var(--msgx-border);color:#1e293b;color:var(--msgx-text-primary)}.msgx-input-row{align-items:center;display:flex;gap:8px;gap:var(--msgx-spacing-sm)}.msgx-emoji-btn{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#64748b;color:var(--msgx-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:40px}.msgx-emoji-btn:hover{background:#f8fafc;background:var(--msgx-bg-secondary);color:#f59e0b;color:var(--msgx-amber)}.msgx-input-field{background:#fff;background:var(--msgx-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--msgx-border);border-radius:9999px;border-radius:var(--msgx-radius-full);color:#1e293b;color:var(--msgx-text-primary);flex:1 1;font-size:.9rem;min-width:0;padding:10px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-input-field::placeholder{color:#94a3b8;color:var(--msgx-text-muted)}.msgx-input-field:focus{border-color:#10b981;border-color:var(--msgx-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.msgx-action-btn{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#64748b;color:var(--msgx-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:40px}.msgx-action-btn:hover{background:#f8fafc;background:var(--msgx-bg-secondary);color:#1e293b;color:var(--msgx-text-primary)}.msgx-send-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--msgx-green) 0,var(--msgx-green-dark) 100%);border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--msgx-shadow-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-base);width:44px}.msgx-send-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 20px #10b98126;box-shadow:var(--msgx-shadow-lg),var(--msgx-shadow-glow);transform:scale(1.05)}.msgx-send-btn:active:not(:disabled){transform:scale(.95)}.msgx-send-btn:disabled{background:#cbd5e1;background:var(--msgx-slate-300);box-shadow:none;cursor:not-allowed}.msgx-recording-indicator{align-items:center;background:#ef44441a;display:flex;flex:1 1;gap:12px;gap:var(--msgx-spacing-md);padding:10px 16px}.msgx-recording-dot,.msgx-recording-indicator{border-radius:9999px;border-radius:var(--msgx-radius-full)}.msgx-recording-dot{animation:msgxPulse 1.5s infinite;background:#ef4444;background:var(--msgx-red);height:12px;width:12px}@keyframes msgxPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.msgx-recording-text{color:#1e293b;color:var(--msgx-text-primary);flex:1 1;font-size:.9rem}.msgx-recording-cancel{background:#0000;border:none;color:#ef4444;color:var(--msgx-red);cursor:pointer;font-size:.85rem;font-weight:500}.msgx-emoji-picker{background:#fff;background:var(--msgx-bg-primary);border-radius:14px;border-radius:var(--msgx-radius-lg);bottom:70px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--msgx-shadow-xl);left:16px;max-width:320px;overflow:hidden;position:absolute;right:16px;z-index:1000}.msgx-empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:24px;padding:var(--msgx-spacing-xl);text-align:center}.msgx-empty-icon{animation:msgxFloat 3s ease-in-out infinite;font-size:5rem;margin-bottom:16px;margin-bottom:var(--msgx-spacing-lg);opacity:.15}@keyframes msgxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.msgx-empty-title{color:#1e293b;color:var(--msgx-text-primary);font-size:1.4rem;font-weight:600;margin:0 0 8px;margin:0 0 var(--msgx-spacing-sm) 0}.msgx-empty-text{font-size:.95rem;line-height:1.5;margin:0 0 16px;margin:0 0 var(--msgx-spacing-lg) 0;max-width:300px}.msgx-empty-hint,.msgx-empty-text{color:#64748b;color:var(--msgx-text-secondary)}.msgx-empty-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;background:var(--msgx-glass-bg);border:1px solid #ffffff4d;border:1px solid var(--msgx-glass-border);border-radius:14px;border-radius:var(--msgx-radius-lg);font-size:.85rem;padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg)}.msgx-empty-hint strong{color:#10b981;color:var(--msgx-green)}.msgx-loading{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--msgx-spacing-md);justify-content:center;padding:24px;padding:var(--msgx-spacing-xl)}.msgx-spinner{animation:msgxSpin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#10b981;border:3px solid var(--msgx-border);border-radius:9999px;border-radius:var(--msgx-radius-full);border-top-color:var(--msgx-green);height:32px;width:32px}.msgx-loading-text{color:#64748b;color:var(--msgx-text-secondary);font-size:.9rem}.msgx-message-menu{display:flex;gap:4px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--msgx-transition-fast);z-index:10}.msgx-message-row:hover .msgx-message-menu,.msgx-message-wrapper:hover .msgx-message-menu{opacity:1}.msgx-message-wrapper.sent .msgx-message-menu{left:-60px}.msgx-message-wrapper.received .msgx-message-menu{right:-60px}.msgx-menu-btn{align-items:center;background:#fff;background:var(--msgx-bg-primary);border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);box-shadow:0 1px 2px #0000000d;box-shadow:var(--msgx-shadow-sm);color:#64748b;color:var(--msgx-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:28px}.msgx-menu-btn:hover{background:#f8fafc;background:var(--msgx-bg-secondary);color:#1e293b;color:var(--msgx-text-primary);transform:scale(1.1)}.msgx-reaction-picker{border-radius:9999px;border-radius:var(--msgx-radius-full);gap:6px;padding:6px 10px;top:-50px;z-index:20}.msgx-reaction-picker.received{right:0}.msgx-reaction-picker-emoji{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--msgx-radius-md);cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:32px}.msgx-reaction-picker-emoji:hover{background:#f8fafc;background:var(--msgx-bg-secondary);transform:scale(1.2)}.msgx-dropdown-menu{background:#fff;background:var(--msgx-bg-primary);border-radius:14px;border-radius:var(--msgx-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--msgx-shadow-xl);min-width:160px;padding:8px 0;padding:var(--msgx-spacing-sm) 0;position:absolute;top:40px;z-index:1000}.msgx-dropdown-menu.sent{left:0}.msgx-dropdown-menu.received{right:0}.msgx-menu-item{background:none;font-size:.9rem;gap:12px;gap:var(--msgx-spacing-md);padding:8px 16px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-lg)}.msgx-modal-overlay{background:#00000080}.msgx-modal{max-height:85vh}.msgx-modal-header{padding:16px;padding:var(--msgx-spacing-lg)}.msgx-modal-title{align-items:center;display:flex;font-size:1.2rem;gap:8px;gap:var(--msgx-spacing-sm)}.msgx-modal-close{height:32px;width:32px}.msgx-modal-close:hover{background:var(--msgx-border)}.msgx-modal-body,.msgx-modal-footer{padding:16px;padding:var(--msgx-spacing-lg)}.msgx-modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--msgx-border-light);display:flex;gap:12px;gap:var(--msgx-spacing-md)}.msgx-btn{display:flex;padding:8px 16px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-lg)}.msgx-btn-primary{background:#10b981;background:var(--msgx-green);border:none;color:#fff}.msgx-btn-primary:hover{background:#059669;background:var(--msgx-green-dark)}.msgx-btn-secondary{border:1px solid #e2e8f0;border:1px solid var(--msgx-border)}.msgx-btn-secondary:hover{background:#e2e8f0;background:var(--msgx-border)}.msgx-btn-danger{border:none}.msgx-btn-danger:hover{background:#dc2626}.msgx-contact-list{display:flex;flex-direction:column;gap:8px;gap:var(--msgx-spacing-sm)}.msgx-contact-item{align-items:center;border-radius:14px;border-radius:var(--msgx-radius-lg);cursor:pointer;display:flex;gap:12px;gap:var(--msgx-spacing-md);padding:12px;padding:var(--msgx-spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-contact-item:hover{background:#f8fafc;background:var(--msgx-bg-secondary)}.msgx-contact-item:active{transform:scale(.98)}.msgx-delete-icon{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--msgx-red) 0,#dc2626 100%);color:#fff;font-size:1.8rem}.msgx-delete-content{text-align:center}.msgx-delete-content h3{color:#1e293b;color:var(--msgx-text-primary);font-size:1.3rem;margin:0 0 8px;margin:0 0 var(--msgx-spacing-sm) 0}.msgx-delete-content p{line-height:1.5;margin:0 0 16px;margin:0 0 var(--msgx-spacing-lg) 0}.msgx-delete-content p,.msgx-delete-preview{color:#64748b;color:var(--msgx-text-secondary)}.msgx-delete-preview{border-left:3px solid #ef4444;border-left:3px solid var(--msgx-red);font-style:italic}.msgx-form-group{margin-bottom:16px;margin-bottom:var(--msgx-spacing-lg)}.msgx-form-group label{color:#1e293b;color:var(--msgx-text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--msgx-spacing-sm)}.msgx-form-group select,.msgx-form-group textarea{background:#fff;background:var(--msgx-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--msgx-border);border-radius:10px;border-radius:var(--msgx-radius-md);color:#1e293b;color:var(--msgx-text-primary);font-family:inherit;font-size:.9rem;padding:12px;padding:var(--msgx-spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:100%}.msgx-form-group select:focus,.msgx-form-group textarea:focus{border-color:#10b981;border-color:var(--msgx-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.msgx-char-count{color:#94a3b8;color:var(--msgx-text-muted);display:block;font-size:.75rem;margin-top:4px;text-align:right}@media (max-width:1024px){.msgx-sidebar{min-width:260px;width:300px}.msgx-message-wrapper{max-width:80%}}@media (max-width:768px){.msgx-container{bottom:0;height:calc(100% - 60px);height:calc(100dvh - 60px);left:0;overflow:hidden;position:fixed;right:0;top:60px;width:100%}.msgx-sidebar{background:#fff;background:var(--msgx-bg-primary);height:100%;inset:0;max-width:100%;overflow-y:auto;position:absolute;transform:translateX(0);transition:transform .3s ease-in-out,visibility .3s ease-in-out;visibility:visible;width:100%;z-index:10}.msgx-sidebar.hidden{pointer-events:none;transform:translateX(-100%);visibility:hidden}.msgx-chat-area{background:linear-gradient(180deg,#f0f4f8,#e8eef5);background:var(--msgx-bg-chat);display:flex;flex-direction:column;height:100%;inset:0;overflow:hidden;position:absolute;transform:translateX(100%);transition:transform .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:30}.msgx-chat-area.active{transform:translateX(0);visibility:visible}.msgx-chat-header{flex-shrink:0;position:relative;z-index:10}.msgx-back-btn{display:flex}.msgx-messages-wrapper{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.msgx-input-area{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,8px);position:relative;z-index:10}.msgx-message-row{max-width:100%;width:100%}.msgx-message-wrapper{max-width:85%}.msgx-header-actions{display:none}.msgx-message-menu{opacity:0!important;pointer-events:none}.msgx-modal{margin:8px;margin:var(--msgx-spacing-sm);max-height:90vh;max-width:100%}}@media (max-width:480px){.msgx-sidebar-header{padding:12px;padding:var(--msgx-spacing-md)}.msgx-sidebar-title h1{font-size:1.25rem}.msgx-filter-tab{font-size:.8rem;padding:6px 8px}.msgx-conversation-item{padding:8px 12px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-md)}.msgx-avatar-img,.msgx-avatar-initials{height:42px;width:42px}.msgx-chat-header{min-height:56px;padding:8px 12px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-md)}.msgx-header-avatar-img,.msgx-header-avatar-initials{height:36px;width:36px}.msgx-header-name{font-size:.95rem}.msgx-messages-wrapper{padding:12px;padding:var(--msgx-spacing-md)}.msgx-input-area,.msgx-message-bubble{padding:8px 12px;padding:var(--msgx-spacing-sm) var(--msgx-spacing-md)}.msgx-input-field{font-size:.85rem;padding:8px 14px}.msgx-send-btn{height:40px;width:40px}.msgx-action-btn,.msgx-emoji-btn{height:36px;width:36px}}@keyframes msgxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes msgxSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes msgxSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes msgxScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.msgx-animate-fade-in{animation:msgxFadeIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:msgxFadeIn var(--msgx-transition-smooth) ease-out}.msgx-animate-slide-up{animation:msgxSlideUp ease-out .3s cubic-bezier(.4,0,.2,1);animation:msgxSlideUp var(--msgx-transition-smooth) ease-out}.msgx-animate-slide-in{animation:msgxSlideIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:msgxSlideIn var(--msgx-transition-smooth) ease-out}.msgx-animate-scale-in{animation:msgxScaleIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:msgxScaleIn var(--msgx-transition-smooth) ease-out}.msgx-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--msgx-spacing-lg);position:fixed;z-index:1000}.msgx-modal{background:#fff;background:var(--msgx-bg-primary);border-radius:20px;border-radius:var(--msgx-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--msgx-shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;position:relative;width:100%}.msgx-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--msgx-border-light);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--msgx-spacing-lg) var(--msgx-spacing-xl)}.msgx-modal-title{color:#1e293b;color:var(--msgx-text-primary);font-size:1.25rem;font-weight:600;margin:0}.msgx-modal-title-row{align-items:center;display:flex;gap:8px;gap:var(--msgx-spacing-sm)}.msgx-modal-title-icon{color:#ef4444;color:var(--msgx-red);font-size:1.25rem}.msgx-modal-close{align-items:center;background:#f8fafc;background:var(--msgx-bg-secondary);border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#64748b;color:var(--msgx-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:36px}.msgx-modal-close:hover{background:#e2e8f0;background:var(--msgx-slate-200);color:#1e293b;color:var(--msgx-text-primary)}.msgx-modal-search{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--msgx-border-light);display:flex;gap:8px;gap:var(--msgx-spacing-sm);padding:12px 24px;padding:var(--msgx-spacing-md) var(--msgx-spacing-xl)}.msgx-modal-search-icon{color:#94a3b8;color:var(--msgx-text-muted);flex-shrink:0;font-size:1rem}.msgx-modal-search-input{background:#0000;border:none;color:#1e293b;color:var(--msgx-text-primary);flex:1 1;font-size:.95rem;outline:none}.msgx-modal-search-input::placeholder{color:#94a3b8;color:var(--msgx-text-muted)}.msgx-modal-body{flex:1 1;overflow-y:auto;padding:12px 0;padding:var(--msgx-spacing-md) 0}.msgx-modal-loading{color:#64748b;color:var(--msgx-text-secondary);gap:12px;gap:var(--msgx-spacing-md)}.msgx-modal-empty,.msgx-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px;padding:var(--msgx-spacing-xl)}.msgx-modal-empty{text-align:center}.msgx-modal-empty-icon{align-items:center;background:#f8fafc;background:var(--msgx-bg-secondary);border-radius:9999px;border-radius:var(--msgx-radius-full);color:#94a3b8;color:var(--msgx-text-muted);display:flex;font-size:1.5rem;height:64px;justify-content:center;margin-bottom:16px;margin-bottom:var(--msgx-spacing-lg);width:64px}.msgx-modal-empty-text{color:#64748b;color:var(--msgx-text-secondary);font-size:.9rem;line-height:1.5;max-width:280px}.msgx-modal-contacts-list{display:flex;flex-direction:column}.msgx-modal-contact-item{align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--msgx-spacing-md);padding:12px 24px;padding:var(--msgx-spacing-md) var(--msgx-spacing-xl);transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--msgx-transition-fast)}.msgx-modal-contact-item:hover{background:#f8fafc;background:var(--msgx-bg-secondary)}.msgx-modal-contact-avatar{flex-shrink:0;position:relative}.msgx-modal-contact-avatar img{object-fit:cover}.msgx-modal-avatar-initials,.msgx-modal-contact-avatar img{border-radius:9999px;border-radius:var(--msgx-radius-full);height:48px;width:48px}.msgx-modal-avatar-initials{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.msgx-modal-status{background:#94a3b8;background:var(--msgx-slate-400);border:2px solid #fff;border:2px solid var(--msgx-bg-primary);border-radius:9999px;border-radius:var(--msgx-radius-full);bottom:2px;height:12px;position:absolute;right:2px;width:12px}.msgx-modal-status.online{background:#10b981;background:var(--msgx-green)}.msgx-modal-contact-info{flex:1 1;min-width:0}.msgx-modal-contact-name{align-items:center;color:#1e293b;color:var(--msgx-text-primary);display:flex;font-size:.95rem;font-weight:500;gap:4px;gap:var(--msgx-spacing-xs)}.msgx-modal-verified{color:#3b82f6;color:var(--msgx-blue);font-size:1rem}.msgx-modal-relationship-icon{font-size:.85rem;margin-left:4px;margin-left:var(--msgx-spacing-xs)}.msgx-modal-relationship-icon.mutual{color:#10b981;color:var(--msgx-green)}.msgx-modal-relationship-icon.collaborator{color:#8b5cf6;color:var(--msgx-purple)}.msgx-modal-contact-details{display:flex;flex-wrap:wrap;gap:4px;gap:var(--msgx-spacing-xs);margin-top:2px}.msgx-modal-field,.msgx-modal-role{color:#64748b;color:var(--msgx-text-secondary);font-size:.8rem}.msgx-modal-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--msgx-purple) 0,var(--msgx-indigo) 100%);border-radius:9999px;border-radius:var(--msgx-radius-full);color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px}.msgx-modal-report{max-width:420px}.msgx-modal-form{gap:16px;gap:var(--msgx-spacing-lg);padding:16px 24px;padding:var(--msgx-spacing-lg) var(--msgx-spacing-xl)}.msgx-form-group,.msgx-modal-form{display:flex;flex-direction:column}.msgx-form-group{gap:8px;gap:var(--msgx-spacing-sm)}.msgx-form-label{align-items:center;color:#1e293b;color:var(--msgx-text-primary);display:flex;font-size:.9rem;font-weight:500;gap:4px;gap:var(--msgx-spacing-xs)}.msgx-report-reasons{grid-gap:8px;grid-gap:var(--msgx-spacing-sm);display:grid;gap:8px;gap:var(--msgx-spacing-sm);grid-template-columns:1fr 1fr}.msgx-report-reason{align-items:center;background:#fff;background:var(--msgx-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--msgx-border);border-radius:10px;border-radius:var(--msgx-radius-md);cursor:pointer;display:flex;gap:8px;gap:var(--msgx-spacing-sm);padding:12px;padding:var(--msgx-spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-report-reason:hover{background:#f8fafc;background:var(--msgx-bg-secondary);border-color:#cbd5e1;border-color:var(--msgx-slate-300)}.msgx-report-reason.selected{background:#ef44440d;border-color:#ef4444;border-color:var(--msgx-red)}.msgx-report-reason-icon{font-size:1.1rem}.msgx-report-reason-label{color:#1e293b;color:var(--msgx-text-primary);font-size:.85rem}.msgx-form-textarea{background:#fff;background:var(--msgx-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--msgx-border);border-radius:10px;border-radius:var(--msgx-radius-md);color:#1e293b;color:var(--msgx-text-primary);font-family:inherit;font-size:.9rem;min-height:100px;padding:12px;padding:var(--msgx-spacing-md);resize:vertical;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--msgx-transition-fast);width:100%}.msgx-form-textarea:focus{border-color:#3b82f6;border-color:var(--msgx-blue);outline:none}.msgx-form-char-count,.msgx-form-textarea::placeholder{color:#94a3b8;color:var(--msgx-text-muted)}.msgx-form-char-count{font-size:.75rem;text-align:right}.msgx-modal-actions{display:flex;gap:12px;gap:var(--msgx-spacing-md);justify-content:flex-end;padding-top:12px;padding-top:var(--msgx-spacing-md)}.msgx-modal-delete{max-width:360px;padding:24px;padding:var(--msgx-spacing-xl);text-align:center}.msgx-modal-delete .msgx-modal-close{position:absolute;right:12px;right:var(--msgx-spacing-md);top:12px;top:var(--msgx-spacing-md)}.msgx-delete-icon{align-items:center;background:#ef44441a;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#ef4444;color:var(--msgx-red);display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--msgx-spacing-lg);width:64px}.msgx-delete-title{color:#1e293b;color:var(--msgx-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px;margin:0 0 var(--msgx-spacing-sm)}.msgx-delete-description{color:#64748b;color:var(--msgx-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 16px;margin:0 0 var(--msgx-spacing-lg)}.msgx-delete-preview{background:#f8fafc;background:var(--msgx-bg-secondary);border-radius:10px;border-radius:var(--msgx-radius-md);margin-bottom:16px;margin-bottom:var(--msgx-spacing-lg);padding:12px;padding:var(--msgx-spacing-md)}.msgx-delete-preview span{color:#64748b;color:var(--msgx-text-secondary);font-size:.85rem;font-style:italic}.msgx-btn,.msgx-modal-delete .msgx-modal-actions{justify-content:center}.msgx-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--msgx-radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;gap:var(--msgx-spacing-sm);padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast)}.msgx-btn:disabled{cursor:not-allowed;opacity:.5}.msgx-btn-secondary{background:#f8fafc;background:var(--msgx-bg-secondary);color:#1e293b;color:var(--msgx-text-primary)}.msgx-btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--msgx-slate-200)}.msgx-btn-danger{background:#ef4444;background:var(--msgx-red);color:#fff}.msgx-btn-danger:hover:not(:disabled){background:#dc2626}.msgx-btn-spinner{animation:msgxSpin .8s linear infinite;border:2px solid #0000;border-radius:9999px;border-radius:var(--msgx-radius-full);border-top-color:initial;height:16px;width:16px}.msgx-menu-container{align-items:center;display:flex;flex-shrink:0;gap:2px;opacity:0;position:relative;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--msgx-transition-fast)}.msgx-menu-container:focus-within,.msgx-message-row:hover .msgx-menu-container{opacity:1}.msgx-menu-action-btn{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--msgx-radius-full);color:#94a3b8;color:var(--msgx-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:28px}.msgx-menu-action-btn:hover{background:#f8fafc;background:var(--msgx-bg-secondary);color:#1e293b;color:var(--msgx-text-primary)}.msgx-menu-action-btn.disabled{cursor:not-allowed;opacity:.5}.msgx-reaction-picker{background:#fff;background:var(--msgx-bg-primary);border-radius:14px;border-radius:var(--msgx-radius-lg);bottom:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--msgx-shadow-lg);display:flex;gap:2px;left:50%;margin-bottom:8px;margin-bottom:var(--msgx-spacing-sm);padding:8px;padding:var(--msgx-spacing-sm);position:absolute;transform:translateX(-50%);z-index:100}.msgx-reaction-picker.sent{left:0;right:auto;transform:none}.msgx-reaction-emoji{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--msgx-radius-md);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--msgx-transition-fast);width:32px}.msgx-reaction-emoji:hover{background:#f8fafc;background:var(--msgx-bg-secondary);transform:scale(1.1)}.msgx-menu-dropdown{background:#fff;background:var(--msgx-bg-primary);border-radius:10px;border-radius:var(--msgx-radius-md);bottom:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--msgx-shadow-lg);left:0;margin-bottom:8px;margin-bottom:var(--msgx-spacing-sm);min-width:140px;overflow:hidden;position:absolute;z-index:100}.msgx-menu-dropdown.sent{left:0;right:auto}.msgx-menu-dropdown.received{left:auto;right:0}.msgx-menu-dropdown.gesture-triggered{position:fixed}.msgx-menu-item{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--msgx-text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:8px;gap:var(--msgx-spacing-sm);padding:12px 16px;padding:var(--msgx-spacing-md) var(--msgx-spacing-lg);text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--msgx-transition-fast);width:100%}.msgx-menu-item:hover{background:#f8fafc;background:var(--msgx-bg-secondary)}.msgx-menu-item.danger{color:#ef4444;color:var(--msgx-red)}.msgx-menu-item.danger:hover{background:#ef44441a}.msgx-message-row{align-items:center;display:flex;gap:4px;position:relative;width:100%}.msgx-message-row.sent{justify-content:flex-end}.msgx-message-row.received{justify-content:flex-start}.msgx-message-row.sent .msgx-message-wrapper{order:2}.msgx-message-row.received .msgx-message-wrapper,.msgx-message-row.sent .msgx-menu-container{order:1}.msgx-message-row.received .msgx-menu-container{order:2}.msgx-message-row:hover .msgx-menu-container{opacity:1}.msgx-swipe-reply-indicator{align-items:center;background:#10b981;background:var(--msgx-green);border-radius:9999px;border-radius:var(--msgx-radius-full);color:#fff;display:flex;font-size:.9rem;height:32px;justify-content:center;left:-40px;position:absolute;top:50%;transform:translateY(-50%);width:32px}.msgx-message-row>.msgx-message-wrapper{position:relative}:root{--msgx-hover:var(--msgx-bg-secondary)}@keyframes msgxSpin{to{transform:rotate(1turn)}}.stg-avatar-section{align-items:center;display:flex;gap:var(--stg-spacing-xl)}.stg-avatar-wrapper{flex-shrink:0;position:relative}.stg-avatar{border:3px solid #fff;border-radius:var(--stg-radius-xl);box-shadow:var(--stg-shadow-lg);height:100px;object-fit:cover;width:100px}.stg-avatar-edit{align-items:center;background:var(--stg-gradient-primary);border:3px solid #fff;border-radius:50%;bottom:-4px;box-shadow:var(--stg-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;position:absolute;right:-4px;transition:all var(--stg-transition-base);width:34px}.stg-avatar-edit:hover{transform:scale(1.1)}.stg-avatar-edit input{display:none}.stg-avatar-info{flex:1 1}.stg-avatar-info h4{color:var(--stg-slate-800);font-size:var(--stg-font-size-lg);font-weight:600;margin:0 0 var(--stg-spacing-xs) 0}.stg-avatar-info p{color:var(--stg-slate-500);font-size:var(--stg-font-size-sm);margin:0 0 var(--stg-spacing-md) 0}.stg-avatar-actions,.stg-link-list{display:flex;gap:var(--stg-spacing-sm)}.stg-link-list{flex-direction:column}.stg-link-item{align-items:center;background:var(--stg-slate-50);border-radius:var(--stg-radius-md);display:flex;gap:var(--stg-spacing-md);padding:var(--stg-spacing-md);transition:all var(--stg-transition-base)}.stg-link-item:hover{background:var(--stg-slate-100)}.stg-link-icon{align-items:center;border-radius:var(--stg-radius-md);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.stg-link-icon.twitter{background:#1da1f21a;color:#1da1f2}.stg-link-icon.github{background:#24292e1a;color:#24292e}.stg-link-icon.linkedin{background:#0077b51a;color:#0077b5}.stg-link-icon.google-scholar{background:#4285f41a;color:#4285f4}.stg-link-icon.orcid{background:#a6ce391a;color:#a6ce39}.stg-link-icon.website{background:#6366f11a;color:var(--stg-indigo)}.stg-link-info{flex:1 1;min-width:0}.stg-link-platform{color:var(--stg-slate-700);font-size:var(--stg-font-size-sm);font-weight:600;margin:0}.stg-link-url{color:var(--stg-slate-500);font-size:var(--stg-font-size-xs);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stg-link-actions{display:flex;gap:var(--stg-spacing-xs)}.stg-add-link-form{display:flex;flex-direction:column;gap:var(--stg-spacing-md)}@media (max-width:768px){.stg-avatar-section{flex-direction:column;text-align:center}.stg-avatar-info{text-align:center}.stg-avatar-actions{justify-content:center}.stg-link-item{flex-wrap:wrap}.stg-link-info{flex-basis:calc(100% - 52px);flex-grow:1;flex-shrink:1}.stg-link-actions{justify-content:flex-end;margin-top:var(--stg-spacing-sm);width:100%}}.stg-activity-list{display:flex;flex-direction:column}.stg-activity-item{align-items:flex-start;border-bottom:1px solid var(--stg-slate-100);display:flex;gap:var(--stg-spacing-md);padding:var(--stg-spacing-md) 0}.stg-activity-item:last-child{border-bottom:none}.stg-activity-icon{align-items:center;border-radius:var(--stg-radius-md);display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.stg-activity-icon.stg-success{background:#10b9811a;color:var(--stg-green)}.stg-activity-icon.stg-warning{background:#f59e0b1a;color:var(--stg-amber)}.stg-activity-icon.stg-danger{background:#ef44441a;color:var(--stg-red)}.stg-activity-icon.stg-info{background:#3b82f61a;color:var(--stg-blue)}.stg-activity-content{flex:1 1}.stg-activity-title{color:var(--stg-slate-700);font-size:var(--stg-font-size-sm);font-weight:500;margin:0 0 2px}.stg-activity-meta{align-items:center;color:var(--stg-slate-500);display:flex;font-size:var(--stg-font-size-xs);gap:var(--stg-spacing-sm);margin:0}.stg-2fa-setup{padding:var(--stg-spacing-lg);text-align:center}.stg-qr-code{background:#fff;border-radius:var(--stg-radius-lg);box-shadow:var(--stg-shadow-md);display:inline-block;margin-bottom:var(--stg-spacing-lg);padding:var(--stg-spacing-md)}.stg-qr-code img{display:block;height:180px;width:180px}.stg-backup-codes{grid-gap:var(--stg-spacing-sm);background:var(--stg-slate-50);border-radius:var(--stg-radius-md);color:var(--stg-slate-600);display:grid;font-family:Roboto Mono,monospace;font-size:var(--stg-font-size-sm);gap:var(--stg-spacing-sm);grid-template-columns:repeat(2,1fr);margin:var(--stg-spacing-lg) 0;padding:var(--stg-spacing-md)}.stg-backup-code{background:#fff;border-radius:var(--stg-radius-sm);padding:var(--stg-spacing-sm);text-align:center}@media (max-width:768px){.stg-2fa-setup{padding:var(--stg-spacing-md)}.stg-qr-code img{height:150px;width:150px}.stg-backup-codes{grid-template-columns:1fr}}@media (max-width:480px){.stg-activity-item{padding:var(--stg-spacing-sm) 0}.stg-activity-meta{align-items:flex-start;flex-direction:column;gap:2px}}.stg-user-list{display:flex;flex-direction:column;gap:var(--stg-spacing-sm)}.stg-user-item{align-items:center;background:var(--stg-slate-50);border-radius:var(--stg-radius-md);display:flex;gap:var(--stg-spacing-md);padding:var(--stg-spacing-md);transition:all var(--stg-transition-base)}.stg-user-item:hover{background:var(--stg-slate-100)}.stg-user-avatar{border-radius:var(--stg-radius-md);height:40px;object-fit:cover;width:40px}.stg-user-info{flex:1 1;min-width:0}.stg-user-name{color:var(--stg-slate-700);font-size:var(--stg-font-size-sm);font-weight:600;margin:0}.stg-user-handle{color:var(--stg-slate-500);font-size:var(--stg-font-size-xs);margin:0}.stg-user-actions{display:flex;gap:var(--stg-spacing-xs)}.stg-key-status{background:linear-gradient(135deg,#10b9810d,#06b6d40d);border:1px solid #10b98133;gap:var(--stg-spacing-lg);padding:var(--stg-spacing-lg)}.stg-key-icon,.stg-key-status{align-items:center;border-radius:var(--stg-radius-lg);display:flex}.stg-key-icon{background:linear-gradient(135deg,var(--stg-green) 0,var(--stg-cyan) 100%);color:#fff;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stg-key-info{flex:1 1}.stg-key-title{color:var(--stg-slate-800);font-size:var(--stg-font-size-base);font-weight:600;margin:0 0 var(--stg-spacing-xs) 0}.stg-key-meta{color:var(--stg-slate-500);font-size:var(--stg-font-size-sm);margin:0}@media (max-width:768px){.stg-key-status{flex-direction:column;text-align:center}}:root{--stg-green:#10b981;--stg-green-light:#34d399;--stg-green-dark:#059669;--stg-blue:#3b82f6;--stg-blue-light:#60a5fa;--stg-blue-dark:#2563eb;--stg-purple:#8b5cf6;--stg-purple-light:#a78bfa;--stg-purple-dark:#7c3aed;--stg-amber:#f59e0b;--stg-amber-light:#fbbf24;--stg-amber-dark:#d97706;--stg-indigo:#6366f1;--stg-indigo-light:#818cf8;--stg-indigo-dark:#4f46e5;--stg-cyan:#06b6d4;--stg-cyan-light:#22d3ee;--stg-cyan-dark:#0891b2;--stg-pink:#ec4899;--stg-pink-light:#f472b6;--stg-pink-dark:#db2777;--stg-red:#ef4444;--stg-red-light:#f87171;--stg-red-dark:#dc2626;--stg-slate-50:#f8fafc;--stg-slate-100:#f1f5f9;--stg-slate-200:#e2e8f0;--stg-slate-300:#cbd5e1;--stg-slate-400:#94a3b8;--stg-slate-500:#64748b;--stg-slate-600:#475569;--stg-slate-700:#334155;--stg-slate-800:#1e293b;--stg-slate-900:#0f172a;--stg-gradient-primary:linear-gradient(135deg,var(--stg-indigo) 0%,var(--stg-purple) 100%);--stg-gradient-success:linear-gradient(135deg,var(--stg-green) 0%,var(--stg-cyan) 100%);--stg-gradient-warning:linear-gradient(135deg,var(--stg-amber) 0%,var(--stg-pink) 100%);--stg-gradient-danger:linear-gradient(135deg,var(--stg-red) 0%,var(--stg-pink) 100%);--stg-gradient-info:linear-gradient(135deg,var(--stg-blue) 0%,var(--stg-cyan) 100%);--stg-gradient-mesh:radial-gradient(at 40% 20%,#7a95ff1a 0px,#0000 50%),radial-gradient(at 80% 0%,#1fddff14 0px,#0000 50%),radial-gradient(at 0% 50%,#ffdbde14 0px,#0000 50%);--stg-glass-bg:#ffffffb3;--stg-glass-bg-dark:#ffffffd9;--stg-glass-border:#ffffff4d;--stg-glass-blur:blur(12px);--stg-shadow-xs:0 1px 2px #0000000a;--stg-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--stg-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--stg-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--stg-shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--stg-shadow-glow-green:0 0 20px #10b98140;--stg-shadow-glow-blue:0 0 20px #3b82f640;--stg-shadow-glow-purple:0 0 20px #8b5cf640;--stg-spacing-xs:4px;--stg-spacing-sm:8px;--stg-spacing-md:16px;--stg-spacing-lg:24px;--stg-spacing-xl:32px;--stg-spacing-2xl:48px;--stg-radius-sm:6px;--stg-radius-md:10px;--stg-radius-lg:14px;--stg-radius-xl:20px;--stg-radius-2xl:24px;--stg-radius-full:9999px;--stg-transition-fast:150ms ease;--stg-transition-base:200ms ease;--stg-transition-slow:300ms ease;--stg-transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--stg-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--stg-font-size-xs:11px;--stg-font-size-sm:13px;--stg-font-size-base:14px;--stg-font-size-md:15px;--stg-font-size-lg:17px;--stg-font-size-xl:20px;--stg-font-size-2xl:24px;--stg-font-size-3xl:30px;--stg-sidebar-width:260px}.stg-page{background:#f8fafc;background:var(--stg-slate-50);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--stg-font-family);min-height:100vh;position:relative}.stg-page:before{background:radial-gradient(at 40% 20%,#7a95ff1a 0,#0000 50%),radial-gradient(at 80% 0,#1fddff14 0,#0000 50%),radial-gradient(at 0 50%,#ffdbde14 0,#0000 50%);background:var(--stg-gradient-mesh);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.stg-sidebar{backdrop-filter:blur(12px);backdrop-filter:var(--stg-glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--stg-glass-blur);background:#ffffffd9;background:var(--stg-glass-bg-dark);border-right:1px solid #e2e8f0;border-right:1px solid var(--stg-slate-200);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;transition:transform var(--stg-transition-slow);width:260px;width:var(--stg-sidebar-width);z-index:100}.stg-sidebar-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--stg-slate-100);justify-content:space-between;padding:24px;padding:var(--stg-spacing-lg)}.stg-sidebar-header,.stg-sidebar-header-left{align-items:center;display:flex;gap:16px;gap:var(--stg-spacing-md)}.stg-sidebar-back{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--stg-radius-md);color:#475569;color:var(--stg-slate-600);cursor:pointer;display:flex;font-size:13px;font-size:var(--stg-font-size-sm);font-weight:500;gap:8px;gap:var(--stg-spacing-sm);padding:8px 16px;padding:var(--stg-spacing-sm) var(--stg-spacing-md);transition:all .2s ease;transition:all var(--stg-transition-base)}.stg-sidebar-back:hover{color:#1e293b;color:var(--stg-slate-800)}.stg-sidebar-back:hover,.stg-sidebar-close{background:#f1f5f9;background:var(--stg-slate-100)}.stg-sidebar-close{align-items:center;border:none;border-radius:10px;border-radius:var(--stg-radius-md);color:#475569;color:var(--stg-slate-600);cursor:pointer;display:none;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--stg-transition-base);width:36px}.stg-sidebar-close:hover{background:#e2e8f0;background:var(--stg-slate-200);color:#1e293b;color:var(--stg-slate-800)}.stg-sidebar-title{align-items:center;color:#1e293b;color:var(--stg-slate-800);display:flex;font-size:20px;font-size:var(--stg-font-size-xl);font-weight:700;gap:8px;gap:var(--stg-spacing-sm);margin:0}.stg-sidebar-title svg{color:#6366f1;color:var(--stg-indigo)}.stg-sidebar-nav{flex:1 1;overflow-y:auto;padding:16px;padding:var(--stg-spacing-md)}.stg-nav-section{margin-bottom:24px;margin-bottom:var(--stg-spacing-lg)}.stg-nav-section-title{color:#94a3b8;color:var(--stg-slate-400);font-size:11px;font-size:var(--stg-font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--stg-spacing-xs);padding:8px 16px;padding:var(--stg-spacing-sm) var(--stg-spacing-md);text-transform:uppercase}.stg-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--stg-radius-md);color:#475569;color:var(--stg-slate-600);cursor:pointer;display:flex;font-size:14px;font-size:var(--stg-font-size-base);font-weight:500;gap:16px;gap:var(--stg-spacing-md);padding:16px;padding:var(--stg-spacing-md);position:relative;text-align:left;transition:all .2s ease;transition:all var(--stg-transition-base);width:100%}.stg-nav-item:hover{background:#f1f5f9;background:var(--stg-slate-100);color:#1e293b;color:var(--stg-slate-800)}.stg-nav-item.stg-active{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1;color:var(--stg-indigo)}.stg-nav-item.stg-active:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--stg-gradient-primary);border-radius:0 6px 6px 0;border-radius:0 var(--stg-radius-sm) var(--stg-radius-sm) 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.stg-nav-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;width:20px}.stg-nav-item-text{flex:1 1}.stg-mobile-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--stg-slate-200);border-radius:10px;border-radius:var(--stg-radius-md);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--stg-shadow-md);color:#334155;color:var(--stg-slate-700);cursor:pointer;display:none;font-size:20px;height:44px;justify-content:center;left:16px;position:fixed;top:16px;width:44px;z-index:200}.stg-mobile-toggle:hover{background:#f8fafc;background:var(--stg-slate-50)}.stg-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;position:fixed;z-index:90}.stg-sidebar-overlay.stg-visible{display:block}.stg-main{flex:1 1;margin-left:260px;margin-left:var(--stg-sidebar-width);max-width:900px;padding:32px;padding:var(--stg-spacing-xl);position:relative;z-index:1}.stg-content-wrapper{max-width:760px}.stg-section-header{margin-bottom:32px;margin-bottom:var(--stg-spacing-xl)}.stg-section-title{align-items:center;color:#1e293b;color:var(--stg-slate-800);display:flex;font-size:24px;font-size:var(--stg-font-size-2xl);font-weight:700;gap:16px;gap:var(--stg-spacing-md);margin:0 0 8px;margin:0 0 var(--stg-spacing-sm) 0}.stg-section-title-icon{align-items:center;border-radius:14px;border-radius:var(--stg-radius-lg);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.stg-section-title-icon.stg-green{background:linear-gradient(135deg,#10b98126,#06b6d426);color:#10b981;color:var(--stg-green)}.stg-section-title-icon.stg-blue{background:linear-gradient(135deg,#3b82f626,#06b6d426);color:#3b82f6;color:var(--stg-blue)}.stg-section-title-icon.stg-purple{background:linear-gradient(135deg,#8b5cf626,#ec489926);color:#8b5cf6;color:var(--stg-purple)}.stg-section-title-icon.stg-amber{background:linear-gradient(135deg,#f59e0b26,#ec489926);color:#f59e0b;color:var(--stg-amber)}.stg-section-title-icon.stg-red{background:linear-gradient(135deg,#ef444426,#ec489926);color:#ef4444;color:var(--stg-red)}.stg-section-title-icon.stg-indigo{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1;color:var(--stg-indigo)}.stg-section-title-icon.stg-cyan{background:linear-gradient(135deg,#06b6d426,#10b98126);color:#06b6d4;color:var(--stg-cyan)}.stg-section-description{color:#64748b;color:var(--stg-slate-500);font-size:15px;font-size:var(--stg-font-size-md);line-height:1.5;margin:0}.stg-card{backdrop-filter:blur(12px);backdrop-filter:var(--stg-glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--stg-glass-blur);background:#ffffffd9;background:var(--stg-glass-bg-dark);border:1px solid #e2e8f0;border:1px solid var(--stg-slate-200);border-radius:20px;border-radius:var(--stg-radius-xl);margin-bottom:24px;margin-bottom:var(--stg-spacing-lg);overflow:hidden;transition:all .2s ease;transition:all var(--stg-transition-base)}.stg-card:hover{border-color:#cbd5e1;border-color:var(--stg-slate-300);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--stg-shadow-md)}.stg-card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--stg-slate-100);display:flex;justify-content:space-between;padding:24px;padding:var(--stg-spacing-lg)}.stg-card-title{align-items:center;color:#1e293b;color:var(--stg-slate-800);display:flex;font-size:17px;font-size:var(--stg-font-size-lg);font-weight:600;gap:8px;gap:var(--stg-spacing-sm);margin:0}.stg-card-title svg{color:#94a3b8;color:var(--stg-slate-400)}.stg-card-subtitle{color:#64748b;color:var(--stg-slate-500);font-size:13px;font-size:var(--stg-font-size-sm);margin:4px 0 0;margin:var(--stg-spacing-xs) 0 0 0}.stg-card-actions{display:flex;gap:8px;gap:var(--stg-spacing-sm)}.stg-card-body{padding:24px;padding:var(--stg-spacing-lg)}.stg-card-footer{background:#f8fafc;background:var(--stg-slate-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--stg-slate-100);display:flex;gap:16px;gap:var(--stg-spacing-md);justify-content:flex-end;padding:16px 24px;padding:var(--stg-spacing-md) var(--stg-spacing-lg)}.stg-form-group{margin-bottom:24px;margin-bottom:var(--stg-spacing-lg)}.stg-form-row{grid-gap:24px;grid-gap:var(--stg-spacing-lg);display:grid;gap:24px;gap:var(--stg-spacing-lg);grid-template-columns:repeat(2,1fr)}.stg-form-label{align-items:center;color:#334155;color:var(--stg-slate-700);display:flex;font-size:13px;font-size:var(--stg-font-size-sm);font-weight:600;gap:8px;gap:var(--stg-spacing-sm);margin-bottom:8px;margin-bottom:var(--stg-spacing-sm)}.stg-form-label svg{color:#94a3b8;color:var(--stg-slate-400);font-size:14px}.stg-form-label-required{color:#ef4444;color:var(--stg-red)}.stg-form-hint{color:#94a3b8;color:var(--stg-slate-400);font-size:11px;font-size:var(--stg-font-size-xs);margin-top:4px;margin-top:var(--stg-spacing-xs)}.stg-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--stg-slate-200);border-radius:10px;border-radius:var(--stg-radius-md);color:#1e293b;color:var(--stg-slate-800);font-family:inherit;font-size:14px;font-size:var(--stg-font-size-base);outline:none;padding:16px;padding:var(--stg-spacing-md);transition:all .2s ease;transition:all var(--stg-transition-base);width:100%}.stg-input:hover{border-color:#cbd5e1;border-color:var(--stg-slate-300)}.stg-input:focus{border-color:#6366f1;border-color:var(--stg-indigo);box-shadow:0 0 0 3px #6366f11f}.stg-input:disabled{background:#f8fafc;background:var(--stg-slate-50);cursor:not-allowed}.stg-input::placeholder,.stg-input:disabled{color:#94a3b8;color:var(--stg-slate-400)}.stg-textarea{min-height:100px;resize:vertical}.stg-input-wrapper{position:relative}.stg-input-icon{color:#94a3b8;color:var(--stg-slate-400);font-size:16px;left:16px;left:var(--stg-spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.stg-input-wrapper .stg-input{padding-left:42px}.stg-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border:1px solid var(--stg-slate-200);border-radius:10px;border-radius:var(--stg-radius-md);color:#1e293b;color:var(--stg-slate-800);cursor:pointer;font-family:inherit;font-size:14px;font-size:var(--stg-font-size-base);outline:none;padding:16px;padding:var(--stg-spacing-md);padding-right:40px;transition:all .2s ease;transition:all var(--stg-transition-base);width:100%}.stg-select:hover{border-color:#cbd5e1;border-color:var(--stg-slate-300)}.stg-select:focus{border-color:#6366f1;border-color:var(--stg-indigo);box-shadow:0 0 0 3px #6366f11f}.stg-toggle-wrapper{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--stg-slate-100);display:flex;justify-content:space-between;padding:16px 0;padding:var(--stg-spacing-md) 0}.stg-toggle-wrapper:last-child{border-bottom:none}.stg-toggle-info{flex:1 1;padding-right:24px;padding-right:var(--stg-spacing-lg)}.stg-toggle-label{color:#334155;color:var(--stg-slate-700);font-size:14px;font-size:var(--stg-font-size-base);font-weight:500;margin:0}.stg-toggle-description{color:#64748b;color:var(--stg-slate-500);font-size:13px;font-size:var(--stg-font-size-sm);margin:4px 0 0;margin:var(--stg-spacing-xs) 0 0 0}.stg-toggle{flex-shrink:0;height:26px;position:relative;width:48px}.stg-toggle input{height:0;opacity:0;width:0}.stg-toggle-slider{background:#e2e8f0;background:var(--stg-slate-200);border-radius:9999px;border-radius:var(--stg-radius-full);cursor:pointer;inset:0;position:absolute;transition:all .2s ease;transition:all var(--stg-transition-base)}.stg-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--stg-shadow-sm);content:"";height:20px;left:3px;position:absolute;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--stg-transition-spring);width:20px}.stg-toggle input:checked+.stg-toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--stg-gradient-primary)}.stg-toggle input:checked+.stg-toggle-slider:before{transform:translateX(22px)}.stg-toggle input:focus+.stg-toggle-slider{box-shadow:0 0 0 3px #6366f133}.stg-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--stg-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-size:var(--stg-font-size-base);font-weight:500;gap:8px;gap:var(--stg-spacing-sm);justify-content:center;outline:none;padding:16px 24px;padding:var(--stg-spacing-md) var(--stg-spacing-lg);text-decoration:none;transition:all .2s ease;transition:all var(--stg-transition-base);white-space:nowrap}.stg-btn:disabled{cursor:not-allowed;opacity:.6}.stg-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--stg-gradient-primary);color:#fff}.stg-btn-primary:hover:not(:disabled){box-shadow:0 0 20px #8b5cf640;box-shadow:var(--stg-shadow-glow-purple);transform:translateY(-1px)}.stg-btn-secondary{background:#f1f5f9;background:var(--stg-slate-100);color:#334155;color:var(--stg-slate-700)}.stg-btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--stg-slate-200)}.stg-btn-success{background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--stg-gradient-success);color:#fff}.stg-btn-success:hover:not(:disabled){box-shadow:0 0 20px #10b98140;box-shadow:var(--stg-shadow-glow-green);transform:translateY(-1px)}.stg-btn-danger{background:linear-gradient(135deg,#ef4444,#ec4899);background:var(--stg-gradient-danger);color:#fff}.stg-btn-danger:hover:not(:disabled){transform:translateY(-1px)}.stg-btn-ghost{background:#0000;color:#475569;color:var(--stg-slate-600)}.stg-btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--stg-slate-100)}.stg-btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--stg-slate-200);color:#334155;color:var(--stg-slate-700)}.stg-btn-outline:hover:not(:disabled){background:#f8fafc;background:var(--stg-slate-50);border-color:#cbd5e1;border-color:var(--stg-slate-300)}.stg-btn-sm{font-size:13px;font-size:var(--stg-font-size-sm);padding:8px 16px;padding:var(--stg-spacing-sm) var(--stg-spacing-md)}.stg-btn-lg{font-size:15px;font-size:var(--stg-font-size-md);padding:16px 32px;padding:var(--stg-spacing-md) var(--stg-spacing-xl)}.stg-btn-icon{border-radius:10px;border-radius:var(--stg-radius-md);height:36px;padding:0;width:36px}.stg-btn-icon.stg-btn-sm{height:32px;width:32px}.stg-tags{display:flex;flex-wrap:wrap;margin-top:16px;margin-top:var(--stg-spacing-md)}.stg-tag,.stg-tags{gap:8px;gap:var(--stg-spacing-sm)}.stg-tag{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:9999px;border-radius:var(--stg-radius-full);color:#6366f1;color:var(--stg-indigo);display:inline-flex;font-size:13px;font-size:var(--stg-font-size-sm);font-weight:500;padding:8px 16px;padding:var(--stg-spacing-sm) var(--stg-spacing-md);transition:all .2s ease;transition:all var(--stg-transition-base)}.stg-tag:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626)}.stg-tag-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#6366f1;color:var(--stg-indigo);cursor:pointer;display:flex;height:18px;justify-content:center;margin-left:2px;padding:0;transition:all .2s ease;transition:all var(--stg-transition-base);width:18px}.stg-tag-remove:hover{background:#6366f133}.stg-tag-add{align-items:center;background:#f1f5f9;background:var(--stg-slate-100);border:1px dashed #cbd5e1;border:1px dashed var(--stg-slate-300);border-radius:9999px;border-radius:var(--stg-radius-full);color:#475569;color:var(--stg-slate-600);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--stg-font-size-sm);font-weight:500;gap:8px;gap:var(--stg-spacing-sm);padding:8px 16px;padding:var(--stg-spacing-sm) var(--stg-spacing-md);transition:all .2s ease;transition:all var(--stg-transition-base)}.stg-tag-add:hover{border-color:#6366f1;border-color:var(--stg-indigo);color:#6366f1;color:var(--stg-indigo)}.stg-status{align-items:center;border-radius:9999px;border-radius:var(--stg-radius-full);display:inline-flex;font-size:13px;font-size:var(--stg-font-size-sm);font-weight:500;gap:8px;gap:var(--stg-spacing-sm);padding:8px 16px;padding:var(--stg-spacing-sm) var(--stg-spacing-md)}.stg-status-success{background:#10b9811a;color:#10b981;color:var(--stg-green)}.stg-status-warning{background:#f59e0b1a;color:#f59e0b;color:var(--stg-amber)}.stg-status-danger{background:#ef44441a;color:#ef4444;color:var(--stg-red)}.stg-status-info{background:#3b82f61a;color:#3b82f6;color:var(--stg-blue)}.stg-status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.stg-alert{align-items:flex-start;border-radius:14px;border-radius:var(--stg-radius-lg);display:flex;gap:16px;gap:var(--stg-spacing-md);margin-bottom:24px;margin-bottom:var(--stg-spacing-lg);padding:16px 24px;padding:var(--stg-spacing-md) var(--stg-spacing-lg)}.stg-alert-icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}.stg-alert-content{flex:1 1}.stg-alert-title{font-size:14px;font-size:var(--stg-font-size-base);font-weight:600;margin:0 0 4px;margin:0 0 var(--stg-spacing-xs) 0}.stg-alert-message{font-size:13px;font-size:var(--stg-font-size-sm);line-height:1.5;margin:0}.stg-alert-success{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;color:#059669;color:var(--stg-green-dark)}.stg-alert-error{background:linear-gradient(135deg,#ef44441a,#ec48991a);border:1px solid #ef444433;color:#dc2626;color:var(--stg-red-dark)}.stg-alert-warning{background:linear-gradient(135deg,#f59e0b1a,#ec48991a);border:1px solid #f59e0b33;color:#d97706;color:var(--stg-amber-dark)}.stg-alert-info{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid #3b82f633;color:#2563eb;color:var(--stg-blue-dark)}.stg-empty{padding:48px;padding:var(--stg-spacing-2xl);text-align:center}.stg-empty-icon{align-items:center;background:#f1f5f9;background:var(--stg-slate-100);border-radius:20px;border-radius:var(--stg-radius-xl);color:#94a3b8;color:var(--stg-slate-400);display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--stg-spacing-lg);width:64px}.stg-empty-title{color:#334155;color:var(--stg-slate-700);font-size:17px;font-size:var(--stg-font-size-lg);font-weight:600;margin:0 0 8px;margin:0 0 var(--stg-spacing-sm) 0}.stg-empty-text{color:#64748b;color:var(--stg-slate-500);font-size:13px;font-size:var(--stg-font-size-sm);margin:0 0 24px;margin:0 0 var(--stg-spacing-lg) 0;margin-left:auto;margin-right:auto;max-width:280px}.stg-loading{align-items:center;display:flex;justify-content:center;padding:48px;padding:var(--stg-spacing-2xl)}.stg-spinner{animation:stg-spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--stg-slate-200);border-radius:50%;border-top-color:var(--stg-indigo);height:40px;width:40px}@keyframes stg-spin{to{transform:rotate(1turn)}}.stg-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--stg-spacing-lg);position:fixed;z-index:1000}.stg-modal{background:#fff;border-radius:20px;border-radius:var(--stg-radius-xl);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;box-shadow:var(--stg-shadow-xl);max-height:90vh;max-width:480px;overflow:hidden;width:100%}.stg-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--stg-slate-100);display:flex;justify-content:space-between;padding:24px;padding:var(--stg-spacing-lg)}.stg-modal-title{color:#1e293b;color:var(--stg-slate-800);font-size:17px;font-size:var(--stg-font-size-lg);font-weight:600;margin:0}.stg-modal-close{align-items:center;background:#f1f5f9;background:var(--stg-slate-100);border:none;border-radius:10px;border-radius:var(--stg-radius-md);color:#475569;color:var(--stg-slate-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--stg-transition-base);width:32px}.stg-modal-close:hover{background:#e2e8f0;background:var(--stg-slate-200)}.stg-modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px;padding:var(--stg-spacing-lg)}.stg-modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--stg-slate-100);display:flex;gap:16px;gap:var(--stg-spacing-md);justify-content:flex-end;padding:16px 24px;padding:var(--stg-spacing-md) var(--stg-spacing-lg)}.stg-danger-zone{background:linear-gradient(135deg,#ef444408,#ec489908);border:1px solid #ef44444d}.stg-danger-zone .stg-card-header{border-bottom-color:#ef444433}.stg-danger-zone .stg-card-title{color:#ef4444;color:var(--stg-red)}@media (max-width:1024px){.stg-main{padding:24px;padding:var(--stg-spacing-lg)}.stg-form-row{grid-template-columns:1fr}}@media (max-width:768px){.stg-sidebar{box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;box-shadow:var(--stg-shadow-xl);transform:translateX(-100%)}.stg-sidebar.stg-open{transform:translateX(0)}.stg-sidebar-close{display:flex}.stg-sidebar-overlay.stg-visible{display:block}.stg-mobile-toggle{display:flex}.stg-main{margin-left:0;padding:24px;padding:var(--stg-spacing-lg);padding-top:76px}.stg-section-title{font-size:20px;font-size:var(--stg-font-size-xl)}.stg-card-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--stg-spacing-md)}.stg-card-actions{width:100%}.stg-card-actions .stg-btn{flex:1 1}}@media (max-width:480px){.stg-main{padding:16px;padding:var(--stg-spacing-md);padding-top:70px}.stg-card{border-radius:14px;border-radius:var(--stg-radius-lg)}.stg-card-body,.stg-card-header{padding:16px;padding:var(--stg-spacing-md)}.stg-section-header{margin-bottom:24px;margin-bottom:var(--stg-spacing-lg)}.stg-section-title{font-size:17px;font-size:var(--stg-font-size-lg)}.stg-section-title-icon{font-size:18px;height:36px;width:36px}.stg-toggle-wrapper{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--stg-spacing-md)}.stg-toggle-info{padding-right:0}.stg-card-footer{flex-direction:column}.stg-card-footer .stg-btn{justify-content:center;width:100%}.stg-modal{margin:16px;margin:var(--stg-spacing-md);max-height:calc(100vh - 40px)}.stg-modal-body{max-height:calc(100vh - 180px)}.stg-modal-footer{flex-direction:column}.stg-modal-footer .stg-btn{justify-content:center;width:100%}}.stg-mt-0{margin-top:0}.stg-mb-0{margin-bottom:0}.stg-text-center{text-align:center}.stg-text-right{text-align:right}.stg-flex{display:flex}.stg-flex-col{flex-direction:column}.stg-items-center{align-items:center}.stg-justify-between{justify-content:space-between}.stg-gap-sm{gap:8px;gap:var(--stg-spacing-sm)}.stg-gap-md{gap:16px;gap:var(--stg-spacing-md)}.stg-gap-lg{gap:24px;gap:var(--stg-spacing-lg)}.stg-w-full{width:100%}:root{--prf-blue-light:#60a5fa;--prf-shadow-xs:0 1px 2px 0 #0000000d;--prf-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--prf-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--prf-shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--prf-shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--prf-shadow-xl:0 25px 50px -12px #00000040;--prf-radius-xs:4px;--prf-transition-fast:150ms ease;--prf-transition:200ms ease;--prf-transition-slow:300ms ease;--prf-glass-bg:#fffc;--prf-glass-border:#fff3;--prf-glass-blur:blur(12px)}.profile-page{background:#f8fafc;background:var(--prf-slate-50);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.profile-content{margin:0 auto;max-width:1200px;padding:24px}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.profile-loading .prf-spinner{animation:prf-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--prf-slate-200);border-radius:50%;border-top-color:var(--prf-blue);height:48px;width:48px}@keyframes prf-spin{to{transform:rotate(1turn)}}.profile-loading p{color:#64748b;color:var(--prf-slate-500);font-size:14px}.profile-error{align-items:center;background:#f8fafc;background:var(--prf-slate-50);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:24px;text-align:center}.prf-error-icon{color:#94a3b8;color:var(--prf-slate-400);height:56px;margin-bottom:16px;width:56px}.profile-error h3{color:#1e293b;color:var(--prf-slate-800);font-size:20px;font-weight:600;margin:0 0 8px}.profile-error p{color:#64748b;color:var(--prf-slate-500);font-size:14px;margin:0 0 24px}.retry-button{background:#3b82f6;background:var(--prf-blue);border-radius:var(--prf-radius);display:inline-flex;font-weight:600;padding:12px 24px;transition:background .2s ease;transition:background var(--prf-transition)}.retry-button:hover{background:#2563eb;background:var(--prf-blue-dark)}.prf-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);border-radius:12px;border-radius:var(--prf-radius-md);padding:20px;transition:box-shadow .2s ease,border-color .2s ease;transition:box-shadow var(--prf-transition),border-color var(--prf-transition)}.prf-card:hover{border-color:#cbd5e1;border-color:var(--prf-slate-300);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--prf-shadow-sm)}.prf-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.prf-card-title{color:#1e293b;color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.prf-card-content{color:#475569;color:var(--prf-slate-600);font-size:14px;line-height:1.6}.prf-section{margin-bottom:24px}.prf-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.prf-section-title{align-items:center;color:#1e293b;color:var(--prf-slate-800);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.prf-section-action,.prf-section-title svg{color:#3b82f6;color:var(--prf-blue)}.prf-section-action{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--prf-radius);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s ease;transition:background var(--prf-transition)}.prf-section-action:hover{background:#f1f5f9;background:var(--prf-slate-100)}.prf-grid{grid-gap:16px;display:grid;gap:16px}.prf-grid-2{grid-template-columns:repeat(2,1fr)}.prf-grid-3{grid-template-columns:repeat(3,1fr)}.prf-grid-4{grid-template-columns:repeat(4,1fr)}.prf-empty{align-items:center;background:#fff;border:1px dashed #cbd5e1;border:1px dashed var(--prf-slate-300);border-radius:12px;border-radius:var(--prf-radius-md);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.prf-empty-icon{color:#cbd5e1;color:var(--prf-slate-300);height:48px;margin-bottom:16px;width:48px}.prf-empty-title{color:#334155;color:var(--prf-slate-700);font-size:16px;font-weight:600;margin:0 0 8px}.prf-empty-text{color:#64748b;color:var(--prf-slate-500);font-size:14px;margin:0;max-width:300px}.prf-badge{align-items:center;border-radius:9999px;border-radius:var(--prf-radius-full);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.prf-badge-blue{background:#3b82f61a;color:#3b82f6;color:var(--prf-blue)}.prf-badge-green{background:#10b9811a;color:#10b981;color:var(--prf-green)}.prf-badge-purple{background:#8b5cf61a;color:#8b5cf6;color:var(--prf-purple)}.prf-badge-amber{background:#f59e0b1a;color:#f59e0b;color:var(--prf-amber)}@media (max-width:1024px){.profile-content{padding:20px}.prf-grid-3,.prf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-content{padding:16px}.prf-grid-2,.prf-grid-3{grid-template-columns:1fr}.prf-section-header{align-items:flex-start;flex-direction:column;gap:12px}.prf-card{padding:16px}}@media (max-width:480px){.profile-content{padding:12px}.prf-grid-4{grid-template-columns:1fr}.prf-section-title{font-size:16px}.prf-empty{padding:32px 16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--prf-blue);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--prf-blue);outline-offset:2px}:root{--prf-blue:#3b82f6;--prf-blue-dark:#2563eb;--prf-green:#10b981;--prf-green-dark:#059669;--prf-purple:#8b5cf6;--prf-purple-dark:#7c3aed;--prf-amber:#f59e0b;--prf-indigo:#6366f1;--prf-cyan:#06b6d4;--prf-pink:#ec4899;--prf-red:#ef4444;--prf-slate-50:#f8fafc;--prf-slate-100:#f1f5f9;--prf-slate-200:#e2e8f0;--prf-slate-300:#cbd5e1;--prf-slate-400:#94a3b8;--prf-slate-500:#64748b;--prf-slate-600:#475569;--prf-slate-700:#334155;--prf-slate-800:#1e293b;--prf-slate-900:#0f172a;--prf-shadow-sm:0 1px 2px 0 #0000000d;--prf-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--prf-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--prf-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--prf-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--prf-radius-sm:6px;--prf-radius:8px;--prf-radius-md:12px;--prf-radius-lg:16px;--prf-radius-xl:24px;--prf-radius-full:9999px}.prf-header{background:#fff;overflow:hidden;position:relative}.prf-header-content{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1200px;padding:24px;position:relative;z-index:1}.prf-avatar-section{align-items:center;display:flex;flex-direction:column;gap:16px}.prf-avatar-wrapper{position:relative}.prf-avatar{background:#f1f5f9;background:var(--prf-slate-100);border:4px solid #fff;border-radius:50%;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--prf-shadow-xl);height:140px;object-fit:cover;width:140px}.prf-verified-badge{align-items:center;background:#10b981;background:var(--prf-green);border:3px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--prf-shadow-md);color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:8px;width:32px}.prf-verified-badge svg{stroke-width:3;height:14px;width:14px}.prf-collab-indicator{align-items:center;background:#8b5cf6;background:var(--prf-purple);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prf-shadow-sm);color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.prf-collab-indicator svg{height:12px;width:12px}.prf-quick-stats{background:#f8fafc;background:var(--prf-slate-50);border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);border-radius:16px;border-radius:var(--prf-radius-lg);gap:8px;padding:8px 12px}.prf-quick-stats,.prf-stat-btn{align-items:center;display:flex}.prf-stat-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--prf-radius);cursor:pointer;flex-direction:column;gap:2px;padding:6px 10px;transition:background .2s ease}.prf-stat-btn:hover{background:#fff}.prf-stat-num{color:#1e293b;color:var(--prf-slate-800);font-size:16px;font-weight:700;line-height:1}.prf-stat-label{color:#64748b;color:var(--prf-slate-500);font-size:11px;font-weight:500;line-height:1}.prf-stat-divider{background:#e2e8f0;background:var(--prf-slate-200);height:24px;width:1px}.prf-info-section{display:flex;flex-direction:column;gap:12px;min-width:0}.prf-name-row{flex-wrap:wrap;gap:12px}.prf-name,.prf-name-row{align-items:center;display:flex}.prf-name{color:#0f172a;color:var(--prf-slate-900);font-size:26px;font-weight:700;gap:8px;line-height:1.2;margin:0}.prf-verified-inline{align-items:center;background:#10b981;background:var(--prf-green);border-radius:50%;color:#fff;display:inline-flex;height:22px;justify-content:center;width:22px}.prf-verified-inline svg{stroke-width:3;height:12px;width:12px}.prf-role-tag{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--prf-indigo),var(--prf-purple));border-radius:9999px;border-radius:var(--prf-radius-full);color:#fff;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.3px;padding:5px 12px}.prf-rating{align-items:center;display:flex;gap:8px}.prf-rating-stars{display:flex;gap:2px}.prf-star{color:#cbd5e1;color:var(--prf-slate-300);height:14px;width:14px}.prf-star.filled{fill:#f59e0b;fill:var(--prf-amber);color:#f59e0b;color:var(--prf-amber)}.prf-rating-text{font-size:13px;font-weight:500}.prf-institution,.prf-rating-text{color:#475569;color:var(--prf-slate-600)}.prf-institution{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.prf-icon{color:#3b82f6;color:var(--prf-blue);flex-shrink:0}.prf-field-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.prf-field-badge{align-items:center;background:#10b981;background:var(--prf-green);border-radius:9999px;border-radius:var(--prf-radius-full);color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.prf-field-badge svg{height:12px;width:12px}.prf-interest-tag{background:#f1f5f9;background:var(--prf-slate-100);border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);border-radius:9999px;border-radius:var(--prf-radius-full);color:#334155;color:var(--prf-slate-700);display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.prf-more-tag{color:#64748b;color:var(--prf-slate-500);font-size:12px;font-weight:500}.prf-research-row{align-items:flex-start;display:flex;gap:8px}.prf-research-icon{color:#8b5cf6;color:var(--prf-purple);flex-shrink:0;margin-top:4px}.prf-research-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.prf-research-tag{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:9999px;border-radius:var(--prf-radius-full);color:#7c3aed;color:var(--prf-purple-dark);display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.prf-contact-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.prf-contact-item{align-items:center;color:#475569;color:var(--prf-slate-600);display:inline-flex;font-size:13px;gap:6px}.prf-contact-item svg{color:#94a3b8;color:var(--prf-slate-400);height:14px;width:14px}.prf-contact-item.prf-link{color:#3b82f6;color:var(--prf-blue);cursor:pointer;text-decoration:none}.prf-contact-item.prf-link:hover{color:#2563eb;color:var(--prf-blue-dark)}.prf-external{height:10px!important;width:10px!important}.prf-links-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.prf-link-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);border-radius:8px;border-radius:var(--prf-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prf-shadow-sm);color:#334155;color:var(--prf-slate-700);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.prf-link-chip:hover{background:#f8fafc;background:var(--prf-slate-50);border-color:#3b82f6;border-color:var(--prf-blue)}.prf-link-chip svg{color:#3b82f6;color:var(--prf-blue);height:14px;width:14px}.prf-more-links{align-items:center;background:#f1f5f9;background:var(--prf-slate-100);border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);border-radius:8px;border-radius:var(--prf-radius);color:#475569;color:var(--prf-slate-600);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px}.prf-more-links:hover{background:#e2e8f0;background:var(--prf-slate-200)}.prf-actions-section{display:flex;flex-direction:column;gap:8px;min-width:140px}.prf-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--prf-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.prf-btn svg{height:16px;width:16px}.prf-btn-primary{background:#3b82f6;background:var(--prf-blue);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--prf-shadow);color:#fff}.prf-btn-primary:hover{background:#2563eb;background:var(--prf-blue-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--prf-shadow-md)}.prf-btn-primary.following{background:#f1f5f9;background:var(--prf-slate-100);border:1px solid #cbd5e1;border:1px solid var(--prf-slate-300);color:#334155;color:var(--prf-slate-700)}.prf-btn-primary.following:hover{background:#e2e8f0;background:var(--prf-slate-200)}.prf-btn-secondary{background:#f1f5f9;background:var(--prf-slate-100);border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);color:#1e293b;color:var(--prf-slate-800)}.prf-btn-secondary:hover{background:#e2e8f0;background:var(--prf-slate-200)}.prf-btn-outline{background:#fff;border:1px solid #8b5cf6;border:1px solid var(--prf-purple);color:#8b5cf6;color:var(--prf-purple)}.prf-btn-outline:hover:not(:disabled){background:#8b5cf61a}.prf-btn-outline:disabled{border-color:#cbd5e1;border-color:var(--prf-slate-300);color:#94a3b8;color:var(--prf-slate-400);cursor:not-allowed;opacity:.5}.prf-btn-ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--prf-slate-200);color:#475569;color:var(--prf-slate-600)}.prf-btn-ghost:hover{background:#f1f5f9;background:var(--prf-slate-100)}@media (max-width:1024px){.prf-header-content{gap:20px;padding:90px 20px 20px}.prf-avatar{height:120px;width:120px}.prf-name{font-size:22px}.prf-actions-section{min-width:120px}.prf-btn{font-size:13px;padding:8px 14px}}@media (max-width:768px){.prf-header-content{gap:16px;grid-template-columns:1fr;padding:20px 16px;text-align:center}.prf-avatar-section{order:1}.prf-info-section{align-items:center;order:2}.prf-actions-section{flex-direction:row;flex-wrap:wrap;justify-content:center;order:3;width:100%}.prf-avatar{border-width:3px;height:100px;width:100px}.prf-verified-badge{bottom:4px;height:26px;right:4px;width:26px}.prf-collab-indicator{height:22px;right:4px;top:4px;width:22px}.prf-quick-stats{padding:6px 10px}.prf-stat-btn{padding:4px 8px}.prf-stat-num{font-size:14px}.prf-stat-label{font-size:10px}.prf-stat-divider{height:20px}.prf-name-row{justify-content:center}.prf-name{font-size:20px}.prf-contact-row,.prf-field-row,.prf-links-row,.prf-research-row{justify-content:center}.prf-btn{flex:1 1;min-width:100px}}@media (max-width:480px){.prf-header-content{padding:16px 12px}.prf-avatar{height:90px;width:90px}.prf-quick-stats{gap:4px;padding:4px 8px}.prf-stat-btn{padding:4px 6px}.prf-stat-num{font-size:13px}.prf-name{font-size:18px}.prf-role-tag{font-size:11px;padding:4px 10px}.prf-institution{font-size:13px}.prf-field-badge{font-size:11px;padding:4px 10px}.prf-interest-tag,.prf-research-tag{font-size:11px;padding:3px 8px}.prf-contact-item{font-size:12px}.prf-link-chip{font-size:11px;padding:5px 10px}.prf-actions-section{gap:6px}.prf-btn{font-size:12px;padding:8px 12px}.prf-btn svg{height:14px;width:14px}}@media (prefers-color-scheme:dark){.prf-header{background:#0f172a;background:var(--prf-slate-900)}}.prf-tabs-nav{background:#fff;border-bottom:1px solid var(--prf-slate-200);position:-webkit-sticky;position:sticky;top:0;z-index:100}.prf-tabs-container{margin:0 auto;max-width:1200px;padding:0 24px}.prf-tabs-list{-ms-overflow-style:none;display:flex;gap:4px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.prf-tabs-list::-webkit-scrollbar{display:none}.prf-tab{align-items:center;background:#0000;border:none;border-radius:var(--prf-radius) var(--prf-radius) 0 0;color:var(--prf-slate-500);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 18px;position:relative;transition:color .2s ease,background .2s ease;white-space:nowrap}.prf-tab:hover{background:var(--prf-slate-50);color:var(--prf-slate-700)}.prf-tab.active{background:var(--prf-slate-50);color:var(--prf-blue)}.prf-tab-icon{flex-shrink:0;height:16px;width:16px}.prf-tab-label{font-family:inherit}.prf-tab-count{align-items:center;background:var(--prf-slate-200);border-radius:var(--prf-radius-full);color:var(--prf-slate-600);display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.prf-tab.active .prf-tab-count{background:var(--prf-blue);color:#fff}.prf-tab-indicator{background:linear-gradient(90deg,var(--prf-blue),var(--prf-indigo));border-radius:3px 3px 0 0;bottom:0;height:3px;left:0;position:absolute;right:0}@media (max-width:1024px){.prf-tabs-container{padding:0 20px}.prf-tab{font-size:13px;gap:6px;padding:12px 14px}}@media (max-width:768px){.prf-tabs-container{padding:0 16px}.prf-tab{font-size:13px;padding:12px}.prf-tab-icon{height:14px;width:14px}.prf-tab-count{font-size:10px;height:18px;min-width:18px}}@media (max-width:480px){.prf-tabs-container{padding:0 12px}.prf-tabs-list{gap:2px}.prf-tab{font-size:12px;gap:5px;padding:10px}.prf-tab-label{display:none}.prf-tab.active .prf-tab-label{display:inline}.prf-tab-icon{height:16px;width:16px}.prf-tab-count{font-size:9px;height:16px;min-width:16px;padding:0 4px}}.follow-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.follow-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.follow-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.follow-modal-header h2{color:#1f2937;font-weight:600;gap:8px;margin:0}.follow-close-btn,.follow-modal-header h2{align-items:center;display:flex;font-size:1.25rem}.follow-close-btn{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.follow-close-btn:hover{background:#f3f4f6;color:#374151}.follow-modal-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex}.follow-tab-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .2s ease}.follow-tab-btn:hover{background:#f9fafb;color:#374151}.follow-tab-btn.active{background:#f8faff;color:#4f46e5}.follow-tab-btn.active:after{background:#4f46e5;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.follow-modal-content{flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-state .spinner{animation:spin 1s linear infinite;font-size:1.5rem;margin-bottom:12px}.empty-state{color:#6b7280;flex-direction:column;padding:40px}.empty-state svg{color:#d1d5db;font-size:2.5rem;margin-bottom:16px}.empty-state p{font-size:1rem;margin:0 0 8px}.empty-state small{color:#9ca3af;font-size:.875rem;margin:0}.followers-list,.following-list{padding:0}.follower-item,.following-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:16px 24px;transition:background .2s ease}.follower-item:hover,.following-item:hover{background:#f9fafb}.follower-item:last-child,.following-item:last-child{border-bottom:none}.follower-link,.following-link{align-items:center;color:inherit;display:flex;flex:1 1;text-decoration:none}.follower-avatar,.following-avatar{border:2px solid #e5e7eb;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.follower-info,.following-info{flex:1 1;min-width:0}.follower-info h4,.following-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-info p,.following-info p{color:#6b7280;font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-field,.following-field{background:#eff6ff;border-radius:12px;color:#1d4ed8;display:inline-block;font-size:.75rem;margin-top:4px;padding:2px 8px}.follow-back-btn,.unfollow-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.follow-back-btn{background:#10b981;color:#fff}.follow-back-btn:hover{background:#059669}.follow-back-btn.following{background:#6b7280}.follow-back-btn.following:hover{background:#4b5563}.unfollow-btn{background:#ef4444;color:#fff}.unfollow-btn:hover{background:#dc2626}.remove-follower-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:6px 12px;transition:background-color .2s ease}.remove-follower-btn:hover{background:#d97706}.follow-back-btn.loading,.remove-follower-btn.loading,.unfollow-btn.loading{cursor:not-allowed;opacity:.7}.button-container{align-items:center;display:flex}@media (max-width:640px){.follow-modal{max-height:90vh;width:95%}.follow-modal-header{padding:16px 20px}.follow-modal-header h2{font-size:1.125rem}.follow-tab-btn{font-size:.875rem;padding:14px 16px}.follower-item,.following-item{padding:12px 20px}.follower-avatar,.following-avatar{height:40px;width:40px}.follower-info h4,.following-info h4{font-size:.875rem}.follower-info p,.following-info p{font-size:.8125rem}.follow-back-btn,.unfollow-btn{font-size:.8125rem;min-width:80px;padding:6px 12px}}.edt-container{padding:0}.edt-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.edt-stat-card{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);display:flex;gap:14px;padding:16px;transition:all .2s ease}.edt-stat-card:hover{box-shadow:var(--prf-shadow-sm)}.edt-stat-icon{align-items:center;background:color-mix(in srgb,var(--stat-color) 10%,#0000);border-radius:var(--prf-radius);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.edt-stat-icon svg{color:var(--stat-color);height:20px;width:20px}.edt-stat-info{display:flex;flex-direction:column;min-width:0}.edt-stat-value{color:var(--prf-slate-800);font-size:22px;font-weight:700;line-height:1.2}.edt-stat-value.text{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edt-stat-label{color:var(--prf-slate-500);font-size:12px}.edt-toolbar{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.edt-toolbar-title{align-items:center;display:flex;gap:10px}.edt-toolbar-icon{color:var(--prf-purple);height:20px;width:20px}.edt-toolbar-title h3{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.edt-toolbar-actions{align-items:center;display:flex;gap:12px}.edt-search{position:relative;width:220px}.edt-search-icon{color:var(--prf-slate-400);height:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:14px}.edt-search-input{background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-700);font-size:13px;padding:8px 12px 8px 34px;transition:all .2s ease;width:100%}.edt-search-input:focus{background:#fff;border-color:var(--prf-blue);outline:none}.edt-add-btn{align-items:center;background:var(--prf-purple);border:none;border-radius:var(--prf-radius-full);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.edt-add-btn:hover{filter:brightness(1.1)}.edt-add-btn svg{height:14px;width:14px}.edt-skills-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.edt-skill-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);padding:20px;transition:all .2s ease}.edt-skill-card:hover{box-shadow:var(--prf-shadow-md)}.edt-skill-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.edt-skill-main{align-items:center;display:flex;gap:12px}.edt-skill-icon{align-items:center;border-radius:var(--prf-radius);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.edt-skill-icon svg{height:20px;width:20px}.edt-skill-info{display:flex;flex-direction:column}.edt-skill-name{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.edt-skill-category{font-size:12px;font-weight:500;text-transform:capitalize}.edt-skill-actions{align-items:center;display:flex;gap:12px}.edt-endorsement-count{align-items:center;color:var(--prf-slate-600);display:flex;font-size:13px;font-weight:600;gap:4px}.edt-endorsement-count svg{color:var(--prf-slate-400);height:14px;width:14px}.edt-endorse-btn{align-items:center;background:var(--prf-blue);border:none;border-radius:var(--prf-radius-full);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.edt-endorse-btn:hover{filter:brightness(1.1)}.edt-endorse-btn svg{height:12px;width:12px}.edt-skill-progress{background:var(--prf-slate-100);border-radius:var(--prf-radius-full);height:6px;margin-bottom:14px;overflow:hidden}.edt-progress-bar{border-radius:var(--prf-radius-full);height:100%;transition:width .3s ease}.edt-endorsers{justify-content:space-between}.edt-endorsers,.edt-endorsers-avatars{align-items:center;display:flex}.edt-endorser-avatar{border:2px solid #fff;border-radius:50%;height:28px;margin-right:-8px;object-fit:cover;width:28px}.edt-endorsers-more{align-items:center;background:var(--prf-slate-200);border-radius:50%;color:var(--prf-slate-600);display:flex;font-size:10px;font-weight:600;height:28px;justify-content:center;width:28px}.edt-expand-btn{align-items:center;background:none;border:none;color:var(--prf-blue);cursor:pointer;display:flex;font-size:12px;gap:4px}.edt-expand-btn:hover{text-decoration:underline}.edt-expand-btn svg{height:14px;width:14px}.edt-endorsers-list{border-top:1px solid var(--prf-slate-100);margin-top:14px;overflow:hidden;padding-top:14px}.edt-endorser-item{align-items:center;display:flex;gap:10px;padding:8px 0}.edt-endorser-item:not(:last-child){border-bottom:1px solid var(--prf-slate-50)}.edt-endorser-photo{border-radius:50%;height:36px;object-fit:cover;width:36px}.edt-endorser-info{flex:1 1;min-width:0}.edt-endorser-name{color:var(--prf-slate-800);display:block;font-size:13px;font-weight:600}.edt-endorser-role{color:var(--prf-slate-500);display:block;font-size:11px}.edt-endorser-date{color:var(--prf-slate-400);font-size:11px}.edt-empty{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);flex-direction:column;grid-column:1/-1;padding:60px 20px;text-align:center}.edt-empty,.edt-empty-icon{align-items:center;display:flex;justify-content:center}.edt-empty-icon{background:var(--prf-slate-100);border-radius:50%;height:64px;margin-bottom:16px;width:64px}.edt-empty-icon svg{color:var(--prf-slate-400);height:28px;width:28px}.edt-empty-title{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0 0 8px}.edt-empty-text{color:var(--prf-slate-500);font-size:14px;margin:0 0 20px;max-width:300px}.edt-empty-btn{align-items:center;background:var(--prf-purple);border:none;border-radius:var(--prf-radius-full);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.edt-empty-btn:hover{filter:brightness(1.1)}.edt-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.edt-modal{background:#fff;border-radius:var(--prf-radius-md);max-width:400px;overflow:hidden;width:100%}.edt-modal-header{align-items:center;border-bottom:1px solid var(--prf-slate-100);display:flex;justify-content:space-between;padding:20px}.edt-modal-header h3{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0}.edt-modal-close{align-items:center;background:var(--prf-slate-100);border:none;border-radius:var(--prf-radius);color:var(--prf-slate-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.edt-modal-close:hover{background:var(--prf-slate-200)}.edt-modal form{padding:20px}.edt-form-group{margin-bottom:16px}.edt-form-group label{color:var(--prf-slate-700);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.edt-form-input{background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-800);font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.edt-form-input:focus{background:#fff;border-color:var(--prf-blue);outline:none}.edt-category-options{display:flex;flex-wrap:wrap;gap:8px}.edt-category-btn{background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-full);color:var(--prf-slate-600);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.edt-category-btn:hover{background:var(--prf-slate-100)}.edt-category-btn.active{background:var(--cat-color);border-color:var(--cat-color);color:#fff}.edt-modal-actions{border-top:1px solid var(--prf-slate-100);display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:10px}.edt-btn-cancel{background:var(--prf-slate-100);border:none;border-radius:var(--prf-radius);color:var(--prf-slate-700);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px}.edt-btn-cancel:hover{background:var(--prf-slate-200)}.edt-btn-submit{align-items:center;background:var(--prf-purple);border:none;border-radius:var(--prf-radius);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px}.edt-btn-submit:hover{filter:brightness(1.1)}@media (max-width:1024px){.edt-skills-grid{grid-template-columns:1fr}}@media (max-width:768px){.edt-stats{grid-template-columns:1fr}.edt-toolbar{align-items:stretch;flex-direction:column;gap:12px}.edt-toolbar-actions{flex-wrap:wrap}.edt-search{flex:1 1;min-width:150px}}@media (max-width:480px){.edt-skill-header{flex-direction:column;gap:12px}.edt-skill-actions{justify-content:space-between;width:100%}.edt-add-btn span{display:none}}.act-container{padding:0}.act-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.act-stat-card{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);display:flex;gap:14px;padding:16px;transition:all .2s ease}.act-stat-card:hover{box-shadow:var(--prf-shadow-sm)}.act-stat-icon{align-items:center;background:color-mix(in srgb,var(--stat-color) 10%,#0000);border-radius:var(--prf-radius);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.act-stat-icon svg{color:var(--stat-color);height:20px;width:20px}.act-stat-info{display:flex;flex-direction:column}.act-stat-value{color:var(--prf-slate-800);font-size:22px;font-weight:700;line-height:1.2}.act-stat-label{color:var(--prf-slate-500);font-size:12px}.act-toolbar{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.act-toolbar-title{align-items:center;display:flex;gap:10px}.act-toolbar-icon{color:var(--prf-blue);height:20px;width:20px}.act-toolbar-title h3{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.act-filter-wrapper{position:relative}.act-filter-btn{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.act-filter-btn:hover{background:var(--prf-slate-100)}.act-filter-btn svg{color:var(--prf-slate-500);height:14px;width:14px}.act-chevron{transition:transform .2s ease}.act-chevron.open{transform:rotate(180deg)}.act-filter-dropdown{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);box-shadow:var(--prf-shadow-md);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.act-filter-option{background:none;border:none;color:var(--prf-slate-700);cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;transition:background .2s ease;width:100%}.act-filter-option:hover{background:var(--prf-slate-50)}.act-filter-option.active{background:var(--prf-blue);color:#fff}.act-timeline{position:relative}.act-date-group{margin-bottom:24px}.act-date-group:last-child{margin-bottom:0}.act-date-header{margin-bottom:12px;padding-left:60px}.act-date-text{color:var(--prf-slate-500);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.act-timeline-item{display:flex;gap:16px;position:relative}.act-timeline-line{flex-direction:column;flex-shrink:0}.act-timeline-dot,.act-timeline-line{align-items:center;display:flex;position:relative;width:44px}.act-timeline-dot{border-radius:50%;height:44px;justify-content:center;z-index:1}.act-timeline-dot svg{color:#fff;height:18px;width:18px}.act-timeline-connector{background:var(--prf-slate-200);height:calc(100% - 44px);left:50%;position:absolute;top:44px;transform:translateX(-50%);width:2px}.act-timeline-content{flex:1 1;padding-bottom:16px}.act-activity-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);padding:14px 16px;transition:all .2s ease}.act-activity-card:hover{box-shadow:var(--prf-shadow-sm)}.act-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.act-activity-type{font-size:12px;font-weight:600}.act-activity-time{color:var(--prf-slate-400);font-size:11px}.act-activity-body{display:block}.act-activity-desc{color:var(--prf-slate-700);font-size:14px;line-height:1.5;margin:0;text-transform:capitalize}.act-activity-related{align-items:center;background:var(--prf-slate-50);border-radius:var(--prf-radius-sm);display:flex;gap:10px;margin-top:10px;padding:10px}.act-related-image{border-radius:var(--prf-radius-sm);height:40px;object-fit:cover;width:40px}.act-related-info{display:flex;flex-direction:column;gap:2px}.act-related-title{color:var(--prf-slate-800);font-size:13px;font-weight:600}.act-related-subtitle{color:var(--prf-slate-500);font-size:11px}.act-empty{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);flex-direction:column;padding:60px 20px;text-align:center}.act-empty,.act-empty-icon{align-items:center;display:flex;justify-content:center}.act-empty-icon{background:var(--prf-slate-100);border-radius:50%;height:64px;margin-bottom:16px;width:64px}.act-empty-icon svg{color:var(--prf-slate-400);height:28px;width:28px}.act-empty-title{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0 0 8px}.act-empty-text{color:var(--prf-slate-500);font-size:14px;margin:0;max-width:300px}@media (max-width:768px){.act-stats{grid-template-columns:1fr}.act-toolbar{align-items:stretch;flex-direction:column;gap:12px}.act-filter-wrapper{align-self:flex-end}.act-date-header{padding-left:50px}.act-timeline-line{width:36px}.act-timeline-dot{height:36px;width:36px}.act-timeline-dot svg{height:14px;width:14px}.act-timeline-connector{height:calc(100% - 36px);top:36px}}@media (max-width:480px){.act-stat-card{padding:12px}.act-stat-icon{height:36px;width:36px}.act-stat-value{font-size:18px}.act-activity-card{padding:12px}.act-filter-btn span{display:none}}.ovw-container{padding:0}.ovw-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 380px}.ovw-left-col,.ovw-right-col{display:flex;flex-direction:column;gap:20px}.ovw-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);padding:20px;transition:box-shadow .2s ease}.ovw-card:hover{box-shadow:var(--prf-shadow-sm)}.ovw-section-header{align-items:center;border-bottom:1px solid var(--prf-slate-100);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.ovw-section-title{align-items:center;display:flex;gap:10px}.ovw-section-icon{color:var(--prf-blue);height:20px;width:20px}.ovw-section-title h3{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.ovw-section-count{background:var(--prf-blue);border-radius:var(--prf-radius-full);color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.ovw-view-all{align-items:center;background:none;border:none;border-radius:var(--prf-radius);color:var(--prf-blue);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 10px;transition:background .2s ease}.ovw-view-all:hover{background:var(--prf-slate-50)}.ovw-view-all svg{height:14px;width:14px}.ovw-about-card .ovw-card-header{align-items:center;border-bottom:1px solid var(--prf-slate-100);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.ovw-card-title{align-items:center;display:flex;gap:10px}.ovw-card-title svg{color:var(--prf-blue);height:20px;width:20px}.ovw-card-title h3{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.ovw-edit-btn{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ovw-edit-btn:hover{background:var(--prf-slate-100);color:var(--prf-blue)}.ovw-about-text{color:var(--prf-slate-600);font-size:14px;line-height:1.7;margin:0}.ovw-goals{border-top:1px solid var(--prf-slate-100);margin-top:20px;padding-top:16px}.ovw-goals-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.ovw-goals-icon{color:var(--prf-purple);height:16px;width:16px}.ovw-goals h4{color:var(--prf-slate-700);font-size:14px;font-weight:600;margin:0}.ovw-goals-text{color:var(--prf-slate-600);font-size:14px;line-height:1.6;margin:0}.ovw-posts-list{display:flex;flex-direction:column;gap:12px}.ovw-mini-post{background:var(--prf-slate-50);border:1px solid var(--prf-slate-100);border-radius:var(--prf-radius);cursor:pointer;padding:14px;transition:all .2s ease}.ovw-mini-post:hover{background:#fff;border-color:var(--prf-slate-200)}.ovw-mini-post-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ovw-mini-post-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.ovw-mini-post-meta{flex:1 1;min-width:0}.ovw-mini-post-author{color:var(--prf-slate-800);display:block;font-size:13px;font-weight:600}.ovw-mini-post-date{color:var(--prf-slate-500);display:block;font-size:11px}.ovw-mini-post-type{font-size:16px}.ovw-mini-post-content{color:var(--prf-slate-600);font-size:13px;line-height:1.5;margin:0 0 10px}.ovw-mini-post-media{border-radius:var(--prf-radius-sm);margin-bottom:10px;overflow:hidden}.ovw-mini-post-media img{height:120px;object-fit:cover;width:100%}.ovw-mini-post-stats{display:flex;gap:16px}.ovw-mini-post-stats span{align-items:center;color:var(--prf-slate-500);display:flex;font-size:12px;gap:4px}.ovw-mini-post-stats svg{height:12px;width:12px}.ovw-spaces-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ovw-space-card{background:var(--prf-slate-50);border:1px solid var(--prf-slate-100);border-radius:var(--prf-radius);cursor:pointer;overflow:hidden;transition:all .2s ease}.ovw-space-card:hover{background:#fff;border-color:var(--prf-slate-200)}.ovw-space-image{height:80px;position:relative}.ovw-space-image img{height:100%;object-fit:cover;width:100%}.ovw-space-overlay{align-items:flex-end;background:linear-gradient(0deg,#0009,#0000);display:flex;inset:0;padding:8px;position:absolute}.ovw-space-field{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:var(--prf-radius-full);color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.ovw-space-content{padding:12px}.ovw-space-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--prf-slate-800);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden}.ovw-space-desc{color:var(--prf-slate-500);font-size:11px;line-height:1.4;margin:0 0 8px}.ovw-space-meta{display:flex;gap:12px}.ovw-space-date,.ovw-space-members{align-items:center;color:var(--prf-slate-500);display:flex;font-size:11px;gap:4px}.ovw-space-date svg,.ovw-space-members svg{height:10px;width:10px}.ovw-communities-row{border-top:1px solid var(--prf-slate-100);display:flex;gap:12px;margin-top:16px;padding-top:16px}.ovw-community-card{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-100);border-radius:var(--prf-radius);cursor:pointer;display:flex;flex:1 1;gap:12px;padding:12px;transition:all .2s ease}.ovw-community-card:hover{background:#fff;border-color:var(--prf-slate-200)}.ovw-community-img{border-radius:var(--prf-radius);height:44px;object-fit:cover;width:44px}.ovw-community-info h4{color:var(--prf-slate-800);font-size:13px;font-weight:600;margin:0 0 4px}.ovw-community-members{align-items:center;color:var(--prf-slate-500);display:flex;font-size:11px;gap:4px}.ovw-community-members svg{height:10px;width:10px}.ovw-activity-list{display:flex;flex-direction:column;gap:2px}.ovw-activity-item{align-items:center;border-radius:var(--prf-radius);display:flex;gap:12px;padding:10px;transition:background .2s ease}.ovw-activity-item:hover{background:var(--prf-slate-50)}.ovw-activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.ovw-activity-icon svg{height:16px;width:16px}.ovw-activity-content{flex:1 1;min-width:0}.ovw-activity-title{color:var(--prf-slate-800);font-size:13px;font-weight:500;margin:0;text-transform:capitalize}.ovw-activity-subtitle{color:var(--prf-slate-500);font-size:11px}.ovw-activity-date{color:var(--prf-slate-400);font-size:11px;white-space:nowrap}.ovw-skills-list{display:flex;flex-direction:column;gap:8px}.ovw-skill-badge{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-100);border-radius:var(--prf-radius);cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.ovw-skill-badge:hover{background:#fff;border-color:var(--prf-slate-200)}.ovw-skill-name{color:var(--prf-slate-800);font-size:13px;font-weight:600}.ovw-skill-count{color:var(--prf-slate-500);font-size:11px}.ovw-reviews-list{display:flex;flex-direction:column;gap:12px}.ovw-review-card{background:var(--prf-slate-50);border:1px solid var(--prf-slate-100);border-radius:var(--prf-radius);cursor:pointer;padding:14px;transition:all .2s ease}.ovw-review-card:hover{background:#fff;border-color:var(--prf-slate-200)}.ovw-review-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ovw-review-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.ovw-review-meta{flex:1 1;min-width:0}.ovw-review-author{color:var(--prf-slate-800);display:block;font-size:13px;font-weight:600}.ovw-review-date{color:var(--prf-slate-500);display:block;font-size:11px}.ovw-review-rating{display:flex;gap:2px}.ovw-review-rating svg{color:var(--prf-slate-300);height:12px;width:12px}.ovw-review-rating svg.filled{fill:var(--prf-amber);color:var(--prf-amber)}.ovw-review-text{color:var(--prf-slate-600);font-size:13px;font-style:italic;line-height:1.5;margin:0}.ovw-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px;text-align:center}.ovw-empty-icon{color:var(--prf-slate-300);height:32px;margin-bottom:8px;width:32px}.ovw-empty p{color:var(--prf-slate-400);font-size:13px;margin:0}@media (max-width:1024px){.ovw-grid{gap:16px;grid-template-columns:1fr 320px}.ovw-spaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ovw-grid{grid-template-columns:1fr}.ovw-right-col{order:-1}.ovw-card{padding:16px}.ovw-spaces-grid{grid-template-columns:1fr 1fr}.ovw-communities-row{flex-direction:column}}@media (max-width:480px){.ovw-left-col,.ovw-right-col{gap:12px}.ovw-card{border-radius:var(--prf-radius);padding:14px}.ovw-spaces-grid{grid-template-columns:1fr}.ovw-section-header{align-items:flex-start;flex-direction:column;gap:8px}.ovw-mini-post{padding:12px}.ovw-activity-item{padding:8px}}.pst-container{padding:0}.pst-stats-overview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.pst-stat-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .2s ease}.pst-stat-card:before{background:var(--stat-color);content:"";height:3px;left:0;position:absolute;right:0;top:0}.pst-stat-card:hover{box-shadow:var(--prf-shadow-sm)}.pst-stat-value{color:var(--prf-slate-800);display:block;font-size:24px;font-weight:700;line-height:1.2}.pst-stat-label{color:var(--prf-slate-500);display:block;font-size:12px;margin-top:4px}.pst-toolbar{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.pst-filters{margin:-4px;overflow-x:auto;padding:4px}.pst-filters-scroll{display:flex;gap:8px}.pst-filter-chip{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-full);color:var(--prf-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.pst-filter-chip:hover{background:var(--prf-slate-100);border-color:var(--prf-slate-300)}.pst-filter-chip.active{background:var(--prf-blue);border-color:var(--prf-blue);color:#fff}.pst-filter-icon{height:14px;width:14px}.pst-toolbar-actions{align-items:center;display:flex;gap:12px}.pst-sort-wrapper{position:relative}.pst-sort-btn{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.pst-sort-btn:hover{background:var(--prf-slate-100)}.pst-sort-icon{color:var(--prf-slate-500);height:14px;width:14px}.pst-chevron{color:var(--prf-slate-400);height:14px;transition:transform .2s ease;width:14px}.pst-chevron.open{transform:rotate(180deg)}.pst-sort-dropdown{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);box-shadow:var(--prf-shadow-md);left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.pst-sort-option{align-items:center;background:none;border:none;color:var(--prf-slate-700);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;transition:background .2s ease;width:100%}.pst-sort-option:hover{background:var(--prf-slate-50)}.pst-sort-option.active{background:var(--prf-blue);color:#fff}.pst-sort-option svg{height:14px;width:14px}.pst-view-toggle{background:var(--prf-slate-100);border-radius:var(--prf-radius);display:flex;padding:2px}.pst-view-btn{align-items:center;background:none;border:none;border-radius:var(--prf-radius-sm);color:var(--prf-slate-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pst-view-btn:hover{color:var(--prf-slate-700)}.pst-view-btn.active{background:#fff;box-shadow:var(--prf-shadow-sm);color:var(--prf-blue)}.pst-view-btn svg{height:16px;width:16px}.pst-refresh-btn{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pst-refresh-btn:hover{background:var(--prf-slate-100);color:var(--prf-blue)}.pst-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.pst-refresh-btn svg{height:16px;width:16px}.pst-refresh-btn svg.spinning{animation:spin 1s linear infinite}.pst-content{min-height:200px}.pst-posts.list-view{display:flex;flex-direction:column;gap:16px}.pst-posts.grid-view{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.pst-post-wrapper{width:100%}.pst-skeleton{display:flex;flex-direction:column;gap:16px}.pst-skeleton-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);padding:20px}.pst-skeleton-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.pst-skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--prf-slate-100) 25%,var(--prf-slate-200) 50%,var(--prf-slate-100) 75%);background-size:200% 100%;border-radius:50%;height:44px;width:44px}.pst-skeleton-meta{flex:1 1}.pst-skeleton-name{height:14px;margin-bottom:8px;width:140px}.pst-skeleton-date,.pst-skeleton-name{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--prf-slate-100) 25%,var(--prf-slate-200) 50%,var(--prf-slate-100) 75%);background-size:200% 100%;border-radius:4px}.pst-skeleton-date{height:10px;width:80px}.pst-skeleton-content{margin-bottom:16px}.pst-skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--prf-slate-100) 25%,var(--prf-slate-200) 50%,var(--prf-slate-100) 75%);background-size:200% 100%;border-radius:4px;height:12px;margin-bottom:8px;width:100%}.pst-skeleton-line.short{width:60%}.pst-skeleton-actions{border-top:1px solid var(--prf-slate-100);display:flex;gap:16px;padding-top:16px}.pst-skeleton-btn{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--prf-slate-100) 25%,var(--prf-slate-200) 50%,var(--prf-slate-100) 75%);background-size:200% 100%;border-radius:4px;height:24px;width:60px}.pst-empty{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);flex-direction:column;padding:60px 20px;text-align:center}.pst-empty,.pst-empty-icon{align-items:center;display:flex;justify-content:center}.pst-empty-icon{background:var(--prf-slate-100);border-radius:50%;height:64px;margin-bottom:16px;width:64px}.pst-empty-icon svg{color:var(--prf-slate-400);height:28px;width:28px}.pst-empty-title{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0 0 8px}.pst-empty-text{color:var(--prf-slate-500);font-size:14px;margin:0 0 20px;max-width:300px}.pst-create-btn{align-items:center;background:var(--prf-blue);border:none;border-radius:var(--prf-radius-full);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.pst-create-btn:hover{background:var(--prf-blue-dark)}.pst-create-btn svg{height:16px;width:16px}.pst-error{background:#fff;border:1px solid var(--prf-red);border-radius:var(--prf-radius-md);flex-direction:column;padding:60px 20px;text-align:center}.pst-error,.pst-error-icon{align-items:center;display:flex;justify-content:center}.pst-error-icon{background:#ef44441a;border-radius:50%;height:64px;margin-bottom:16px;width:64px}.pst-error-icon svg{color:var(--prf-red);height:28px;width:28px}.pst-error-title{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0 0 8px}.pst-error-text{color:var(--prf-slate-500);font-size:14px;margin:0 0 20px}.pst-retry-btn{align-items:center;background:var(--prf-red);border:none;border-radius:var(--prf-radius-full);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.pst-retry-btn:hover{filter:brightness(1.1)}.pst-retry-btn svg{height:16px;width:16px}.pst-load-more{display:flex;justify-content:center;margin-top:24px}.pst-load-more-btn{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-full);color:var(--prf-slate-700);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.pst-load-more-btn:hover{background:var(--prf-slate-50);border-color:var(--prf-slate-300)}.pst-load-more-btn svg{height:16px;width:16px}.pst-load-more-btn svg.spinning{animation:spin 1s linear infinite}@media (max-width:1024px){.pst-stats-overview{grid-template-columns:repeat(2,1fr)}.pst-posts.grid-view{grid-template-columns:1fr}}@media (max-width:768px){.pst-toolbar{padding:12px}.pst-toolbar-actions{flex-wrap:wrap}.pst-stats-overview{gap:8px}.pst-stat-card{padding:12px}.pst-stat-value{font-size:20px}}@media (max-width:480px){.pst-stats-overview{grid-template-columns:repeat(2,1fr)}.pst-filter-chip{font-size:12px;padding:6px 10px}.pst-sort-btn span,.pst-view-toggle{display:none}.pst-empty{padding:40px 16px}}.rsc-container{padding:0}.rsc-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.rsc-stat-card{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);display:flex;gap:14px;padding:16px;transition:all .2s ease}.rsc-stat-card:hover{box-shadow:var(--prf-shadow-sm)}.rsc-stat-icon{align-items:center;background:color-mix(in srgb,var(--stat-color) 10%,#0000);border-radius:var(--prf-radius);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.rsc-stat-icon svg{color:var(--stat-color);height:20px;width:20px}.rsc-stat-info{display:flex;flex-direction:column}.rsc-stat-value{color:var(--prf-slate-800);font-size:22px;font-weight:700;line-height:1.2}.rsc-stat-label{color:var(--prf-slate-500);font-size:12px}.rsc-toolbar{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.rsc-tab,.rsc-tabs{display:flex;gap:8px}.rsc-tab{align-items:center;background:var(--prf-slate-50);border:1px solid #0000;border-radius:var(--prf-radius-full);color:var(--prf-slate-600);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.rsc-tab:hover{background:var(--prf-slate-100)}.rsc-tab.active{background:var(--prf-blue);color:#fff}.rsc-tab-icon{height:14px;width:14px}.rsc-tab-count{background:#fff3;border-radius:var(--prf-radius-full);font-size:11px;padding:2px 8px}.rsc-tab:not(.active) .rsc-tab-count{background:var(--prf-slate-200);color:var(--prf-slate-600)}.rsc-toolbar-actions{align-items:center;display:flex;gap:12px}.rsc-search{position:relative;width:200px}.rsc-search-icon{color:var(--prf-slate-400);height:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:14px}.rsc-search-input{background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-700);font-size:13px;padding:8px 12px 8px 34px;transition:all .2s ease;width:100%}.rsc-search-input:focus{background:#fff;border-color:var(--prf-blue);outline:none}.rsc-search-input::placeholder{color:var(--prf-slate-400)}.rsc-view-toggle{background:var(--prf-slate-100);border-radius:var(--prf-radius);display:flex;padding:2px}.rsc-view-btn{align-items:center;background:none;border:none;border-radius:var(--prf-radius-sm);color:var(--prf-slate-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.rsc-view-btn:hover{color:var(--prf-slate-700)}.rsc-view-btn.active{background:#fff;box-shadow:var(--prf-shadow-sm);color:var(--prf-blue)}.rsc-view-btn svg{height:16px;width:16px}.rsc-content{min-height:200px}.rsc-content.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.rsc-content.list{display:flex;flex-direction:column;gap:12px}.rsc-room-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);overflow:hidden;position:relative;transition:all .2s ease}.rsc-room-card:hover{box-shadow:var(--prf-shadow-md)}.rsc-room-card.grid .rsc-room-image{height:120px}.rsc-room-card.list{display:flex;flex-direction:row}.rsc-room-card.list .rsc-room-image{height:auto;min-height:140px;width:160px}.rsc-room-card.list .rsc-room-content{flex:1 1}.rsc-room-image{position:relative}.rsc-room-image img{height:100%;object-fit:cover;width:100%}.rsc-room-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3,#0000);display:flex;inset:0;justify-content:space-between;padding:12px;position:absolute}.rsc-room-field{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;font-size:11px;padding:4px 10px}.rsc-room-badge,.rsc-room-field{border-radius:var(--prf-radius-full);color:#fff;font-weight:600}.rsc-room-badge{align-items:center;background:var(--prf-purple);display:flex;font-size:10px;gap:4px;padding:4px 8px}.rsc-room-badge svg{height:10px;width:10px}.rsc-room-content{padding:16px}.rsc-room-title{color:var(--prf-slate-800);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 8px}.rsc-room-desc{color:var(--prf-slate-600);font-size:13px;line-height:1.5;margin:0 0 12px}.rsc-room-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.rsc-room-date,.rsc-room-members{align-items:center;color:var(--prf-slate-500);display:flex;font-size:12px;gap:4px}.rsc-room-date svg,.rsc-room-members svg{height:12px;width:12px}.rsc-room-tags{display:flex;flex-wrap:wrap;gap:6px}.rsc-room-tag{background:color-mix(in srgb,var(--prf-blue) 10%,#0000);color:var(--prf-blue)}.rsc-room-tag,.rsc-room-tag-more{border-radius:var(--prf-radius-full);font-size:11px;padding:3px 8px}.rsc-room-tag-more{background:var(--prf-slate-100);color:var(--prf-slate-500)}.rsc-room-action{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:var(--prf-shadow-sm);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s ease;width:32px}.rsc-room-card:hover .rsc-room-action{opacity:1}.rsc-room-action svg{color:var(--prf-slate-600);height:14px;width:14px}.rsc-community-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);display:flex;overflow:hidden;transition:all .2s ease}.rsc-community-card:hover{box-shadow:var(--prf-shadow-md)}.rsc-community-card.grid{flex-direction:column}.rsc-community-card.grid .rsc-community-image{height:100px;width:100%}.rsc-community-card.list .rsc-community-image{height:auto;min-height:100px;width:120px}.rsc-community-image img{height:100%;object-fit:cover;width:100%}.rsc-community-content{flex:1 1;padding:14px}.rsc-community-title{color:var(--prf-slate-800);font-size:15px;font-weight:600;margin:0 0 6px}.rsc-community-desc{color:var(--prf-slate-600);font-size:13px;line-height:1.5;margin:0 0 10px}.rsc-community-meta{display:flex;flex-wrap:wrap;gap:12px}.rsc-community-joined,.rsc-community-members{align-items:center;color:var(--prf-slate-500);display:flex;font-size:12px;gap:4px}.rsc-community-joined svg,.rsc-community-members svg{height:12px;width:12px}.rsc-workshop-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);padding:16px;transition:all .2s ease}.rsc-workshop-card:hover{box-shadow:var(--prf-shadow-md)}.rsc-workshop-header{margin-bottom:12px}.rsc-workshop-badges{display:flex;gap:8px;margin-bottom:10px}.rsc-workshop-status{border-radius:var(--prf-radius-full);font-size:10px;font-weight:600;padding:4px 10px;text-transform:uppercase}.rsc-workshop-status.upcoming{background:color-mix(in srgb,var(--prf-blue) 15%,#0000);color:var(--prf-blue)}.rsc-workshop-status.active{background:color-mix(in srgb,var(--prf-green) 15%,#0000);color:var(--prf-green)}.rsc-workshop-status.completed{background:var(--prf-slate-100);color:var(--prf-slate-500)}.rsc-workshop-role{border-radius:var(--prf-radius-full);font-size:10px;font-weight:600;padding:4px 10px}.rsc-workshop-role.organizer{background:color-mix(in srgb,var(--prf-purple) 15%,#0000);color:var(--prf-purple)}.rsc-workshop-title{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.rsc-workshop-content{margin-bottom:12px}.rsc-workshop-desc{color:var(--prf-slate-600);font-size:13px;line-height:1.6;margin:0}.rsc-workshop-expand{background:none;border:none;color:var(--prf-blue);cursor:pointer;font-size:12px;font-weight:500;margin-top:4px;padding:4px 0}.rsc-workshop-expand:hover{text-decoration:underline}.rsc-workshop-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.rsc-workshop-date,.rsc-workshop-field{align-items:center;color:var(--prf-slate-500);display:flex;font-size:12px;gap:4px}.rsc-workshop-date svg,.rsc-workshop-field svg{height:12px;width:12px}.rsc-workshop-tags{display:flex;flex-wrap:wrap;gap:6px}.rsc-workshop-tag{background:color-mix(in srgb,var(--prf-amber) 12%,#0000);border-radius:var(--prf-radius-full);color:var(--prf-amber);font-size:11px;padding:3px 8px}.rsc-empty{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);flex-direction:column;grid-column:1/-1;padding:60px 20px;text-align:center}.rsc-empty,.rsc-empty-icon{align-items:center;display:flex;justify-content:center}.rsc-empty-icon{background:var(--prf-slate-100);border-radius:50%;height:64px;margin-bottom:16px;width:64px}.rsc-empty-icon svg{color:var(--prf-slate-400);height:28px;width:28px}.rsc-empty-title{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0 0 8px}.rsc-empty-text{color:var(--prf-slate-500);font-size:14px;margin:0 0 20px;max-width:300px}.rsc-empty-btn{align-items:center;background:var(--prf-blue);border:none;border-radius:var(--prf-radius-full);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.rsc-empty-btn:hover{background:var(--prf-blue-dark)}.rsc-empty-btn svg{height:16px;width:16px}@media (max-width:1024px){.rsc-content.grid,.rsc-stats{grid-template-columns:repeat(2,1fr)}.rsc-toolbar{align-items:stretch;flex-direction:column}.rsc-tabs{overflow-x:auto;padding-bottom:4px}.rsc-toolbar-actions{justify-content:space-between}.rsc-search{flex:1 1}}@media (max-width:768px){.rsc-content.grid{grid-template-columns:1fr}.rsc-community-card.list,.rsc-room-card.list{flex-direction:column}.rsc-community-card.list .rsc-community-image,.rsc-room-card.list .rsc-room-image{height:140px;width:100%}.rsc-tab{font-size:12px;padding:8px 12px}.rsc-tab span:not(.rsc-tab-count){display:none}}@media (max-width:480px){.rsc-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.rsc-stat-card{padding:12px}.rsc-stat-icon{height:36px;width:36px}.rsc-stat-value{font-size:18px}.rsc-search{width:100%}.rsc-view-toggle{display:none}}.rvw-container{padding:0}.rvw-stats-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);margin-bottom:20px;padding:24px}.rvw-stats-main{align-items:flex-start;display:flex;gap:40px}.rvw-average{align-items:center;border-right:1px solid var(--prf-slate-200);display:flex;flex-direction:column;gap:8px;padding-right:40px}.rvw-average-value{color:var(--prf-slate-800);font-size:48px;font-weight:700;line-height:1}.rvw-average-info{align-items:center;display:flex;flex-direction:column;gap:4px}.rvw-total-reviews{color:var(--prf-slate-500);font-size:13px}.rvw-stars{display:flex;gap:2px}.rvw-stars.small svg{height:14px;width:14px}.rvw-stars.medium svg{height:18px;width:18px}.rvw-stars svg{color:var(--prf-slate-300)}.rvw-stars svg.filled{fill:var(--prf-amber);color:var(--prf-amber)}.rvw-distribution{display:flex;flex:1 1;flex-direction:column;gap:8px}.rvw-rating-bar{align-items:center;display:flex;gap:12px}.rvw-rating-label{color:var(--prf-slate-600);flex-shrink:0;font-size:12px;width:50px}.rvw-bar-track{background:var(--prf-slate-100);flex:1 1;height:8px;overflow:hidden}.rvw-bar-fill,.rvw-bar-track{border-radius:var(--prf-radius-full)}.rvw-bar-fill{background:var(--prf-amber);height:100%}.rvw-rating-count{color:var(--prf-slate-500);font-size:12px;text-align:right;width:30px}.rvw-toolbar{align-items:center;background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.rvw-toolbar-title{align-items:center;display:flex;gap:10px}.rvw-toolbar-icon{color:var(--prf-amber);height:20px;width:20px}.rvw-toolbar-title h3{color:var(--prf-slate-800);font-size:16px;font-weight:600;margin:0}.rvw-review-count{background:var(--prf-slate-100);border-radius:var(--prf-radius-full);color:var(--prf-slate-600);font-size:12px;padding:2px 10px}.rvw-toolbar-actions{display:flex;gap:10px}.rvw-dropdown-wrapper{position:relative}.rvw-dropdown-btn{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);color:var(--prf-slate-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.rvw-dropdown-btn:hover{background:var(--prf-slate-100)}.rvw-dropdown-btn svg{color:var(--prf-slate-500);height:14px;width:14px}.rvw-dropdown-btn svg.open{transform:rotate(180deg)}.rvw-dropdown{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius);box-shadow:var(--prf-shadow-md);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.rvw-dropdown-option{background:none;border:none;color:var(--prf-slate-700);cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;transition:background .2s ease;width:100%}.rvw-dropdown-option:hover{background:var(--prf-slate-50)}.rvw-dropdown-option.active{background:var(--prf-blue);color:#fff}.rvw-reviews-list{display:flex;flex-direction:column;gap:16px}.rvw-review-card{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);padding:20px;transition:all .2s ease}.rvw-review-card:hover{box-shadow:var(--prf-shadow-sm)}.rvw-review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.rvw-reviewer{align-items:center;display:flex;gap:12px}.rvw-reviewer-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.rvw-reviewer-info{display:flex;flex-direction:column}.rvw-reviewer-name{color:var(--prf-slate-800);font-size:15px;font-weight:600}.rvw-reviewer-role{color:var(--prf-slate-500);font-size:13px}.rvw-review-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.rvw-review-date{align-items:center;color:var(--prf-slate-400);display:flex;font-size:12px;gap:4px}.rvw-review-date svg{height:12px;width:12px}.rvw-review-context{align-items:center;background:var(--prf-slate-50);border-radius:var(--prf-radius-full);display:inline-flex;gap:6px;margin-bottom:14px;padding:6px 12px}.rvw-context-label{color:var(--prf-slate-500);font-size:12px}.rvw-context-value{color:var(--prf-slate-700);font-size:12px;font-weight:600}.rvw-review-content{margin-bottom:14px}.rvw-review-text{color:var(--prf-slate-700);font-size:14px;font-style:italic;line-height:1.7;margin:0}.rvw-expand-btn{background:none;border:none;color:var(--prf-blue);cursor:pointer;font-size:13px;font-weight:500;margin-top:6px;padding:0}.rvw-expand-btn:hover{text-decoration:underline}.rvw-review-footer{border-top:1px solid var(--prf-slate-100);padding-top:14px}.rvw-helpful-btn{align-items:center;background:var(--prf-slate-50);border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-full);color:var(--prf-slate-600);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.rvw-helpful-btn:hover{background:var(--prf-slate-100);border-color:var(--prf-slate-300)}.rvw-helpful-btn svg{height:14px;width:14px}.rvw-empty{background:#fff;border:1px solid var(--prf-slate-200);border-radius:var(--prf-radius-md);flex-direction:column;padding:60px 20px;text-align:center}.rvw-empty,.rvw-empty-icon{align-items:center;display:flex;justify-content:center}.rvw-empty-icon{background:var(--prf-slate-100);border-radius:50%;height:64px;margin-bottom:16px;width:64px}.rvw-empty-icon svg{color:var(--prf-slate-400);height:28px;width:28px}.rvw-empty-title{color:var(--prf-slate-800);font-size:18px;font-weight:600;margin:0 0 8px}.rvw-empty-text{color:var(--prf-slate-500);font-size:14px;margin:0;max-width:300px}@media (max-width:768px){.rvw-stats-main{flex-direction:column;gap:24px}.rvw-average{border-bottom:1px solid var(--prf-slate-200);border-right:none;flex-direction:row;gap:16px;justify-content:center;padding-bottom:24px;padding-right:0;width:100%}.rvw-average-info{align-items:flex-start}.rvw-toolbar{align-items:stretch;flex-direction:column;gap:12px}.rvw-toolbar-actions{justify-content:flex-end}.rvw-review-header{flex-direction:column;gap:12px}.rvw-review-meta{align-items:center;flex-direction:row;gap:12px}}@media (max-width:480px){.rvw-stats-card{padding:16px}.rvw-average-value{font-size:36px}.rvw-review-card{padding:16px}.rvw-reviewer-avatar{height:40px;width:40px}.rvw-dropdown-btn span{display:none}}.profile-collab-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.profile-collab-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.profile-collab-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.profile-collab-modal-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.profile-collab-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:8px;transition:all .2s ease}.profile-collab-close-btn:hover{background:#f3f4f6;color:#374151}.profile-collab-modal-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex}.profile-collab-tab-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .2s ease}.profile-collab-tab-btn:hover{background:#f9fafb;color:#374151}.profile-collab-tab-btn.active{background:#f8faff;color:#4f46e5}.profile-collab-tab-btn.active:after{background:#4f46e5;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.profile-collab-modal-content{flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:0}.profile-collab-loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px}.profile-collab-loading-state .profile-collab-spinner{animation:profile-collab-spin 1s linear infinite;font-size:1.5rem;margin-bottom:12px}.profile-collab-btn .profile-collab-spinner,.profile-collab-loading-state .profile-collab-spinner,.profile-collab-request-actions .profile-collab-spinner{animation:profile-collab-spin 1s linear infinite!important;background:none!important;border:none!important;border-radius:0!important;color:inherit!important;display:inline-block!important;font-size:inherit!important;height:auto!important;margin:0!important;padding:0!important;transform-origin:center!important;width:auto!important}.profile-collab-modal .profile-collab-spinner{border:none!important;height:auto!important;width:auto!important}@keyframes profile-collab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-collab-empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.profile-collab-empty-state svg{color:#d1d5db;font-size:2.5rem;margin-bottom:16px}.profile-collab-empty-state p{font-size:1rem;margin:0 0 16px}.profile-collab-discover-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;font-weight:500;padding:10px 20px;text-decoration:none;transition:background .2s ease}.profile-collab-discover-btn:hover{background:#4338ca}.profile-collab-list,.profile-collab-requests-list{padding:0}.profile-collab-item,.profile-collab-request-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:16px 24px;transition:background .2s ease}.profile-collab-item:hover,.profile-collab-request-item:hover{background:#f9fafb}.profile-collab-item:last-child,.profile-collab-request-item:last-child{border-bottom:none}.profile-collab-link,.profile-collab-request-link{align-items:center;color:inherit;display:flex;flex:1 1;text-decoration:none}.profile-collab-avatar,.profile-collab-request-avatar{border:2px solid #e5e7eb;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.profile-collab-info,.profile-collab-request-info{flex:1 1;min-width:0}.profile-collab-info h4,.profile-collab-request-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-collab-info p,.profile-collab-request-info p{color:#6b7280;font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-collab-field{background:#eff6ff;border-radius:12px;color:#1d4ed8;display:inline-block;font-size:.75rem;margin-top:4px;padding:2px 8px}.profile-collab-context{display:flex;flex-direction:column;gap:4px;margin-top:8px}.profile-collab-date,.profile-collab-room,.profile-collab-type{align-items:center;color:#059669;display:flex;font-size:.75rem;gap:4px}.profile-collab-btn{align-items:center;background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.profile-collab-btn:hover{background:#047857}.profile-collab-btn.profile-collab-btn-loading{cursor:not-allowed;opacity:.7}.profile-collab-request-message{font-style:italic;margin-bottom:4px!important}.profile-collab-request-details{display:flex;gap:12px;margin-top:4px}.profile-collab-request-date,.profile-collab-request-type,.profile-collab-research-room{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:4px}.profile-collab-request-actions{display:flex;gap:8px}.profile-collab-accept-btn,.profile-collab-reject-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease}.profile-collab-accept-btn{background:#10b981;color:#fff}.profile-collab-accept-btn:hover{background:#059669}.profile-collab-reject-btn{background:#6b7280;color:#fff}.profile-collab-reject-btn:hover{background:#4b5563}.profile-collab-accept-btn.profile-collab-btn-loading,.profile-collab-reject-btn.profile-collab-btn-loading{cursor:not-allowed;opacity:.7}.profile-collab-request-status{align-items:center;display:flex}.profile-collab-status-pending{background:#fbbf24;border-radius:12px;color:#92400e;font-size:.75rem;font-weight:500;padding:4px 8px}.profile-collab-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;text-align:center}.profile-collab-full-link{align-items:center;color:#4f46e5;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;text-decoration:none;transition:color .2s ease}.profile-collab-full-link:hover{color:#4338ca}.profile-collab-icon{color:#4f46e5;font-size:.875rem;margin-right:4px}@media (max-width:640px){.profile-collab-modal{max-height:90vh;width:95%}.profile-collab-modal-header{padding:16px 20px}.profile-collab-modal-header h2{font-size:1.125rem}.profile-collab-tab-btn{font-size:.875rem;padding:14px 16px}.profile-collab-item,.profile-collab-request-item{padding:12px 20px}.profile-collab-avatar,.profile-collab-request-avatar{height:40px;width:40px}.profile-collab-info h4,.profile-collab-request-info h4{font-size:.875rem}.profile-collab-info p,.profile-collab-request-info p{font-size:.8125rem}.profile-collab-btn{font-size:.8125rem;min-width:80px;padding:6px 12px}.profile-collab-accept-btn,.profile-collab-reject-btn{font-size:.8125rem;min-width:70px;padding:6px 10px}.profile-collab-request-actions{flex-direction:column;gap:6px}}.profile-collab-group-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.profile-collab-group-item:hover{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51a}.profile-collab-group-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;padding:16px;transition:background-color .2s ease}.profile-collab-group-header:hover{background:#f3f4f6}.profile-collab-summary{align-items:center;display:flex;gap:12px;margin-left:auto;margin-right:16px}.collaborations-count{color:#6b7280;font-size:.875rem;font-weight:500}.expand-icon{color:#9ca3af;font-size:.75rem;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.collaborations-details{background:#fff;border-top:1px solid #f3f4f6;padding:0 16px 16px}.collaborations-details h5{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px}.collaboration-detail-item{background:#f8fafc;border-left:3px solid #4f46e5;border-radius:8px;margin-bottom:8px;padding:12px}.collaboration-detail-item:last-child{margin-bottom:0}.collaboration-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.collaboration-date,.collaboration-room,.collaboration-type{align-items:center;color:#4b5563;display:flex;font-size:.8125rem;gap:6px}.collaboration-room{color:#1f2937;font-weight:600}.collaboration-room svg{color:#4f46e5}.collaboration-type svg{color:#059669}.collaboration-date svg{color:#dc2626}.profile-collab-name-section{align-items:center;display:flex;gap:12px;margin-bottom:4px}.profile-collab-verified{color:#059669;font-size:14px;margin-left:4px}.profile-collab-rating{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:4px}.rating-star{color:#fbbf24;font-size:12px}.rating-count{color:#9ca3af}.profile-collab-relationship{display:flex;gap:8px;margin-top:4px}.relationship-badge{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.relationship-badge.following{background-color:#dbeafe;color:#1d4ed8}.relationship-badge.followed{background-color:#d1fae5;color:#065f46}.profile-collab-stats{align-items:flex-end;display:flex;flex-direction:column;font-size:13px;gap:4px}.success-rate{color:#059669;font-weight:500}.collab-rating{align-items:center;color:#6b7280;display:flex;gap:4px}.collab-rating svg{color:#fbbf24;font-size:11px}.collaboration-timeline{background-color:#f9fafb;border-left:3px solid #4f46e5;border-radius:8px;margin-bottom:16px;padding:12px}.collaboration-timeline p{color:#6b7280;font-size:13px;margin:0 0 4px}.collaboration-timeline strong{color:#374151}.profile-collab-controls{align-items:center;border-bottom:1px solid #e5e7eb;display:none;justify-content:space-between;margin-bottom:16px;padding:16px 0}.profile-collab-sort-controls{align-items:center;display:flex;gap:8px}.profile-collab-sort-controls label{color:#374151;font-size:14px;font-weight:500}.profile-collab-sort-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:6px 12px}.profile-collab-count{color:#6b7280;font-size:13px;font-weight:500}.profile-collab-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:16px 0}.profile-collab-page-btn{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.profile-collab-page-btn:hover:not(:disabled){background-color:#4338ca}.profile-collab-page-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.profile-collab-page-info{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:768px){.collaboration-info{align-items:flex-start;flex-direction:column;gap:8px}.profile-collab-summary{margin-right:8px}.profile-collab-group-header{padding:12px}.profile-collab-name-section{align-items:flex-start;flex-direction:column;gap:4px}.profile-collab-controls{align-items:flex-start;flex-direction:column;gap:12px}.profile-collab-stats{align-items:flex-start}.profile-collab-pagination{flex-wrap:wrap;gap:8px}}.prf-skeleton{background:var(--prf-slate-50);min-height:100vh}.prf-skeleton-line{background:var(--prf-slate-200);border-radius:var(--prf-radius);overflow:hidden;position:relative}.prf-skeleton-shimmer{background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);inset:0;position:absolute}.prf-skeleton-header{background:#fff;position:relative}.prf-skeleton-bg{background:linear-gradient(135deg,var(--prf-slate-300),var(--prf-slate-200));height:140px}.prf-skeleton-content{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:auto 1fr auto;margin:-60px auto 0;max-width:1200px;padding:0 24px;position:relative;z-index:1}.prf-skeleton-avatar-section{align-items:center;display:flex;flex-direction:column;gap:16px}.prf-skeleton-avatar{background:var(--prf-slate-200);border:4px solid #fff;border-radius:50%;box-shadow:var(--prf-shadow-lg);height:140px;overflow:hidden;position:relative;width:140px}.prf-skeleton-quick-stats{background:var(--prf-slate-100);border-radius:var(--prf-radius-lg);display:flex;gap:16px;padding:12px 16px}.prf-skeleton-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.prf-skeleton-info{display:flex;flex-direction:column;gap:12px;padding-top:70px}.prf-skeleton-name-row{align-items:center;display:flex;gap:12px}.prf-skeleton-tags{display:flex;gap:8px}.prf-skeleton-contact{display:flex;gap:16px}.prf-skeleton-actions{display:flex;flex-direction:column;gap:8px;padding-top:70px}.prf-skeleton-stats-bar{grid-gap:12px;border-top:1px solid var(--prf-slate-100);display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:24px auto 0;max-width:1200px;padding:16px 24px}.prf-skeleton-stat-card{align-items:center;background:var(--prf-slate-50);border-radius:var(--prf-radius-md);display:flex;flex-direction:column;gap:6px;padding:12px}.prf-skeleton-tabs{background:#fff;border-bottom:1px solid var(--prf-slate-200);display:flex;gap:8px;margin:0 auto;max-width:1200px;padding:12px 24px}.prf-skeleton-body{margin:0 auto;max-width:1200px;padding:24px}.prf-skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.prf-skeleton-card{background:#fff;border:1px solid var(--prf-slate-100);border-radius:var(--prf-radius-md);display:flex;flex-direction:column;gap:10px;padding:20px}@media (max-width:1024px){.prf-skeleton-content{gap:20px}.prf-skeleton-avatar{height:120px;width:120px}.prf-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.prf-skeleton-content{grid-template-columns:1fr;margin-top:-40px;text-align:center}.prf-skeleton-avatar-section{order:1}.prf-skeleton-info{align-items:center;order:2;padding-top:0}.prf-skeleton-actions{flex-direction:row;justify-content:center;order:3;padding-top:0}.prf-skeleton-avatar{height:100px;width:100px}.prf-skeleton-name-row{flex-direction:column;gap:8px}.prf-skeleton-contact,.prf-skeleton-tags{justify-content:center}.prf-skeleton-stats-bar{grid-template-columns:repeat(4,1fr)}.prf-skeleton-grid{grid-template-columns:1fr}}@media (max-width:480px){.prf-skeleton-quick-stats{gap:8px;padding:8px 12px}.prf-skeleton-stats-bar{grid-template-columns:repeat(2,1fr)}.prf-skeleton-tabs{gap:4px;padding:8px 12px}}:root{--tc-blue:#3b82f6;--tc-blue-hover:#2563eb;--tc-blue-light:#eff6ff;--tc-blue-glow:#3b82f640;--tc-purple:#8b5cf6;--tc-purple-light:#f5f3ff;--tc-green:#10b981;--tc-green-light:#ecfdf5;--tc-fresh-green:#00c853;--tc-amber:#f59e0b;--tc-amber-light:#fffbeb;--tc-yellow-soft:#fef3c7;--tc-indigo:#6366f1;--tc-indigo-light:#eef2ff;--tc-cyan:#06b6d4;--tc-cyan-light:#ecfeff;--tc-pink:#ec4899;--tc-pink-light:#fdf2f8;--tc-red:#ef4444;--tc-red-light:#fef2f2;--tc-upvote:#ff4500;--tc-upvote-bg:#fff5f2;--tc-upvote-glow:#ff450033;--tc-downvote:#7193ff;--tc-downvote-bg:#f0f4ff;--tc-white:#fff;--tc-gray-50:#f8fafc;--tc-gray-100:#f1f5f9;--tc-gray-200:#e2e8f0;--tc-gray-300:#cbd5e1;--tc-gray-400:#94a3b8;--tc-gray-500:#64748b;--tc-gray-600:#475569;--tc-gray-700:#334155;--tc-gray-800:#1e293b;--tc-gray-900:#0f172a;--tc-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--tc-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--tc-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--tc-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--tc-shadow-glow:0 0 0 3px var(--tc-blue-glow);--tc-shadow-upvote-glow:0 0 0 3px var(--tc-upvote-glow);--tc-radius-sm:6px;--tc-radius-md:10px;--tc-radius-lg:14px;--tc-radius-xl:18px;--tc-radius-full:50px;--tc-space-xs:4px;--tc-space-sm:8px;--tc-space-md:12px;--tc-space-lg:16px;--tc-space-xl:20px;--tc-space-2xl:24px;--tc-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--tc-text-xs:11px;--tc-text-sm:13px;--tc-text-md:14px;--tc-text-lg:15px;--tc-text-xl:17px;--tc-text-2xl:20px;--tc-ease:cubic-bezier(0.4,0,0.2,1);--tc-duration:200ms;--tc-spring:cubic-bezier(0.34,1.56,0.64,1)}.tc-card{background:var(--tc-white);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-xl);box-shadow:var(--tc-shadow-sm);cursor:pointer;display:flex;flex-direction:row;font-family:var(--tc-font);overflow:hidden;position:relative;transition:all var(--tc-duration) var(--tc-ease)}.tc-card:hover{border-color:var(--tc-gray-300);box-shadow:var(--tc-shadow-lg);transform:translateY(-2px)}.tc-card:active{transform:translateY(0)}.tc-card.tc-pinned{background:linear-gradient(135deg,var(--tc-yellow-soft) 0,var(--tc-white) 40%);border-color:var(--tc-amber)}.tc-card.tc-pinned:before{background:linear-gradient(180deg,var(--tc-amber) 0,#fbbf24 100%);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.tc-card.tc-locked{background:linear-gradient(135deg,var(--tc-red-light) 0,var(--tc-white) 40%);border-color:var(--tc-red)}.tc-card.tc-locked:before{background:linear-gradient(180deg,var(--tc-red) 0,#f87171 100%);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.tc-votes{background:linear-gradient(180deg,var(--tc-gray-50) 0,var(--tc-white) 100%);border-right:1px solid var(--tc-gray-100);flex-direction:column;gap:2px;justify-content:flex-start;min-width:52px;padding:var(--tc-space-lg) var(--tc-space-md)}.tc-vote-btn,.tc-votes{align-items:center;display:flex}.tc-vote-btn{-webkit-tap-highlight-color:transparent;background:var(--tc-white);border:1.5px solid var(--tc-gray-200);border-radius:var(--tc-radius-md);color:var(--tc-gray-400);cursor:pointer;height:36px;justify-content:center;transition:all var(--tc-duration) var(--tc-ease);width:36px}.tc-vote-btn:hover{border-color:var(--tc-gray-300);color:var(--tc-gray-600);transform:scale(1.08)}.tc-vote-btn:active{transform:scale(.92)}.tc-vote-btn.tc-up:hover{background:var(--tc-upvote-bg);border-color:var(--tc-upvote);color:var(--tc-upvote)}.tc-vote-btn.tc-up.tc-voted{background:linear-gradient(135deg,var(--tc-upvote) 0,#ff6b3d 100%);border-color:var(--tc-upvote);box-shadow:var(--tc-shadow-upvote-glow);color:var(--tc-white)}.tc-vote-btn.tc-down:hover{background:var(--tc-downvote-bg);border-color:var(--tc-downvote);color:var(--tc-downvote)}.tc-vote-btn.tc-down.tc-voted{background:linear-gradient(135deg,var(--tc-blue) 0,var(--tc-indigo) 100%);border-color:var(--tc-blue);box-shadow:var(--tc-shadow-glow);color:var(--tc-white)}.tc-score{font-size:var(--tc-text-lg);font-weight:700;letter-spacing:-.5px;min-width:28px;padding:var(--tc-space-xs) 0;text-align:center}.tc-score.tc-positive{color:var(--tc-upvote)}.tc-score.tc-negative{color:var(--tc-blue)}.tc-score.tc-zero{color:var(--tc-gray-400)}.tc-badges{display:flex;flex-direction:column;gap:var(--tc-space-xs);margin-top:var(--tc-space-sm)}.tc-badge{align-items:center;border-radius:var(--tc-radius-sm);display:flex;font-size:12px;height:26px;justify-content:center;width:26px}.tc-badge.tc-hot{background:linear-gradient(135deg,var(--tc-amber) 0,var(--tc-red) 100%);box-shadow:0 2px 8px #f59e0b59;color:var(--tc-white)}.tc-badge.tc-trending{background:linear-gradient(135deg,var(--tc-blue) 0,var(--tc-cyan) 100%);box-shadow:0 2px 8px #3b82f659;color:var(--tc-white)}.tc-body{display:flex;flex:1 1;flex-direction:column;gap:var(--tc-space-md);min-width:0;padding:var(--tc-space-lg) var(--tc-space-xl)}.tc-community{align-items:center;background:linear-gradient(135deg,var(--tc-gray-50) 0,var(--tc-white) 100%);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-full);display:inline-flex;gap:var(--tc-space-sm);padding:var(--tc-space-xs) var(--tc-space-md);transition:all var(--tc-duration) var(--tc-ease);width:-webkit-fit-content;width:fit-content}.tc-community:hover{background:var(--tc-blue-light);border-color:var(--tc-blue)}.tc-community-avatar{background:var(--tc-gray-200);border-radius:var(--tc-radius-sm);flex-shrink:0;height:22px;overflow:hidden;width:22px}.tc-community-avatar img{height:100%;object-fit:cover;width:100%}.tc-community-avatar-text{align-items:center;background:linear-gradient(135deg,var(--tc-purple) 0,var(--tc-blue) 100%);color:var(--tc-white);display:flex;font-size:var(--tc-text-xs);font-weight:700;height:100%;justify-content:center;width:100%}.tc-community-name{color:var(--tc-gray-700);font-size:var(--tc-text-sm);font-weight:600}.tc-header{align-items:flex-start;display:flex;gap:var(--tc-space-md);justify-content:space-between}.tc-meta{flex-wrap:wrap;gap:var(--tc-space-sm)}.tc-meta,.tc-status{align-items:center;display:flex}.tc-status{border-radius:var(--tc-radius-sm);flex-shrink:0;height:22px;justify-content:center;width:22px}.tc-status.tc-pin{background:var(--tc-amber-light);color:var(--tc-amber)}.tc-status.tc-lock{background:var(--tc-red-light);color:var(--tc-red)}.tc-author{gap:var(--tc-space-sm)}.tc-author,.tc-author-avatar{align-items:center;display:flex}.tc-author-avatar{background:var(--tc-gray-100);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-sm);color:var(--tc-gray-400);flex-shrink:0;height:26px;justify-content:center;overflow:hidden;width:26px}.tc-author-avatar img{height:100%;object-fit:cover;width:100%}.tc-author-name{color:var(--tc-gray-800);font-size:var(--tc-text-sm);font-weight:600;transition:color var(--tc-duration) var(--tc-ease)}.tc-author-name:hover{color:var(--tc-blue)}.tc-time{align-items:center;color:var(--tc-gray-500);display:inline-flex;font-size:var(--tc-text-xs);gap:4px;white-space:nowrap}.tc-time svg{opacity:.7}.tc-activity{color:var(--tc-gray-400);font-size:var(--tc-text-xs)}.tc-menu-wrap{position:relative}.tc-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--tc-radius-md);color:var(--tc-gray-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--tc-duration) var(--tc-ease);width:32px}.tc-menu-btn:hover{background:var(--tc-gray-100);border-color:var(--tc-gray-200);color:var(--tc-gray-600)}.tc-dropdown{background:var(--tc-white);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-lg);box-shadow:var(--tc-shadow-xl);min-width:150px;opacity:0;padding:var(--tc-space-xs);position:absolute;right:0;top:calc(100% + 6px);transform:translateY(-8px) scale(.95);transition:all .15s var(--tc-ease);visibility:hidden;z-index:100}.tc-dropdown.tc-open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.tc-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--tc-radius-md);color:var(--tc-gray-700);cursor:pointer;display:flex;font-size:var(--tc-text-sm);gap:var(--tc-space-sm);padding:var(--tc-space-sm) var(--tc-space-md);transition:all var(--tc-duration) var(--tc-ease);width:100%}.tc-dropdown-item:hover{background:var(--tc-gray-100)}.tc-dropdown-item.tc-active{background:var(--tc-blue-light);color:var(--tc-blue)}.tc-main{display:flex;flex-direction:column;gap:var(--tc-space-sm)}.tc-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--tc-space-md)}.tc-title{color:var(--tc-gray-900);flex:1 1;font-size:var(--tc-text-xl);font-weight:700;line-height:1.35;margin:0;min-width:0;word-break:break-word}.tc-card:hover .tc-title{color:var(--tc-blue)}.tc-flair{align-items:center;border-radius:var(--tc-radius-sm);display:inline-flex;flex-shrink:0;font-size:var(--tc-text-xs);font-weight:600;padding:3px 10px;white-space:nowrap}.tc-desc{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--tc-gray-600);display:-webkit-box;font-size:var(--tc-text-md);line-height:1.55;margin:0;overflow:hidden}.tc-photo{background:var(--tc-gray-50);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-lg);margin-top:var(--tc-space-sm);overflow:hidden;position:relative}.tc-photo img{display:block;max-height:320px;object-fit:cover;transition:transform .35s var(--tc-ease);width:100%}.tc-photo:hover img{transform:scale(1.02)}.tc-photo-error{align-items:center;background:var(--tc-red-light);color:var(--tc-red);flex-direction:column;font-size:var(--tc-text-sm);justify-content:center;padding:var(--tc-space-2xl);text-align:center}.tc-photo-error,.tc-tags{display:flex;gap:var(--tc-space-sm)}.tc-tags{flex-wrap:wrap;margin-top:var(--tc-space-xs)}.tc-tag{align-items:center;background:var(--tc-gray-100);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-full);color:var(--tc-gray-600);display:inline-flex;font-size:var(--tc-text-xs);font-weight:500;gap:3px;padding:4px 10px;transition:all var(--tc-duration) var(--tc-ease)}.tc-tag:hover{background:var(--tc-blue-light);border-color:var(--tc-blue);color:var(--tc-blue)}.tc-footer{border-top:1px solid var(--tc-gray-100);display:flex;flex-direction:column;gap:var(--tc-space-md);margin-top:var(--tc-space-sm);padding-top:var(--tc-space-md)}.tc-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--tc-space-lg)}.tc-stat{align-items:center;color:var(--tc-gray-500);display:inline-flex;font-size:var(--tc-text-sm);gap:5px}.tc-stat svg{flex-shrink:0}.tc-save{align-items:center;background:#0000;border:none;border-radius:var(--tc-radius-md);color:var(--tc-gray-500);cursor:pointer;display:inline-flex;font-size:var(--tc-text-sm);gap:5px;padding:var(--tc-space-xs) var(--tc-space-sm);transition:all var(--tc-duration) var(--tc-ease)}.tc-save:hover{background:var(--tc-blue-light);color:var(--tc-blue)}.tc-save.tc-saved{color:var(--tc-blue);font-weight:600}.tc-last-reply{align-items:center;color:var(--tc-gray-400);display:flex;font-size:var(--tc-text-xs);gap:5px}.tc-last-reply-author{color:var(--tc-gray-600);font-weight:600}.tc-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--tc-space-sm)}.tc-action{align-items:center;background:var(--tc-white);border:1px solid var(--tc-gray-200);border-radius:var(--tc-radius-md);color:var(--tc-gray-500);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all var(--tc-duration) var(--tc-ease);width:36px}.tc-action:hover{box-shadow:var(--tc-shadow-md);transform:translateY(-2px)}.tc-action:active{transform:translateY(0) scale(.95)}.tc-action.tc-share:hover{background:var(--tc-green-light);border-color:var(--tc-green);color:var(--tc-green)}.tc-action.tc-follow:hover,.tc-action.tc-following{background:var(--tc-blue-light);border-color:var(--tc-blue);color:var(--tc-blue)}.tc-action.tc-award:hover{background:var(--tc-amber-light);border-color:var(--tc-amber);color:var(--tc-amber)}.tc-action.tc-report:hover{background:var(--tc-red-light);border-color:var(--tc-red);color:var(--tc-red)}.tc-engagement{align-items:center;display:flex;gap:var(--tc-space-sm);margin-left:auto}.tc-chip{align-items:center;border-radius:var(--tc-radius-full);display:inline-flex;font-size:var(--tc-text-xs);font-weight:600;gap:4px;padding:5px 10px}.tc-chip.tc-upvotes{background:var(--tc-upvote-bg);color:var(--tc-upvote)}.tc-chip.tc-replies{background:var(--tc-blue-light);color:var(--tc-blue)}.tc-spinner{animation:tc-spin .7s linear infinite;border:2px solid var(--tc-gray-200);border-radius:50%;border-top-color:var(--tc-blue);height:16px;width:16px}@keyframes tc-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.tc-body{padding:var(--tc-space-lg)}.tc-photo img{max-height:280px}}@media (max-width:768px){.tc-card{border-radius:var(--tc-radius-lg);flex-direction:row}.tc-votes{flex-direction:column;gap:2px;min-width:44px;padding:var(--tc-space-md) var(--tc-space-sm)}.tc-vote-btn{height:32px;width:32px}.tc-score{font-size:var(--tc-text-md)}.tc-badges{flex-direction:column;margin-top:var(--tc-space-sm)}.tc-badge{height:22px;width:22px}.tc-body{padding:var(--tc-space-md)}.tc-header{position:relative}.tc-menu-wrap{position:absolute;right:0;top:0}.tc-meta{gap:var(--tc-space-xs);padding-right:36px}.tc-author-avatar{height:22px;width:22px}.tc-author-name{font-size:var(--tc-text-xs)}.tc-time{font-size:10px}.tc-activity{display:none}.tc-title{font-size:var(--tc-text-lg)}.tc-desc{-webkit-line-clamp:2;line-clamp:2}.tc-photo img{max-height:200px}.tc-footer,.tc-stats{gap:var(--tc-space-sm)}.tc-stats{flex-wrap:wrap}.tc-stat{font-size:var(--tc-text-xs)}.tc-last-reply,.tc-save span{display:none}.tc-actions{flex-wrap:wrap;gap:6px}.tc-action{height:32px;width:32px}.tc-engagement{margin-left:auto}.tc-chip{font-size:10px;padding:4px 8px}}@media (max-width:480px){.tc-card{border-radius:var(--tc-radius-md);flex-direction:row}.tc-votes{flex-direction:column;gap:1px;min-width:38px;padding:var(--tc-space-sm) var(--tc-space-xs)}.tc-vote-btn{height:28px;width:28px}.tc-vote-btn svg{height:16px;width:16px}.tc-score{font-size:var(--tc-text-sm);min-width:20px;padding:2px 0}.tc-badges{margin-top:var(--tc-space-xs)}.tc-badge{height:18px;width:18px}.tc-badge svg{height:10px;width:10px}.tc-body{gap:var(--tc-space-xs);padding:var(--tc-space-sm)}.tc-community{padding:2px 6px}.tc-community-avatar{height:16px;width:16px}.tc-community-name{font-size:10px}.tc-header{gap:var(--tc-space-xs)}.tc-meta{gap:4px;padding-right:28px}.tc-author-avatar,.tc-status{height:18px;width:18px}.tc-author-name{font-size:10px}.tc-time{font-size:9px}.tc-menu-btn{height:26px;width:26px}.tc-title{font-size:var(--tc-text-md);line-height:1.3}.tc-flair{font-size:9px;padding:2px 6px}.tc-desc{-webkit-line-clamp:2;line-clamp:2;font-size:var(--tc-text-xs);line-height:1.4}.tc-photo img{max-height:140px}.tc-tags{gap:4px}.tc-tag{font-size:9px;padding:2px 6px}.tc-footer{gap:var(--tc-space-xs);padding-top:var(--tc-space-xs)}.tc-stats{gap:var(--tc-space-sm)}.tc-stat{font-size:10px;gap:3px}.tc-stat svg{height:12px;width:12px}.tc-save{padding:2px 4px}.tc-actions{gap:4px}.tc-action{height:28px;width:28px}.tc-action svg{height:13px;width:13px}.tc-chip{font-size:9px;gap:2px;padding:3px 6px}.tc-chip svg{height:10px;width:10px}}@media (hover:none){.tc-card:hover{box-shadow:var(--tc-shadow-sm);transform:none}.tc-card:active{background:var(--tc-gray-50);transform:scale(.99)}.tc-vote-btn:hover{transform:none}.tc-action:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.tc-action,.tc-card,.tc-photo img,.tc-vote-btn{transition:none}.tc-card:hover{transform:none}.tc-spinner{animation:none}}.save-thread-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.save-thread-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.save-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.save-modal-title{align-items:center;color:#1a202c;display:flex;gap:10px}.save-modal-title h3{font-size:20px;font-weight:600;margin:0}.close-btn{padding:4px}.close-btn:hover{color:#1a202c}.save-modal-thread-preview{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.save-modal-thread-preview h4{color:#1a202c;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.save-modal-thread-preview p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.save-modal-section{border-bottom:1px solid #e2e8f0;padding:20px 24px}.save-modal-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:10px}.save-modal-input,.save-modal-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.save-modal-input:focus,.save-modal-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.save-modal-select:disabled{background:#f1f5f9;cursor:not-allowed}.save-modal-hint{color:#64748b;display:block;font-size:12px;margin-top:6px}.create-collection-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:10px;padding:8px 12px;transition:all .2s ease}.create-collection-btn:hover{background:#dbeafe;border-color:#3b82f6}.cancel-new-collection-btn{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;margin-top:10px;padding:8px 12px;transition:all .2s ease}.cancel-new-collection-btn:hover{background:#f1f5f9;color:#1a202c}.save-modal-actions{display:flex;gap:12px;padding:20px 24px}.quick-save-btn,.save-detailed-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.quick-save-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#374151}.quick-save-btn:hover:not(:disabled){background:#e2e8f0}.save-detailed-btn{background:#3b82f6;color:#fff}.save-detailed-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.quick-save-btn:disabled,.save-detailed-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.save-thread-modal{margin:20px;max-height:calc(100vh - 40px);max-width:100%}.save-modal-actions{flex-direction:column}.quick-save-btn,.save-detailed-btn{width:100%}}.chub-feed{display:flex;flex-direction:column;gap:var(--chub-space-4)}.chub-feed-controls{backdrop-filter:var(--chub-backdrop-blur);-webkit-backdrop-filter:var(--chub-backdrop-blur);background:var(--chub-glass-bg-dark);border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);box-shadow:var(--chub-shadow-card);padding:var(--chub-space-4)}.chub-sort-pills{align-items:center;display:flex;flex-wrap:wrap;gap:var(--chub-space-2)}.chub-sort-pill{align-items:center;background:var(--chub-slate-100);border:1px solid #0000;border-radius:var(--chub-radius-full);color:var(--chub-slate-600);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:600;gap:var(--chub-space-1-5);padding:var(--chub-space-2) var(--chub-space-3-5);transition:all var(--chub-transition-fast);white-space:nowrap}.chub-sort-pill:hover{background:var(--chub-slate-200);color:var(--chub-slate-800)}.chub-sort-pill.active{background:#fff;border-color:var(--chub-slate-200);box-shadow:var(--chub-shadow-sm)}.chub-sort-pill.active,.chub-sort-pill.active svg{color:var(--chub-blue);color:var(--pill-color,var(--chub-blue))}.chub-time-filter{margin-left:var(--chub-space-2);position:relative}.chub-time-trigger{align-items:center;background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-md);color:var(--chub-slate-600);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:500;gap:var(--chub-space-1-5);padding:var(--chub-space-2) var(--chub-space-3);transition:all var(--chub-transition-fast)}.chub-time-trigger:hover{background:var(--chub-slate-50);border-color:var(--chub-slate-300)}.chub-time-trigger svg{transition:transform var(--chub-transition-fast)}.chub-time-trigger svg.rotated{transform:rotate(180deg)}.chub-time-dropdown{background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-lg);box-shadow:var(--chub-shadow-lg);left:0;min-width:140px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:var(--chub-z-popover)}.chub-time-option{background:#0000;border:none;color:var(--chub-slate-600);cursor:pointer;display:block;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:500;padding:var(--chub-space-2-5) var(--chub-space-4);text-align:left;transition:all var(--chub-transition-fast);width:100%}.chub-time-option:hover{background:var(--chub-slate-50);color:var(--chub-slate-800)}.chub-time-option.active{background:var(--chub-blue-50);color:var(--chub-blue)}.chub-controls-divider{background:var(--chub-slate-200);height:1px;margin:var(--chub-space-3) 0}.chub-feed-filters{align-items:center;display:flex;gap:var(--chub-space-4)}.chub-filter-toggle{background:var(--chub-slate-100);border-radius:var(--chub-radius-md);display:flex;flex-shrink:0;padding:var(--chub-space-0-5)}.chub-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--chub-radius-sm);color:var(--chub-slate-500);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:500;gap:var(--chub-space-1-5);padding:var(--chub-space-2) var(--chub-space-3);transition:all var(--chub-transition-fast)}.chub-toggle-btn:hover{color:var(--chub-slate-700)}.chub-toggle-btn.active{background:#fff;box-shadow:var(--chub-shadow-xs);color:var(--chub-blue)}.chub-tags-scroll{display:flex;flex:1 1;gap:var(--chub-space-2);overflow-x:auto;padding-bottom:var(--chub-space-1)}.chub-tag{align-items:center;background:#0000;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-full);color:var(--chub-slate-500);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-xs);font-weight:500;gap:var(--chub-space-1);padding:var(--chub-space-1-5) var(--chub-space-3);transition:all var(--chub-transition-fast);white-space:nowrap}.chub-tag:hover{border-color:var(--chub-slate-300);color:var(--chub-slate-700)}.chub-tag.active{background:var(--chub-blue);border-color:var(--chub-blue);color:#fff}.chub-feed-info{align-items:center;background:var(--chub-yellow-soft);border:1px solid var(--chub-yellow-medium);border-radius:var(--chub-radius-lg);display:flex;justify-content:space-between;padding:var(--chub-space-3) var(--chub-space-4)}.chub-feed-meta{color:var(--chub-slate-700);font-size:var(--chub-text-sm)}.chub-feed-meta strong{color:var(--chub-slate-900)}.chub-feed-algo{color:var(--chub-slate-500);margin-left:var(--chub-space-1)}.chub-refresh-btn{align-items:center;background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-md);color:var(--chub-slate-600);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-xs);font-weight:600;gap:var(--chub-space-1-5);padding:var(--chub-space-1-5) var(--chub-space-3);transition:all var(--chub-transition-fast)}.chub-refresh-btn:hover{background:var(--chub-slate-50);color:var(--chub-slate-800)}.chub-feed-list{display:flex;flex-direction:column;gap:var(--chub-space-3)}.chub-thread-wrapper{background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);box-shadow:var(--chub-shadow-xs);overflow:hidden;transition:all var(--chub-transition-base)}.chub-thread-wrapper:hover{border-color:var(--chub-slate-300);box-shadow:var(--chub-shadow-md);transform:translateY(-2px)}.chub-feed-state{background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);flex-direction:column;padding:var(--chub-space-16) var(--chub-space-6);text-align:center}.chub-feed-state,.chub-loader{align-items:center;display:flex;justify-content:center}.chub-loader{background:var(--chub-blue-50);border-radius:var(--chub-radius-full);color:var(--chub-blue);height:64px;margin-bottom:var(--chub-space-4);width:64px}.chub-feed-state h3{color:var(--chub-slate-800);font-family:var(--chub-font-display);font-size:var(--chub-text-lg);font-weight:600;margin:0 0 var(--chub-space-2) 0}.chub-feed-state p{color:var(--chub-slate-500);font-size:var(--chub-text-base);margin:0;max-width:320px}.chub-feed-state.error{background:var(--chub-red-50);border-color:var(--chub-red-light)}.chub-feed-state.error svg{color:var(--chub-red);margin-bottom:var(--chub-space-4)}.chub-empty-icon{background:var(--chub-gradient-primary);border-radius:var(--chub-radius-2xl);height:72px;justify-content:center;margin-bottom:var(--chub-space-5);width:72px}.chub-btn-retry,.chub-empty-icon{align-items:center;color:#fff;display:flex}.chub-btn-retry{background:var(--chub-blue);border:none;border-radius:var(--chub-radius-lg);cursor:pointer;font-family:var(--chub-font-sans);font-size:var(--chub-text-base);font-weight:600;gap:var(--chub-space-2);margin-top:var(--chub-space-5);padding:var(--chub-space-3) var(--chub-space-5);transition:all var(--chub-transition-base)}.chub-btn-retry:hover{background:var(--chub-blue-dark)}.chub-load-more{padding:var(--chub-space-5);text-align:center}.chub-loading-more{align-items:center;color:var(--chub-slate-500);display:flex;font-size:var(--chub-text-sm);gap:var(--chub-space-3);justify-content:center}.chub-scroll-hint{color:var(--chub-slate-400);font-size:var(--chub-text-xs)}.chub-feed-end{background:var(--chub-slate-100);border-radius:var(--chub-radius-full);color:var(--chub-slate-500);display:inline-block;font-size:var(--chub-text-sm);font-weight:500;padding:var(--chub-space-3) var(--chub-space-5)}@media (max-width:768px){.chub-feed-controls{padding:var(--chub-space-3)}.chub-sort-pills{gap:var(--chub-space-1-5)}.chub-sort-pill{font-size:var(--chub-text-xs);padding:var(--chub-space-2) var(--chub-space-3)}.chub-sort-pill span{display:none}.chub-sort-pill.active span{display:inline}.chub-feed-filters{align-items:stretch;flex-direction:column;gap:var(--chub-space-3)}.chub-filter-toggle{align-self:flex-start}.chub-feed-info{flex-direction:column;gap:var(--chub-space-3);text-align:center}.chub-feed-state{padding:var(--chub-space-10) var(--chub-space-4)}}@media (max-width:480px){.chub-feed{gap:var(--chub-space-3)}.chub-sort-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--chub-space-1)}.chub-controls-divider{margin:var(--chub-space-2) 0}.chub-thread-wrapper{border-radius:var(--chub-radius-lg)}}.collab-comm-page{background:linear-gradient(180deg,var(--collab-slate-50) 0,#fff 50%,var(--collab-slate-50) 100%);color:var(--collab-slate-800);font-family:var(--collab-font-sans);min-height:100vh;padding:var(--collab-space-5);position:relative}.collab-comm-page:before{background:var(--collab-gradient-hero);content:"";height:400px;left:0;opacity:.03;pointer-events:none;position:absolute;right:0;top:0}.collab-comm-container{margin:0 auto;max-width:1200px;position:relative}.collab-comm-header{-webkit-backdrop-filter:var(--collab-backdrop-blur);backdrop-filter:var(--collab-backdrop-blur);background:var(--collab-glass-bg);border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-xl);box-shadow:var(--collab-shadow-md);justify-content:space-between;margin-bottom:var(--collab-space-6);padding:var(--collab-space-5) var(--collab-space-6)}.collab-comm-header,.collab-comm-header-left{align-items:center;display:flex;gap:var(--collab-space-4)}.collab-comm-header-icon{align-items:center;background:var(--collab-gradient-primary);border-radius:var(--collab-radius-lg);box-shadow:var(--collab-shadow-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.collab-comm-title{-webkit-text-fill-color:#0000;background:var(--collab-gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--collab-font-display);font-size:1.75rem;font-weight:700;margin:0}.collab-comm-subtitle{color:var(--collab-slate-500);font-size:.875rem;margin:2px 0 0}.collab-comm-header-actions{align-items:center;display:flex;gap:var(--collab-space-3)}.collab-comm-btn{align-items:center;border:none;border-radius:var(--collab-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--collab-space-2);justify-content:center;padding:var(--collab-space-3) var(--collab-space-5);transition:all var(--collab-transition-base);white-space:nowrap}.collab-comm-btn-primary{background:var(--collab-gradient-fresh);box-shadow:var(--collab-shadow-success);color:#fff}.collab-comm-btn-primary:hover{box-shadow:0 6px 20px #00c85359;transform:translateY(-2px)}.collab-comm-btn-secondary{background:#fff;border:1px solid var(--collab-slate-200);box-shadow:var(--collab-shadow-sm);color:var(--collab-slate-700)}.collab-comm-btn-secondary:hover{background:var(--collab-slate-50);border-color:var(--collab-slate-300);transform:translateY(-1px)}.collab-comm-btn-secondary.active{background:var(--collab-primary);border-color:var(--collab-primary);color:#fff}.collab-comm-btn-ghost{background:#0000;color:var(--collab-slate-600);padding:var(--collab-space-2)}.collab-comm-btn-ghost:hover{background:var(--collab-slate-100);color:var(--collab-slate-800)}.collab-comm-btn-icon{border-radius:var(--collab-radius-md);height:36px;padding:0;width:36px}.collab-comm-search-section{display:flex;flex-direction:column;gap:var(--collab-space-4);margin-bottom:var(--collab-space-5)}.collab-comm-search-bar{align-items:center;background:#fff;border:2px solid var(--collab-slate-200);border-radius:var(--collab-radius-lg);box-shadow:var(--collab-shadow-sm);display:flex;gap:var(--collab-space-3);padding:var(--collab-space-3) var(--collab-space-4);transition:all var(--collab-transition-base)}.collab-comm-search-bar:focus-within{border-color:var(--collab-primary);box-shadow:0 0 0 4px #3b82f61a}.collab-comm-search-icon{color:var(--collab-slate-400);flex-shrink:0}.collab-comm-search-input{background:#0000;border:none;color:var(--collab-slate-800);flex:1 1;font-size:.9375rem;outline:none}.collab-comm-search-input::placeholder{color:var(--collab-slate-400)}.collab-comm-filters{display:flex;flex-direction:column;gap:var(--collab-space-3)}.collab-comm-filter-row{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-lg);box-shadow:var(--collab-shadow-xs);display:flex;gap:var(--collab-space-3);padding:var(--collab-space-3) var(--collab-space-4)}.collab-comm-filter-label{align-items:center;color:var(--collab-slate-500);display:flex;font-size:.8125rem;font-weight:600;gap:var(--collab-space-2);white-space:nowrap}.collab-comm-filter-pills{display:flex;flex:1 1;flex-wrap:wrap;gap:var(--collab-space-2)}.collab-comm-filter-pill{background:var(--collab-slate-100);border:1px solid #0000;border-radius:var(--collab-radius-full);color:var(--collab-slate-600);cursor:pointer;font-size:.8125rem;font-weight:500;padding:var(--collab-space-2) var(--collab-space-3);transition:all var(--collab-transition-fast)}.collab-comm-filter-pill:hover{background:var(--collab-slate-200);transform:translateY(-1px)}.collab-comm-filter-pill.active{background:var(--collab-gradient-primary);border-color:#0000;box-shadow:var(--collab-shadow-sm);color:#fff}.collab-comm-filter-scroll{display:flex;gap:var(--collab-space-2);overflow-x:auto;padding-bottom:var(--collab-space-1);scrollbar-color:var(--collab-slate-300) #0000;scrollbar-width:thin}.collab-comm-filter-scroll::-webkit-scrollbar{height:4px}.collab-comm-filter-scroll::-webkit-scrollbar-track{background:#0000}.collab-comm-filter-scroll::-webkit-scrollbar-thumb{background:var(--collab-slate-300);border-radius:var(--collab-radius-full)}.collab-comm-layout{grid-gap:var(--collab-space-5);display:grid;gap:var(--collab-space-5);grid-template-columns:1fr}.collab-comm-grid{grid-gap:var(--collab-space-4);display:grid;gap:var(--collab-space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.collab-comm-card{background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-xl);box-shadow:var(--collab-shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--collab-transition-slow)}.collab-comm-card:hover{border-color:var(--collab-primary-light);box-shadow:var(--collab-shadow-lg);transform:translateY(-4px)}.collab-comm-card-banner{background:var(--collab-gradient-cool);height:80px;overflow:hidden;position:relative}.collab-comm-card-banner:after{background:linear-gradient(180deg,#0000 50%,#0000001a);content:"";inset:0;position:absolute}.collab-comm-card-avatar{align-items:center;background:var(--collab-gradient-fresh);border:3px solid #fff;border-radius:var(--collab-radius-lg);bottom:-24px;box-shadow:var(--collab-shadow-md);display:flex;height:64px;justify-content:center;left:var(--collab-space-5);overflow:hidden;position:absolute;width:64px}.collab-comm-card-avatar img{height:100%;object-fit:cover;width:100%}.collab-comm-card-avatar-placeholder{color:#fff;font-size:1.5rem}.collab-comm-card-type-badge{align-items:center;-webkit-backdrop-filter:var(--collab-backdrop-blur);backdrop-filter:var(--collab-backdrop-blur);background:#fffffff2;border-radius:var(--collab-radius-full);box-shadow:var(--collab-shadow-sm);color:var(--collab-slate-700);display:flex;font-size:.6875rem;font-weight:600;gap:4px;padding:4px 10px;position:absolute;right:var(--collab-space-3);top:var(--collab-space-3)}.collab-comm-card-type-badge.public{color:var(--collab-green)}.collab-comm-card-type-badge.private{color:var(--collab-amber)}.collab-comm-card-body{padding:calc(var(--collab-space-8) + var(--collab-space-2)) var(--collab-space-5) var(--collab-space-4)}.collab-comm-card-header{align-items:flex-start;display:flex;gap:var(--collab-space-3);justify-content:space-between;margin-bottom:var(--collab-space-3)}.collab-comm-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--collab-slate-900);display:-webkit-box;font-family:var(--collab-font-display);font-size:1.0625rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.collab-comm-card-role{align-items:center;border-radius:var(--collab-radius-full);display:inline-flex;flex-shrink:0;font-size:.6875rem;font-weight:600;gap:4px;padding:3px 8px}.collab-comm-card-role.creator{background:var(--collab-yellow-soft);color:var(--collab-amber-dark)}.collab-comm-card-role.moderator{background:#8b5cf61a;color:var(--collab-purple)}.collab-comm-card-role.member{background:#3b82f61a;color:var(--collab-primary)}.collab-comm-card-field{display:flex;flex-wrap:wrap;gap:var(--collab-space-2);margin-bottom:var(--collab-space-3)}.collab-comm-card-field-tag{align-items:center;background:#6366f114;border-radius:var(--collab-radius-full);color:var(--collab-indigo);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px}.collab-comm-card-subfield{color:var(--collab-slate-500);font-size:.6875rem;font-style:italic}.collab-comm-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--collab-slate-600);display:-webkit-box;font-size:.8125rem;line-height:1.5;margin:0 0 var(--collab-space-4) 0;overflow:hidden}.collab-comm-card-stats{align-items:center;border-top:1px solid var(--collab-slate-100);display:flex;gap:var(--collab-space-4);padding-top:var(--collab-space-3)}.collab-comm-card-stat{align-items:center;color:var(--collab-slate-500);display:flex;font-size:.75rem;gap:6px}.collab-comm-card-stat svg{color:var(--collab-slate-400)}.collab-comm-card-stat.highlight,.collab-comm-card-stat.highlight svg{color:var(--collab-fresh-green)}.collab-comm-card-actions{display:flex;gap:var(--collab-space-2);padding:var(--collab-space-3) var(--collab-space-5) var(--collab-space-5)}.collab-comm-card-btn{align-items:center;border:none;border-radius:var(--collab-radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;padding:var(--collab-space-3) var(--collab-space-3);transition:all var(--collab-transition-fast)}.collab-comm-card-btn-view{background:var(--collab-slate-100);color:var(--collab-slate-700)}.collab-comm-card-btn-view:hover{background:var(--collab-slate-200)}.collab-comm-card-btn-enter{background:var(--collab-gradient-fresh);color:#fff}.collab-comm-card-btn-enter:hover{box-shadow:var(--collab-shadow-success);transform:translateY(-1px)}.collab-comm-card-btn-join{background:var(--collab-gradient-primary);color:#fff}.collab-comm-card-btn-join:hover{box-shadow:var(--collab-shadow-glow);transform:translateY(-1px)}.collab-comm-card-btn-pending{background:var(--collab-yellow-soft);color:var(--collab-amber-dark);cursor:not-allowed}.collab-comm-empty{background:#fff;border:2px dashed var(--collab-slate-200);border-radius:var(--collab-radius-xl);flex-direction:column;padding:var(--collab-space-12) var(--collab-space-6);text-align:center}.collab-comm-empty,.collab-comm-empty-icon{align-items:center;display:flex;justify-content:center}.collab-comm-empty-icon{background:var(--collab-slate-100);border-radius:var(--collab-radius-full);color:var(--collab-slate-400);height:80px;margin-bottom:var(--collab-space-5);width:80px}.collab-comm-empty-title{color:var(--collab-slate-800);font-size:1.25rem;font-weight:700;margin:0 0 var(--collab-space-2) 0}.collab-comm-empty-desc{color:var(--collab-slate-500);font-size:.875rem;margin:0 0 var(--collab-space-6) 0;max-width:300px}.collab-comm-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--collab-space-12)}.collab-comm-loading-text{color:var(--collab-slate-500);font-size:.9375rem;margin:var(--collab-space-4) 0 0 0}.collab-comm-error{background:#fff;border:1px solid var(--collab-red-light);border-radius:var(--collab-radius-xl);flex-direction:column;padding:var(--collab-space-10);text-align:center}.collab-comm-error,.collab-comm-error-icon{align-items:center;display:flex;justify-content:center}.collab-comm-error-icon{background:#ef44441a;border-radius:var(--collab-radius-full);color:var(--collab-red);height:64px;margin-bottom:var(--collab-space-4);width:64px}.collab-comm-pagination{align-items:center;display:flex;gap:var(--collab-space-4);justify-content:center;padding:var(--collab-space-6) 0}.collab-comm-pagination-btn{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);color:var(--collab-slate-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--collab-space-2);padding:var(--collab-space-3) var(--collab-space-5);transition:all var(--collab-transition-fast)}.collab-comm-pagination-btn:hover:not(:disabled){background:var(--collab-slate-50);border-color:var(--collab-primary);color:var(--collab-primary)}.collab-comm-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.collab-comm-pagination-info{color:var(--collab-slate-500);font-size:.875rem;font-weight:500}.collab-comm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:var(--collab-space-5);position:fixed;z-index:1000}.collab-comm-modal{background:#fff;border-radius:var(--collab-radius-2xl);box-shadow:var(--collab-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.collab-comm-modal-header{align-items:center;border-bottom:1px solid var(--collab-slate-200);display:flex;justify-content:space-between;padding:var(--collab-space-5) var(--collab-space-6)}.collab-comm-modal-title{align-items:center;display:flex;gap:var(--collab-space-3)}.collab-comm-modal-title h2{color:var(--collab-slate-900);font-family:var(--collab-font-display);font-size:1.25rem;font-weight:700;margin:0}.collab-comm-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--collab-radius-md);color:var(--collab-slate-400);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--collab-transition-fast);width:36px}.collab-comm-modal-close:hover{background:var(--collab-slate-100);color:var(--collab-slate-600)}.collab-comm-modal-body{flex:1 1;overflow-y:auto;padding:var(--collab-space-6)}.collab-comm-modal-footer{background:var(--collab-slate-50);border-top:1px solid var(--collab-slate-200);display:flex;gap:var(--collab-space-3);justify-content:flex-end;padding:var(--collab-space-4) var(--collab-space-6)}.collab-comm-form-section{margin-bottom:var(--collab-space-6)}.collab-comm-form-section:last-child{margin-bottom:0}.collab-comm-form-section-header{align-items:center;display:flex;gap:var(--collab-space-2);margin-bottom:var(--collab-space-4)}.collab-comm-form-section-title{color:var(--collab-slate-800);font-size:.9375rem;font-weight:600;margin:0}.collab-comm-form-section-optional{color:var(--collab-slate-400);font-size:.75rem;font-weight:400}.collab-comm-form-group{margin-bottom:var(--collab-space-4)}.collab-comm-form-group:last-child{margin-bottom:0}.collab-comm-form-label{color:var(--collab-slate-700);display:block;font-size:.8125rem;font-weight:600;margin-bottom:var(--collab-space-2)}.collab-comm-form-input,.collab-comm-form-select,.collab-comm-form-textarea{background:#fff;border:2px solid var(--collab-slate-200);border-radius:var(--collab-radius-md);color:var(--collab-slate-800);font-size:.9375rem;outline:none;padding:var(--collab-space-3) var(--collab-space-4);transition:all var(--collab-transition-fast);width:100%}.collab-comm-form-input:focus,.collab-comm-form-select:focus,.collab-comm-form-textarea:focus{border-color:var(--collab-primary);box-shadow:0 0 0 3px #3b82f61a}.collab-comm-form-input.error,.collab-comm-form-textarea.error{border-color:var(--collab-red);box-shadow:0 0 0 3px #ef44441a}.collab-comm-form-textarea{min-height:100px;resize:vertical}.collab-comm-form-hint{color:var(--collab-slate-400);font-size:.75rem;margin-top:var(--collab-space-1)}.collab-comm-form-error{align-items:center;color:var(--collab-red);display:flex;font-size:.8125rem;gap:var(--collab-space-1);margin-top:var(--collab-space-2)}.collab-comm-radio-group{display:flex;flex-direction:column;gap:var(--collab-space-3)}.collab-comm-radio-option{align-items:flex-start;background:var(--collab-slate-50);border:2px solid var(--collab-slate-200);border-radius:var(--collab-radius-lg);cursor:pointer;display:flex;gap:var(--collab-space-3);padding:var(--collab-space-4);transition:all var(--collab-transition-fast)}.collab-comm-radio-option:hover{border-color:var(--collab-slate-300)}.collab-comm-radio-option.selected{background:#3b82f60d;border-color:var(--collab-primary)}.collab-comm-radio-option input{margin:2px 0 0}.collab-comm-radio-content{flex:1 1}.collab-comm-radio-title{color:var(--collab-slate-800);font-size:.875rem;font-weight:600;margin:0 0 2px}.collab-comm-radio-desc{color:var(--collab-slate-500);font-size:.8125rem;margin:0}.collab-comm-checkbox-option{align-items:flex-start;background:var(--collab-slate-50);border:2px solid var(--collab-slate-200);border-radius:var(--collab-radius-lg);cursor:pointer;display:flex;gap:var(--collab-space-3);padding:var(--collab-space-4);transition:all var(--collab-transition-fast)}.collab-comm-checkbox-option:hover{border-color:var(--collab-slate-300)}.collab-comm-checkbox-option.selected{background:#10b9810d;border-color:var(--collab-green)}.collab-comm-photo-upload{border:2px dashed var(--collab-slate-300);border-radius:var(--collab-radius-lg);cursor:pointer;padding:var(--collab-space-8);text-align:center;transition:all var(--collab-transition-fast)}.collab-comm-photo-upload:hover{background:#3b82f605;border-color:var(--collab-primary)}.collab-comm-photo-placeholder{gap:var(--collab-space-2)}.collab-comm-photo-preview{display:inline-block;position:relative}.collab-comm-photo-preview img{border-radius:var(--collab-radius-lg);height:120px;object-fit:cover;width:120px}.collab-comm-photo-remove{align-items:center;background:var(--collab-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:transform var(--collab-transition-fast);width:28px}.collab-comm-photo-remove:hover{transform:scale(1.1)}.collab-comm-tags{display:flex;flex-wrap:wrap;gap:var(--collab-space-2)}.collab-comm-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:var(--collab-radius-full);display:inline-flex;font-size:.8125rem;font-weight:500;gap:var(--collab-space-2);padding:var(--collab-space-2) var(--collab-space-3)}.collab-comm-tag,.collab-comm-tag-remove{align-items:center;color:var(--collab-indigo)}.collab-comm-tag-remove{background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all var(--collab-transition-fast);width:18px}.collab-comm-tag-remove:hover{background:var(--collab-indigo);color:#fff}@media (max-width:1024px){.collab-comm-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.collab-comm-header,.collab-comm-page{padding:var(--collab-space-4)}.collab-comm-header{align-items:stretch;flex-direction:column;gap:var(--collab-space-4)}.collab-comm-header-left{align-items:flex-start;flex-direction:column;gap:var(--collab-space-2)}.collab-comm-header-icon{height:40px;width:40px}.collab-comm-title{font-size:1.5rem}.collab-comm-header-actions{width:100%}.collab-comm-header-actions .collab-comm-btn{flex:1 1;justify-content:center}.collab-comm-filter-row{align-items:stretch;flex-direction:column;gap:var(--collab-space-2)}.collab-comm-filter-scroll{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding:var(--collab-space-1) 0}.collab-comm-filter-pill{flex-shrink:0}.collab-comm-grid{gap:var(--collab-space-3);grid-template-columns:1fr}.collab-comm-card-actions{flex-direction:column}.collab-comm-modal{border-radius:var(--collab-radius-xl) var(--collab-radius-xl) 0 0;bottom:0;left:0;max-height:100vh;max-width:100%;position:fixed;right:0}.collab-comm-modal-footer{flex-direction:column}.collab-comm-modal-footer .collab-comm-btn{justify-content:center;width:100%}}@media (max-width:480px){.collab-comm-header,.collab-comm-page{padding:var(--collab-space-3)}.collab-comm-header{border-radius:var(--collab-radius-lg)}.collab-comm-title{font-size:1.25rem}.collab-comm-subtitle{font-size:.75rem}.collab-comm-search-bar{padding:var(--collab-space-2) var(--collab-space-3)}.collab-comm-search-input{font-size:.875rem}.collab-comm-filter-row{padding:var(--collab-space-2) var(--collab-space-3)}.collab-comm-filter-label{font-size:.75rem}.collab-comm-filter-pill{font-size:.75rem;padding:6px 10px}.collab-comm-card{border-radius:var(--collab-radius-lg)}.collab-comm-card-banner{height:64px}.collab-comm-card-avatar{bottom:-20px;height:52px;left:var(--collab-space-4);width:52px}.collab-comm-card-body{padding:calc(var(--collab-space-6) + var(--collab-space-2)) var(--collab-space-4) var(--collab-space-3)}.collab-comm-card-title{font-size:.9375rem}.collab-comm-card-desc{font-size:.75rem}.collab-comm-card-stat{font-size:.6875rem}.collab-comm-card-actions{padding:var(--collab-space-2) var(--collab-space-4) var(--collab-space-4)}.collab-comm-card-btn{font-size:.75rem;padding:var(--collab-space-2) var(--collab-space-3)}.collab-comm-empty{padding:var(--collab-space-8) var(--collab-space-4)}.collab-comm-empty-icon{height:64px;width:64px}.collab-comm-empty-title{font-size:1.125rem}.collab-comm-pagination{flex-wrap:wrap;gap:var(--collab-space-2)}.collab-comm-pagination-btn{font-size:.8125rem;padding:var(--collab-space-2) var(--collab-space-4)}.collab-comm-modal-overlay{padding:0}.collab-comm-modal-header{padding:var(--collab-space-4)}.collab-comm-modal-title h2{font-size:1.125rem}.collab-comm-modal-body{padding:var(--collab-space-4)}.collab-comm-modal-footer{padding:var(--collab-space-3) var(--collab-space-4)}.collab-comm-form-section{margin-bottom:var(--collab-space-5)}.collab-comm-form-input,.collab-comm-form-select,.collab-comm-form-textarea{font-size:.875rem;padding:var(--collab-space-3)}}.collab-comm-members-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid var(--collab-border);border-radius:16px;padding:1.25rem}.collab-comm-members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.collab-comm-members-title{align-items:center;display:flex;gap:.5rem}.collab-comm-members-title h3{color:var(--collab-text-primary);font-size:1rem;font-weight:600;margin:0}.collab-comm-members-title svg{color:var(--collab-fresh-green)}.collab-comm-members-count{color:var(--collab-text-muted);font-size:.85rem;font-weight:400}.collab-comm-members-loading{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem}.collab-comm-members-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.collab-comm-search-box{align-items:center;background:#fff;border:1px solid #00000014;border-radius:10px;display:flex;flex:1 1;gap:.5rem;height:40px;min-width:200px;padding:0 .875rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.collab-comm-search-box:focus-within{border-color:var(--collab-fresh-green);box-shadow:0 0 0 3px #00c8531a}.collab-comm-search-box svg{color:var(--collab-text-muted);flex-shrink:0}.collab-comm-search-box input{background:#0000;border:none;color:var(--collab-text-primary);flex:1 1;font-size:.875rem;line-height:1.5;margin:0;outline:none;padding:0;width:100%}.collab-comm-search-box input::placeholder{color:var(--collab-text-light)}.collab-comm-filter-box{align-items:center;background:#fff;border:1px solid #00000014;border-radius:10px;display:flex;gap:.5rem;height:40px;padding:0 .875rem;transition:border-color .2s ease,box-shadow .2s ease}.collab-comm-filter-box:focus-within{border-color:var(--collab-fresh-green);box-shadow:0 0 0 3px #00c8531a}.collab-comm-filter-box svg{color:var(--collab-text-muted);flex-shrink:0}.collab-comm-filter-box select{background:#0000;border:none;color:var(--collab-text-primary);cursor:pointer;font-size:.875rem;outline:none;padding:0}.collab-comm-members-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.collab-comm-member-card{background:#fff;border:1px solid #0000000f;border-radius:14px;box-shadow:0 2px 8px -2px #0000000f;padding:1rem;transition:all .25s ease}.collab-comm-member-card:hover{border-color:#00c85366;box-shadow:0 8px 24px -4px #00c8531f,0 4px 12px -2px #0000000f;transform:translateY(-2px)}.collab-comm-member-card.creator{border-left:3px solid #fbbf24}.collab-comm-member-card.moderator{border-left:3px solid #8b5cf6}.collab-comm-member-card.member{border-left:3px solid #3b82f6}.collab-comm-member-top{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.collab-comm-member-avatar{background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);border-radius:12px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.collab-comm-member-avatar img{height:100%;object-fit:cover;width:100%}.collab-comm-member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);color:var(--collab-text-muted);display:flex;font-size:1.25rem;font-weight:600;height:100%;justify-content:center;width:100%}.collab-comm-member-info{flex:1 1;min-width:0}.collab-comm-member-name{color:var(--collab-text-primary);font-size:.95rem;font-weight:600;margin:0 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-comm-member-username{color:var(--collab-text-muted);font-size:.8rem;margin:0}.collab-comm-member-role-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:.3rem;letter-spacing:.3px;padding:.25rem .6rem;text-transform:uppercase}.collab-comm-member-role-badge.creator{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.collab-comm-member-role-badge.moderator{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#86198f}.collab-comm-member-role-badge.member{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.collab-comm-member-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--collab-text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.collab-comm-member-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.collab-comm-member-detail{align-items:center;color:var(--collab-text-muted);display:flex;font-size:.75rem;gap:.3rem}.collab-comm-member-detail svg{color:var(--collab-text-light)}.collab-comm-member-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.collab-comm-member-activity{color:var(--collab-text-light);font-size:.75rem}.collab-comm-member-actions{display:flex;gap:.4rem}.collab-comm-member-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;padding:.35rem .6rem;transition:all .2s ease}.collab-comm-member-action-btn.promote{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.collab-comm-member-action-btn.promote:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.collab-comm-member-action-btn.demote{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.collab-comm-member-action-btn.demote:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.collab-comm-member-action-btn.remove{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.collab-comm-member-action-btn.remove:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.collab-comm-member-interests{border-top:1px solid var(--collab-border);display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem;padding-top:.75rem}.collab-comm-interest-tag{background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);border-radius:6px;color:var(--collab-text-secondary);font-size:.7rem;padding:.2rem .5rem}.collab-comm-interest-more{color:var(--collab-text-muted);font-size:.7rem}.collab-comm-members-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1rem;text-align:center}.collab-comm-members-empty svg{color:var(--collab-text-light);margin-bottom:.75rem}.collab-comm-members-empty h4{color:var(--collab-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.collab-comm-members-empty p{color:var(--collab-text-muted);font-size:.85rem;margin:0}.collab-comm-view-all-btn{align-items:center;background:linear-gradient(135deg,#00c85314,#00c8531f);border:1px solid #00c85333;border-radius:10px;color:var(--collab-fresh-green);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;transition:all .2s ease;width:100%}.collab-comm-view-all-btn:hover{background:linear-gradient(135deg,#00c8531f,#00c8532e);border-color:#00c8534d}.collab-comm-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px -15px #00000040;max-width:420px;overflow:hidden;width:100%}.collab-comm-confirm-header{align-items:center;border-bottom:1px solid var(--collab-border);display:flex;gap:.75rem;padding:1.25rem 1.5rem;position:relative}.collab-comm-confirm-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.collab-comm-confirm-header h3{color:var(--collab-text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.collab-comm-confirm-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--collab-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.collab-comm-confirm-close:hover{background:var(--collab-slate-100);color:var(--collab-text-primary)}.collab-comm-confirm-body{padding:1.25rem 1.5rem}.collab-comm-confirm-body p{color:var(--collab-text-secondary);font-size:.9rem;line-height:1.6;margin:0}.collab-comm-confirm-footer{background:var(--collab-slate-50);border-top:1px solid var(--collab-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.collab-comm-confirm-cancel{background:#fff;border:1px solid var(--collab-border);border-radius:10px;color:var(--collab-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s ease}.collab-comm-confirm-cancel:hover{background:var(--collab-slate-100)}.collab-comm-confirm-action{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s ease}@media (max-width:1024px){.collab-comm-members-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.collab-comm-members-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.collab-comm-members-controls{flex-direction:column}.collab-comm-search-box{min-width:100%}.collab-comm-filter-box{width:100%}.collab-comm-member-actions{justify-content:flex-end;margin-top:.5rem;width:100%}}@media (max-width:480px){.collab-comm-members-container{border-radius:12px;padding:1rem}.collab-comm-members-grid{grid-template-columns:1fr}.collab-comm-member-card{padding:.85rem}.collab-comm-member-avatar{height:40px;width:40px}.collab-comm-member-name{font-size:.9rem}.collab-comm-member-action-btn span{display:none}}.collab-comm-rooms-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid var(--collab-border);border-radius:16px;padding:1.25rem}.collab-comm-rooms-loading{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem}.collab-comm-rooms-loading p{color:var(--collab-text-muted);font-size:.9rem}.collab-comm-rooms-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.collab-comm-rooms-title-section p{color:var(--collab-text-muted);font-size:.85rem;margin:.25rem 0 0}.collab-comm-rooms-title{align-items:center;display:flex;gap:.5rem}.collab-comm-rooms-title h3{color:var(--collab-text-primary);font-size:1.1rem;font-weight:600;margin:0}.collab-comm-rooms-title svg{color:var(--collab-fresh-green)}.collab-comm-create-room-btn{align-items:center;background:linear-gradient(135deg,var(--collab-fresh-green) 0,#00a844 100%);border:none;border-radius:10px;box-shadow:0 4px 12px -2px #00c8534d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.collab-comm-create-room-btn:hover{box-shadow:0 6px 20px -4px #00c85366}.collab-comm-rooms-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.collab-comm-room-card{background:#fff;border:1px solid #0000000f;border-radius:14px;box-shadow:0 2px 8px -2px #0000000f;padding:1.25rem;transition:all .25s ease}.collab-comm-room-card:hover{border-color:#00c85366;box-shadow:0 8px 24px -4px #00c85326,0 4px 12px -2px #00000014;transform:translateY(-2px)}.collab-comm-room-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.collab-comm-room-title-section{flex:1 1;min-width:0}.collab-comm-room-name{color:var(--collab-text-primary);font-size:1rem;font-weight:600;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-comm-room-badges{display:flex;flex-wrap:wrap;gap:.4rem}.collab-comm-room-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}.collab-comm-room-type-badge.public{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.collab-comm-room-type-badge.private{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.collab-comm-room-leader-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.collab-comm-room-leader-badge,.collab-comm-room-readonly-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.collab-comm-room-readonly-badge{background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);color:var(--collab-text-muted)}.collab-comm-room-header-actions{display:flex;gap:.35rem}.collab-comm-room-menu-btn,.collab-comm-room-view-btn{align-items:center;background:#f8fafce6;border:1px solid var(--collab-border);border-radius:8px;color:var(--collab-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collab-comm-room-menu-btn:hover,.collab-comm-room-view-btn:hover:not(:disabled){background:var(--collab-slate-100);color:var(--collab-text-secondary)}.collab-comm-room-view-btn:disabled{cursor:not-allowed;opacity:.5}.collab-comm-room-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--collab-text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.collab-comm-room-field-info{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.collab-comm-room-field-tag,.collab-comm-room-subfield-tag{background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);border-radius:6px;color:var(--collab-text-secondary);font-size:.75rem;padding:.25rem .6rem}.collab-comm-room-stats{border-bottom:1px solid var(--collab-border);display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem}.collab-comm-room-stat{align-items:center;color:var(--collab-text-muted);display:flex;font-size:.8rem;gap:.35rem}.collab-comm-room-stat svg{color:var(--collab-text-light)}.collab-comm-room-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.collab-comm-room-leader-info{color:var(--collab-text-muted);font-size:.8rem}.collab-comm-room-action-group{display:flex;gap:.4rem}.collab-comm-room-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .75rem;transition:all .2s ease}.collab-comm-room-action-btn.enter,.collab-comm-room-action-btn.join{background:linear-gradient(135deg,var(--collab-fresh-green) 0,#00a844 100%);color:#fff}.collab-comm-room-action-btn.enter:hover,.collab-comm-room-action-btn.join:hover{box-shadow:0 4px 12px -2px #00c8534d}.collab-comm-room-action-btn.leave{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.collab-comm-room-action-btn.leave:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.collab-comm-room-action-btn.leader{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.collab-comm-room-action-btn.requested{background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);color:var(--collab-text-muted);cursor:not-allowed}.collab-comm-room-action-btn.full{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;cursor:not-allowed}.collab-comm-room-action-btn.view-only{background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);color:var(--collab-text-secondary)}.collab-comm-room-action-btn.join-community{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.collab-comm-room-action-btn:disabled{cursor:not-allowed;opacity:.7}.collab-comm-rooms-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.collab-comm-rooms-empty svg{color:var(--collab-text-light);margin-bottom:1rem}.collab-comm-rooms-empty h4{color:var(--collab-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.collab-comm-rooms-empty p{color:var(--collab-text-muted);font-size:.9rem;line-height:1.5;margin:0 0 1rem;max-width:400px}.collab-comm-rooms-permission-note{color:var(--collab-text-light);font-size:.85rem;margin-top:.5rem}.collab-comm-rooms-empty-cta{align-items:center;display:flex;flex-direction:column;gap:.75rem}.collab-comm-create-first-btn,.collab-comm-join-community-btn{align-items:center;background:linear-gradient(135deg,var(--collab-fresh-green) 0,#00a844 100%);border:none;border-radius:10px;box-shadow:0 4px 12px -2px #00c8534d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.5rem;transition:all .2s ease}.collab-comm-create-first-btn:hover,.collab-comm-join-community-btn:hover{box-shadow:0 6px 20px -4px #00c85366}@media (max-width:1024px){.collab-comm-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.collab-comm-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.collab-comm-rooms-header{align-items:stretch;flex-direction:column}.collab-comm-create-room-btn{justify-content:center;width:100%}.collab-comm-room-footer{align-items:stretch;flex-direction:column;gap:.5rem}.collab-comm-room-action-group{width:100%}.collab-comm-room-action-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.collab-comm-rooms-container{border-radius:12px;padding:1rem}.collab-comm-rooms-grid{grid-template-columns:1fr}.collab-comm-room-card{padding:1rem}.collab-comm-room-stats{flex-wrap:wrap;gap:.5rem}.collab-comm-room-name{font-size:.95rem}.collab-comm-room-description{font-size:.8rem}}.collab-comm-chat-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid var(--collab-border);border-radius:16px;display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden}.collab-comm-chat-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:center}.collab-comm-chat-loading p{color:var(--collab-text-muted);font-size:.9rem}.collab-comm-chat-header{align-items:center;background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6);border-bottom:1px solid var(--collab-border);display:flex;flex-shrink:0!important;justify-content:space-between;padding:1rem 1.25rem}.collab-comm-chat-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.collab-comm-chat-header-info svg{color:var(--collab-fresh-green)}.collab-comm-chat-title{color:var(--collab-text-primary);font-size:1rem;font-weight:600}.collab-comm-chat-online{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.collab-comm-chat-online,.collab-comm-chat-status-offline{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.25rem .6rem}.collab-comm-chat-status-offline{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.collab-comm-chat-header-actions{display:flex;gap:.4rem}.collab-comm-chat-header-btn{align-items:center;background:#fffc;border:1px solid var(--collab-border);border-radius:10px;color:var(--collab-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.collab-comm-chat-header-btn.active,.collab-comm-chat-header-btn:hover{background:#00c8531a;border-color:#00c8534d;color:var(--collab-fresh-green)}.collab-comm-chat-search{background:var(--collab-slate-50);border-bottom:1px solid var(--collab-border);flex-shrink:0!important;overflow:hidden;padding:.75rem 1rem}.collab-comm-chat-search-input-wrapper{align-items:center;background:#fff;border:1px solid var(--collab-border);border-radius:10px;display:flex;gap:.5rem;padding:.5rem .75rem}.collab-comm-chat-search-input-wrapper svg{color:var(--collab-text-muted)}.collab-comm-chat-search-input{background:#0000;border:none;color:var(--collab-text-primary);flex:1 1;font-size:.85rem;outline:none}.collab-comm-chat-search-loading{color:var(--collab-text-muted);font-size:.75rem}.collab-comm-chat-search-results{margin-top:.5rem;max-height:200px;overflow-y:auto}.collab-comm-chat-search-result{background:#fff;border-radius:8px;color:var(--collab-text-secondary);font-size:.8rem;margin-bottom:.35rem;padding:.5rem .75rem}.collab-comm-chat-search-result-time{color:var(--collab-text-light);display:block;font-size:.7rem;margin-top:.25rem}.collab-comm-chat-messages{background:linear-gradient(180deg,var(--collab-slate-50) 0,#fff 100%);flex:1 1;overflow-y:auto;padding:1rem}.collab-comm-chat-load-more{display:flex;justify-content:center;padding:.75rem}.collab-comm-chat-load-more-btn{background:#f8fafce6;border:1px solid var(--collab-border);border-radius:8px;color:var(--collab-text-secondary);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.collab-comm-chat-load-more-btn:hover:not(:disabled){background:var(--collab-slate-100);border-color:var(--collab-fresh-green);color:var(--collab-fresh-green)}.collab-comm-chat-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.collab-comm-chat-empty svg{color:var(--collab-text-light);margin-bottom:.75rem}.collab-comm-chat-empty h3{color:var(--collab-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.collab-comm-chat-empty p{color:var(--collab-text-muted);font-size:.85rem;margin:0}.collab-comm-chat-messages-list{display:flex;flex-direction:column;gap:.75rem}.collab-comm-chat-message{display:flex;gap:.75rem;max-width:80%}.collab-comm-chat-message.own{flex-direction:row-reverse;margin-left:auto}.collab-comm-chat-message.announcement{max-width:100%}.collab-comm-chat-message-avatar{border-radius:10px;flex-shrink:0;height:36px;overflow:hidden;width:36px}.collab-comm-chat-message-avatar img{height:100%;object-fit:cover;width:100%}.collab-comm-chat-message-content{flex:1 1;min-width:0}.collab-comm-chat-message-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.collab-comm-chat-message-sender{color:var(--collab-text-primary);font-size:.8rem;font-weight:600}.collab-comm-chat-announcement-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;color:#92400e;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.15rem .5rem}.collab-comm-chat-message-body{background:#fff;border:1px solid var(--collab-border);border-radius:12px;border-top-left-radius:4px;padding:.75rem 1rem}.collab-comm-chat-message.own .collab-comm-chat-message-body{background:linear-gradient(135deg,var(--collab-fresh-green) 0,#00a844 100%);border-color:#0000;border-top-left-radius:12px;border-top-right-radius:4px}.collab-comm-chat-message.announcement .collab-comm-chat-message-body{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b33}.collab-comm-chat-message-text{word-wrap:break-word;color:var(--collab-text-primary);font-size:.9rem;line-height:1.5;margin:0}.collab-comm-chat-message.own .collab-comm-chat-message-text{color:#fff}.collab-comm-chat-message.announcement .collab-comm-chat-message-text{color:#92400e}.collab-comm-chat-message-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.35rem}.collab-comm-chat-message.own .collab-comm-chat-message-footer{flex-direction:row-reverse}.collab-comm-chat-message-time{color:var(--collab-text-light);font-size:.7rem}.collab-comm-chat-message-actions{position:relative}.collab-comm-chat-action-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--collab-text-light);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.collab-comm-chat-action-trigger:hover{background:var(--collab-slate-100);color:var(--collab-text-secondary)}.collab-comm-chat-actions-dropdown{background:#fff;border:1px solid var(--collab-border);border-radius:10px;box-shadow:0 4px 16px -4px #00000026;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.collab-comm-chat-action-item{align-items:center;background:#0000;border:none;color:var(--collab-text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.6rem .75rem;transition:background .15s;width:100%}.collab-comm-chat-action-item:hover{background:var(--collab-slate-100)}.collab-comm-chat-action-item.delete{color:#dc2626}.collab-comm-chat-action-item.delete:hover{background:#fef2f2}.collab-comm-chat-edit-form{display:flex;flex-direction:column;gap:.5rem}.collab-comm-chat-edit-input{border:1px solid var(--collab-border);border-radius:8px;font-size:.85rem;outline:none;padding:.5rem;width:100%}.collab-comm-chat-edit-input:focus{border-color:var(--collab-fresh-green)}.collab-comm-chat-edit-actions{display:flex;gap:.4rem}.collab-comm-chat-edit-cancel,.collab-comm-chat-edit-save{border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.35rem .75rem;transition:all .2s ease}.collab-comm-chat-edit-save{background:var(--collab-fresh-green);border:none;color:#fff}.collab-comm-chat-edit-cancel{background:var(--collab-slate-100);border:1px solid var(--collab-border);color:var(--collab-text-secondary)}.collab-comm-chat-typing{align-items:center;background:var(--collab-slate-50);border-top:1px solid var(--collab-border);display:flex;flex-shrink:0!important;gap:.5rem;padding:.5rem 1rem}.collab-comm-chat-typing-dots{display:flex;gap:3px}.collab-comm-chat-typing-dots span{animation:collab-chat-typing 1s infinite;background:var(--collab-text-light);border-radius:50%;height:6px;width:6px}.collab-comm-chat-typing-dots span:nth-child(2){animation-delay:.2s}.collab-comm-chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes collab-chat-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.collab-comm-chat-typing-text{color:var(--collab-text-muted);font-size:.75rem;font-style:italic}.collab-comm-chat-input-container{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6);border-top:1px solid var(--collab-border);flex-grow:0!important;flex-shrink:0!important;padding:1rem}.collab-comm-chat-input-form{display:flex;gap:.75rem}.collab-comm-chat-input{background:#fff;border:1px solid var(--collab-border);border-radius:12px;color:var(--collab-text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:border-color .2s}.collab-comm-chat-input:focus{border-color:var(--collab-fresh-green)}.collab-comm-chat-input:disabled{background:var(--collab-slate-100);cursor:not-allowed}.collab-comm-chat-send-btn{align-items:center;background:linear-gradient(135deg,var(--collab-fresh-green) 0,#00a844 100%);border:none;border-radius:12px;box-shadow:0 4px 12px -2px #00c8534d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.collab-comm-chat-send-btn:hover:not(:disabled){box-shadow:0 6px 20px -4px #00c85366}.collab-comm-chat-send-btn:disabled{cursor:not-allowed;opacity:.6}.collab-comm-chat-hint{align-items:center;color:var(--collab-text-muted);display:flex;font-size:.75rem;gap:.4rem;margin-top:.5rem}.collab-comm-chat-readonly{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;color:#92400e;display:flex;flex-shrink:0!important;font-size:.85rem;gap:.5rem;justify-content:center;padding:1rem}@media (max-width:768px){.collab-comm-chat-container{border-radius:12px;height:100%;max-height:100%}.collab-comm-chat-message{max-width:90%}}@media (max-width:480px){.collab-comm-chat-header{padding:.75rem 1rem}.collab-comm-chat-title{font-size:.9rem}.collab-comm-chat-input-container,.collab-comm-chat-messages{padding:.75rem}.collab-comm-chat-input{padding:.6rem .75rem}}:root{--collab-primary:#3b82f6;--collab-primary-dark:#2563eb;--collab-primary-light:#60a5fa;--collab-green:#10b981;--collab-green-dark:#059669;--collab-green-light:#34d399;--collab-fresh-green:#00c853;--collab-purple:#8b5cf6;--collab-purple-dark:#7c3aed;--collab-purple-light:#a78bfa;--collab-amber:#f59e0b;--collab-amber-dark:#d97706;--collab-amber-light:#fbbf24;--collab-indigo:#6366f1;--collab-indigo-dark:#4f46e5;--collab-indigo-light:#818cf8;--collab-cyan:#06b6d4;--collab-cyan-dark:#0891b2;--collab-cyan-light:#22d3ee;--collab-pink:#ec4899;--collab-pink-dark:#db2777;--collab-pink-light:#f472b6;--collab-red:#ef4444;--collab-red-dark:#dc2626;--collab-red-light:#f87171;--collab-yellow-soft:#fef3c7;--collab-yellow-medium:#fde68a;--collab-yellow-dark:#fcd34d;--collab-slate-50:#f8fafc;--collab-slate-100:#f1f5f9;--collab-slate-200:#e2e8f0;--collab-slate-300:#cbd5e1;--collab-slate-400:#94a3b8;--collab-slate-500:#64748b;--collab-slate-600:#475569;--collab-slate-700:#334155;--collab-slate-800:#1e293b;--collab-slate-900:#0f172a;--collab-text-primary:var(--collab-slate-800);--collab-text-secondary:var(--collab-slate-600);--collab-text-muted:var(--collab-slate-500);--collab-text-light:var(--collab-slate-400);--collab-border:var(--collab-slate-200);--collab-glass-bg:#ffffffd9;--collab-glass-border:#fff3;--collab-glass-shadow:0 8px 32px #00000014;--collab-backdrop-blur:blur(12px);--collab-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--collab-gradient-secondary:linear-gradient(135deg,#8b5cf6,#6366f1);--collab-gradient-success:linear-gradient(135deg,#10b981,#06b6d4);--collab-gradient-warm:linear-gradient(135deg,#f59e0b,#ec4899);--collab-gradient-cool:linear-gradient(135deg,#6366f1,#06b6d4);--collab-gradient-fresh:linear-gradient(135deg,#00c853,#10b981);--collab-gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--collab-gradient-glass:linear-gradient(135deg,#ffffff1a,#ffffff0d);--collab-shadow-xs:0 1px 2px #0000000d;--collab-shadow-sm:0 2px 4px #0000000f;--collab-shadow-md:0 4px 12px #00000014;--collab-shadow-lg:0 8px 24px #0000001f;--collab-shadow-xl:0 16px 48px #00000029;--collab-shadow-glow:0 0 20px #3b82f64d;--collab-shadow-success:0 4px 14px #10b98140;--collab-radius-sm:6px;--collab-radius-md:10px;--collab-radius-lg:14px;--collab-radius-xl:20px;--collab-radius-2xl:24px;--collab-radius-full:9999px;--collab-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--collab-font-display:"Plus Jakarta Sans",var(--collab-font-sans);--collab-space-1:4px;--collab-space-2:8px;--collab-space-3:12px;--collab-space-4:16px;--collab-space-5:20px;--collab-space-6:24px;--collab-space-8:32px;--collab-space-10:40px;--collab-space-12:48px;--collab-transition-fast:150ms ease;--collab-transition-base:200ms ease;--collab-transition-slow:300ms ease;--collab-transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1)}@keyframes collab-fade-in{0%{opacity:0}to{opacity:1}}@keyframes collab-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes collab-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.collab-animate-fade-in{animation:collab-fade-in .3s ease forwards}.collab-animate-slide-up{animation:collab-slide-up .4s ease forwards}.collab-animate-scale-in{animation:collab-scale-in .3s ease forwards}.collab-comm-spinner{animation:collab-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--collab-slate-200);border-radius:50%;border-top-color:var(--collab-primary);height:48px;width:48px}.collab-comm-loading-spinner{border:3px solid #e2e8f0;border-top-color:#00c853;border:3px solid var(--collab-border);border-top-color:var(--collab-fresh-green);height:32px;width:32px}.collab-comm-btn-spinner{animation:collab-spin .6s linear infinite;border:2px solid;border-top:2px solid #0000;height:14px;width:14px}.collab-comm-settings{background:linear-gradient(135deg,var(--collab-slate-50) 0,var(--collab-slate-100) 100%);min-height:100vh;padding:1.5rem}.collab-comm-settings-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--collab-glass-bg);border:1px solid var(--collab-glass-border);border-radius:16px;box-shadow:var(--collab-shadow-sm);display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem}.collab-comm-settings-header-icon{align-items:center;background:var(--collab-gradient-primary);border-radius:14px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;height:52px;justify-content:center;width:52px}.collab-comm-settings-header-info h2{color:var(--collab-slate-800);font-size:1.35rem;font-weight:700;margin:0 0 .25rem}.collab-comm-settings-header-info p{color:var(--collab-slate-500);font-size:.85rem;margin:0}.collab-comm-settings-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:280px 1fr}.collab-comm-settings-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--collab-glass-bg);border:1px solid var(--collab-glass-border);border-radius:16px;box-shadow:var(--collab-shadow-sm);display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:-webkit-sticky;position:sticky;top:1.5rem}.collab-comm-settings-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--collab-slate-600);cursor:pointer;display:flex;gap:.875rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.collab-comm-settings-nav-item:hover{background:var(--collab-slate-100);color:var(--collab-primary)}.collab-comm-settings-nav-item.active{background:linear-gradient(135deg,#3b82f61a,#8b5cf614);border:1px solid #3b82f633;color:var(--collab-primary)}.collab-comm-settings-nav-item.active svg:first-child{color:var(--collab-primary)}.collab-comm-nav-item-content{flex:1 1;min-width:0}.collab-comm-nav-item-label{display:block;font-size:.875rem;font-weight:600;line-height:1.3}.collab-comm-nav-item-description{color:var(--collab-slate-400);display:block;font-size:.7rem;line-height:1.3;margin-top:.125rem}.collab-comm-nav-arrow{opacity:.5;transition:all .2s ease}.collab-comm-settings-nav-item.active .collab-comm-nav-arrow,.collab-comm-settings-nav-item:hover .collab-comm-nav-arrow{opacity:1;transform:translateX(2px)}.collab-comm-settings-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--collab-glass-bg);border:1px solid var(--collab-glass-border);border-radius:16px;box-shadow:var(--collab-shadow-sm);min-height:500px;padding:1.5rem}.collab-comm-settings-section{display:flex;flex-direction:column;gap:1.5rem}.collab-comm-section-header{align-items:center;border-bottom:1px solid var(--collab-slate-200);display:flex;gap:1rem;padding-bottom:1rem}.collab-comm-section-icon{align-items:center;background:linear-gradient(135deg,var(--collab-primary-light) 0,var(--collab-purple) 100%);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.collab-comm-section-info h3{color:var(--collab-slate-800);font-size:1.15rem;font-weight:700;margin:0}.collab-comm-section-info p{color:var(--collab-slate-500);font-size:.8rem;margin:.25rem 0 0}.collab-comm-setting-group{background:var(--collab-slate-50);border:1px solid var(--collab-slate-200);border-radius:14px;padding:1.25rem}.collab-comm-group-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.collab-comm-group-header h4{color:var(--collab-slate-700);font-size:.95rem;font-weight:600;margin:0}.collab-comm-group-header svg{color:var(--collab-primary)}.collab-comm-group-description{color:var(--collab-slate-500);font-size:.8rem;line-height:1.5;margin:0 0 1rem}.collab-comm-setting-toggle{align-items:flex-start;background:#fff;border:1px solid var(--collab-slate-200);border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.625rem;padding:.875rem;transition:all .2s ease}.collab-comm-setting-toggle:hover:not(.disabled){border-color:var(--collab-primary-light);box-shadow:0 2px 8px #3b82f614}.collab-comm-setting-toggle.disabled{opacity:.6}.collab-comm-toggle-content{flex:1 1}.collab-comm-toggle-label{color:var(--collab-slate-700);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.collab-comm-toggle-description{color:var(--collab-slate-500);font-size:.75rem;line-height:1.4}.collab-comm-toggle-warning{align-items:center;color:var(--collab-amber);display:flex;font-size:.7rem;gap:.375rem;margin-top:.375rem}.collab-comm-toggle-switch{background:none;border:none;color:var(--collab-slate-400);cursor:pointer;flex-shrink:0;padding:0;transition:color .2s ease}.collab-comm-toggle-switch:hover:not(:disabled){color:var(--collab-slate-600)}.collab-comm-toggle-switch.active{color:var(--collab-green)}.collab-comm-toggle-switch:disabled{cursor:not-allowed}.collab-comm-settings-form{display:flex;flex-direction:column;gap:1rem}.collab-comm-input-field{position:relative}.collab-comm-input-label{color:var(--collab-slate-700);display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.collab-comm-required{color:var(--collab-red);margin-left:.25rem}.collab-comm-input,.collab-comm-select,.collab-comm-textarea{background:#fff;border:1px solid var(--collab-slate-200);border-radius:10px;color:var(--collab-slate-800);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.collab-comm-input:focus,.collab-comm-select:focus,.collab-comm-textarea:focus{border-color:var(--collab-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.collab-comm-input-field.has-error .collab-comm-input,.collab-comm-input-field.has-error .collab-comm-select,.collab-comm-input-field.has-error .collab-comm-textarea{border-color:var(--collab-red)}.collab-comm-input-error{color:var(--collab-red);display:block;font-size:.7rem;margin-top:.375rem}.collab-comm-char-count{bottom:.5rem;color:var(--collab-slate-400);font-size:.65rem;position:absolute;right:.75rem}.collab-comm-textarea{min-height:100px;resize:vertical}.collab-comm-select{cursor:pointer}.collab-comm-select:disabled{background:var(--collab-slate-100);cursor:not-allowed}.collab-comm-type-selector{display:flex;gap:.75rem}.collab-comm-type-option{align-items:center;background:#fff;border:2px solid var(--collab-slate-200);border-radius:12px;cursor:pointer;display:flex;flex:1 1;padding:1rem;transition:all .2s ease}.collab-comm-type-option:hover{border-color:var(--collab-primary-light)}.collab-comm-type-option.selected{background:#3b82f60d;border-color:var(--collab-primary)}.collab-comm-type-option input{display:none}.collab-comm-type-content{align-items:center;display:flex;gap:.75rem}.collab-comm-type-content svg{color:var(--collab-primary)}.collab-comm-type-title{color:var(--collab-slate-700);font-size:.9rem;font-weight:600}.collab-comm-type-desc{color:var(--collab-slate-500);font-size:.75rem;margin-top:.125rem}.collab-comm-photo-management{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:200px 1fr;margin-top:1rem}.collab-comm-photo-preview{align-items:center;display:flex;flex-direction:column}.collab-comm-photo-container{background:var(--collab-slate-100);border-radius:16px;height:180px;overflow:hidden;position:relative;width:180px}.collab-comm-photo-image{height:100%;object-fit:cover;width:100%}.collab-comm-photo-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.collab-comm-photo-container:hover .collab-comm-photo-overlay{opacity:1}.collab-comm-photo-actions{display:flex;flex-direction:column;gap:.5rem}.collab-comm-photo-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.collab-comm-photo-btn.primary{background:var(--collab-primary);color:#fff}.collab-comm-photo-btn.primary:hover{background:var(--collab-primary-dark)}.collab-comm-photo-btn.secondary{background:#ffffffe6;color:var(--collab-slate-700)}.collab-comm-photo-btn.secondary:hover{background:#fff}.collab-comm-photo-btn.danger{background:var(--collab-red);color:#fff}.collab-comm-photo-btn.danger:hover{background:var(--collab-red-dark)}.collab-comm-photo-placeholder{align-items:center;background:var(--collab-slate-100);border:2px dashed var(--collab-slate-300);border-radius:16px;color:var(--collab-slate-400);display:flex;flex-direction:column;gap:.75rem;height:180px;justify-content:center;width:180px}.collab-comm-photo-placeholder p{font-size:.8rem;margin:0}.collab-comm-photo-requirements{background:var(--collab-slate-100);border-radius:10px;padding:1rem}.collab-comm-photo-requirements h5{color:var(--collab-slate-700);font-size:.8rem;font-weight:600;margin:0 0 .5rem}.collab-comm-photo-requirements ul{margin:0;padding-left:1.25rem}.collab-comm-photo-requirements li{color:var(--collab-slate-600);font-size:.75rem;margin-bottom:.25rem}.collab-comm-settings-actions{align-items:center;border-top:1px solid var(--collab-slate-200);display:flex;gap:1rem;padding-top:1rem}.collab-comm-save-btn{align-items:center;background:var(--collab-slate-200);border:none;border-radius:10px;color:var(--collab-slate-500);cursor:not-allowed;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.collab-comm-save-btn.has-changes{background:var(--collab-gradient-primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer}.collab-comm-save-btn.has-changes:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.collab-comm-unsaved-notice{align-items:center;color:var(--collab-amber);display:flex;font-size:.8rem;gap:.375rem;margin:0}.collab-comm-guidelines-section{display:flex;flex-direction:column;gap:1.5rem}.collab-comm-guidelines-header{align-items:center;border-bottom:1px solid var(--collab-slate-200);display:flex;gap:1rem;padding-bottom:1rem}.collab-comm-guidelines-icon{align-items:center;background:linear-gradient(135deg,var(--collab-purple) 0,var(--collab-indigo) 100%);border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.collab-comm-guidelines-title h2{color:var(--collab-slate-800);font-size:1.25rem;font-weight:700;margin:0}.collab-comm-guidelines-title p{color:var(--collab-slate-500);font-size:.8rem;margin:.25rem 0 0}.collab-comm-guidelines-content{display:flex;flex-direction:column;gap:1.25rem}.collab-comm-add-guideline-card{background:linear-gradient(135deg,#8b5cf60d,#6366f108);border:1px solid #8b5cf633;border-radius:14px;padding:1.25rem}.collab-comm-guideline-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.collab-comm-guideline-card-header svg{color:var(--collab-purple)}.collab-comm-guideline-card-header h3{color:var(--collab-slate-700);font-size:.95rem;font-weight:600;margin:0}.collab-comm-guideline-form{display:flex;flex-direction:column;gap:1rem}.collab-comm-form-field{position:relative}.collab-comm-form-field label{color:var(--collab-slate-700);display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.collab-comm-form-field input,.collab-comm-form-field textarea{background:#fff;border:1px solid var(--collab-slate-200);border-radius:10px;color:var(--collab-slate-800);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.collab-comm-form-field input:focus,.collab-comm-form-field textarea:focus{border-color:var(--collab-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.collab-comm-add-guideline-btn{align-items:center;align-self:flex-start;background:var(--collab-gradient-secondary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.collab-comm-add-guideline-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf659;transform:translateY(-2px)}.collab-comm-add-guideline-btn:disabled{cursor:not-allowed;opacity:.5}.collab-comm-existing-guidelines{background:var(--collab-slate-50);border:1px solid var(--collab-slate-200);border-radius:14px;padding:1.25rem}.collab-comm-guidelines-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.collab-comm-guidelines-list-header h3{color:var(--collab-slate-700);font-size:.95rem;font-weight:600;margin:0}.collab-comm-refresh-btn{align-items:center;background:#fff;border:1px solid var(--collab-slate-200);border-radius:8px;color:var(--collab-slate-600);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.collab-comm-refresh-btn:hover:not(:disabled){border-color:var(--collab-primary);color:var(--collab-primary)}.collab-comm-guidelines-list{display:flex;flex-direction:column;gap:.75rem}.collab-comm-guideline-item{align-items:flex-start;background:#fff;border:1px solid var(--collab-slate-200);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.collab-comm-guideline-item:hover{border-color:var(--collab-primary-light);box-shadow:0 2px 8px #3b82f614}.collab-comm-guideline-number{align-items:center;background:var(--collab-gradient-secondary);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.collab-comm-guideline-body{flex:1 1;min-width:0}.collab-comm-guideline-display h4{color:var(--collab-slate-700);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.collab-comm-guideline-display p{color:var(--collab-slate-500);font-size:.8rem;line-height:1.5;margin:0}.collab-comm-guideline-edit-form{display:flex;flex-direction:column;gap:.75rem}.collab-comm-edit-input,.collab-comm-edit-textarea{border:1px solid var(--collab-slate-300);border-radius:8px;color:var(--collab-slate-800);font-size:.85rem;padding:.625rem .875rem;width:100%}.collab-comm-edit-input:focus,.collab-comm-edit-textarea:focus{border-color:var(--collab-purple);outline:none}.collab-comm-edit-actions{display:flex;gap:.5rem}.collab-comm-cancel-edit-btn,.collab-comm-save-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.collab-comm-save-edit-btn{background:var(--collab-green);color:#fff}.collab-comm-save-edit-btn:hover{background:var(--collab-green-dark)}.collab-comm-cancel-edit-btn{background:var(--collab-slate-200);color:var(--collab-slate-600)}.collab-comm-cancel-edit-btn:hover{background:var(--collab-slate-300)}.collab-comm-guideline-actions{display:flex;flex-shrink:0;gap:.375rem}.collab-comm-guideline-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collab-comm-guideline-action-btn.edit{color:var(--collab-slate-400)}.collab-comm-guideline-action-btn.edit:hover{background:#3b82f61a;color:var(--collab-primary)}.collab-comm-guideline-action-btn.delete{color:var(--collab-slate-400)}.collab-comm-guideline-action-btn.delete:hover{background:#ef44441a;color:var(--collab-red)}.collab-comm-empty-guidelines{padding:3rem 2rem;text-align:center}.collab-comm-empty-icon{color:var(--collab-slate-300);margin-bottom:1rem}.collab-comm-empty-guidelines h3{color:var(--collab-slate-600);font-size:1rem;font-weight:600;margin:0 0 .5rem}.collab-comm-empty-guidelines p{color:var(--collab-slate-500);font-size:.8rem;margin:0}.collab-comm-rating-summary{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid #f59e0b33;border-radius:14px;padding:1.25rem}.collab-comm-rating-summary h4{color:var(--collab-slate-700);font-size:.9rem;font-weight:600;margin:0 0 1rem}.collab-comm-rating-overview{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:auto 1fr}.collab-comm-rating-score{align-items:center;display:flex;flex-direction:column;gap:.5rem}.collab-comm-score-number{color:var(--collab-amber);font-size:2.5rem;font-weight:700;line-height:1}.collab-comm-rating-stars{display:flex;gap:.25rem}.collab-comm-rating-stars svg.filled{fill:var(--collab-amber);color:var(--collab-amber)}.collab-comm-rating-stars svg.empty{color:var(--collab-slate-300)}.collab-comm-rating-count{color:var(--collab-slate-500);font-size:.75rem}.collab-comm-rating-breakdown{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.collab-comm-rating-metric{background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:.625rem .875rem}.collab-comm-metric-label{color:var(--collab-slate-600);font-size:.8rem}.collab-comm-metric-value{color:var(--collab-amber);font-size:.875rem;font-weight:600}.collab-comm-ratings-list{margin-top:1.5rem}.collab-comm-ratings-list h4{color:var(--collab-slate-700);font-size:.95rem;font-weight:600;margin:0 0 1rem}.collab-comm-ratings-grid{grid-gap:.75rem;display:grid;gap:.75rem}.collab-comm-rating-card{background:#fff;border:1px solid var(--collab-slate-200);border-radius:12px;padding:1rem;transition:all .2s ease}.collab-comm-rating-card:hover{border-color:var(--collab-primary-light);box-shadow:0 2px 8px #3b82f614}.collab-comm-rating-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.collab-comm-rating-user-name{color:var(--collab-slate-700);font-size:.875rem;font-weight:600}.collab-comm-rating-date{color:var(--collab-slate-400);display:block;font-size:.7rem;margin-top:.125rem}.collab-comm-rating-overall{align-items:center;color:var(--collab-amber);display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.collab-comm-rating-overall svg.filled{fill:var(--collab-amber);color:var(--collab-amber)}.collab-comm-rating-breakdown-small{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.collab-comm-rating-breakdown-small span{color:var(--collab-slate-500);font-size:.7rem}.collab-comm-rating-feedback{border-top:1px solid var(--collab-slate-100);margin-top:.75rem;padding-top:.75rem}.collab-comm-rating-feedback p{color:var(--collab-slate-600);font-size:.8rem;font-style:italic;line-height:1.5;margin:0}.collab-comm-empty-ratings{color:var(--collab-slate-400);padding:3rem 2rem;text-align:center}.collab-comm-empty-ratings h4{color:var(--collab-slate-600);font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.collab-comm-empty-ratings p{color:var(--collab-slate-500);font-size:.8rem;margin:0}.collab-comm-settings-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.collab-comm-placeholder-icon{align-items:center;background:linear-gradient(135deg,var(--collab-slate-100) 0,var(--collab-slate-200) 100%);border-radius:24px;color:var(--collab-slate-400);display:flex;height:100px;justify-content:center;margin-bottom:1.5rem;width:100px}.collab-comm-settings-placeholder h3{color:var(--collab-slate-600);font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.collab-comm-settings-placeholder p{color:var(--collab-slate-500);font-size:.85rem;margin:0;max-width:400px}.collab-comm-loading-state{align-items:center;color:var(--collab-slate-500);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem}.collab-comm-loading-state span{font-size:.85rem}@media (max-width:1024px){.collab-comm-settings-layout{gap:1rem;grid-template-columns:240px 1fr}.collab-comm-photo-management{grid-template-columns:160px 1fr}.collab-comm-photo-container,.collab-comm-photo-placeholder{height:150px;width:150px}}@media (max-width:768px){.collab-comm-settings{padding:1rem}.collab-comm-settings-layout{grid-template-columns:1fr}.collab-comm-settings-sidebar{flex-direction:row;flex-wrap:wrap;gap:.375rem;padding:.75rem;position:static}.collab-comm-settings-nav-item{flex:0 0 auto;padding:.625rem .875rem}.collab-comm-nav-arrow,.collab-comm-nav-item-description{display:none}.collab-comm-nav-item-label{font-size:.8rem}.collab-comm-photo-management{grid-template-columns:1fr;justify-items:center}.collab-comm-type-selector{flex-direction:column}.collab-comm-rating-breakdown,.collab-comm-rating-overview{grid-template-columns:1fr}}@media (max-width:480px){.collab-comm-settings-header{flex-direction:column;padding:1rem;text-align:center}.collab-comm-settings-header-icon{height:44px;width:44px}.collab-comm-setting-group,.collab-comm-settings-content{padding:1rem}.collab-comm-setting-toggle{align-items:flex-start;flex-direction:column;gap:.75rem}.collab-comm-photo-container,.collab-comm-photo-placeholder{height:140px;width:140px}.collab-comm-settings-actions{align-items:stretch;flex-direction:column}.collab-comm-save-btn{justify-content:center}.collab-comm-guideline-item{flex-direction:column;gap:.75rem}.collab-comm-guideline-number{align-self:flex-start}.collab-comm-guideline-actions{align-self:flex-end}}.chub-discovery{display:flex;flex-direction:column;gap:var(--chub-space-5)}.chub-discovery-nav{backdrop-filter:var(--chub-backdrop-blur);-webkit-backdrop-filter:var(--chub-backdrop-blur);background:var(--chub-glass-bg-dark);border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);box-shadow:var(--chub-shadow-card);padding:var(--chub-space-1)}.chub-discovery-nav,.chub-view-btn{display:flex;gap:var(--chub-space-2)}.chub-view-btn{align-items:center;background:#0000;border:none;border-radius:var(--chub-radius-lg);color:var(--chub-slate-500);cursor:pointer;flex:1 1;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:600;justify-content:center;padding:var(--chub-space-3) var(--chub-space-4);position:relative;transition:all var(--chub-transition-base)}.chub-view-btn:hover{background:var(--chub-slate-100);color:var(--chub-slate-700)}.chub-view-btn.active{background:#fff;box-shadow:var(--chub-shadow-sm);color:var(--chub-blue)}.chub-view-indicator{background:var(--chub-gradient-primary);border-radius:var(--chub-radius-full);bottom:-2px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.chub-discovery-content{min-height:400px}.chub-discover-view{gap:var(--chub-space-8)}.chub-discover-view,.chub-section{display:flex;flex-direction:column}.chub-section{gap:var(--chub-space-4)}.chub-section-header{align-items:center;display:flex;gap:var(--chub-space-3)}.chub-section-icon{align-items:center;border-radius:var(--chub-radius-md);color:#fff;display:flex;height:32px;justify-content:center;width:32px}.chub-section-header h3{color:var(--chub-slate-800);flex:1 1;font-family:var(--chub-font-display);font-size:var(--chub-text-lg);font-weight:700;margin:0}.chub-section-more{align-items:center;background:#0000;border:none;color:var(--chub-blue);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:600;gap:var(--chub-space-1);transition:all var(--chub-transition-fast)}.chub-section-more:hover{color:var(--chub-blue-dark)}.chub-section-grid{grid-gap:var(--chub-space-3);display:grid;gap:var(--chub-space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.chub-section-loading{align-items:center;color:var(--chub-blue);display:flex;justify-content:center;padding:var(--chub-space-10)}.chub-discovery-card{background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);box-shadow:var(--chub-shadow-xs);cursor:pointer;display:flex;gap:var(--chub-space-3);padding:var(--chub-space-4);position:relative;transition:all var(--chub-transition-base)}.chub-discovery-card:hover{border-color:var(--chub-blue-light);box-shadow:var(--chub-shadow-md);transform:translateY(-4px)}.chub-card-rank{background:var(--chub-gradient-primary);border-radius:var(--chub-radius-full);box-shadow:var(--chub-shadow-md);font-size:var(--chub-text-xs);font-weight:700;height:28px;left:-8px;position:absolute;top:-8px;width:28px}.chub-card-avatar,.chub-card-rank{align-items:center;color:#fff;display:flex;justify-content:center}.chub-card-avatar{background:var(--chub-gradient-cool);border-radius:var(--chub-radius-lg);flex-shrink:0;height:48px;overflow:hidden;width:48px}.chub-card-avatar img{height:100%;object-fit:cover;width:100%}.chub-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--chub-space-2);min-width:0}.chub-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--chub-space-2)}.chub-card-title{color:var(--chub-slate-800);font-size:var(--chub-text-base);font-weight:700;line-height:1.3;margin:0}.chub-card-badges{align-items:center;display:flex;gap:var(--chub-space-1-5)}.chub-card-type{align-items:center;border-radius:var(--chub-radius-xs);display:flex;height:18px;justify-content:center;width:18px}.chub-card-type.public{background:var(--chub-green-50);color:var(--chub-green)}.chub-card-type.private{background:var(--chub-amber-50);color:var(--chub-amber)}.chub-card-field{background:var(--chub-purple-50);border-radius:var(--chub-radius-xs);color:var(--chub-purple);font-size:var(--chub-text-xs);font-weight:600;padding:var(--chub-space-0-5) var(--chub-space-2)}.chub-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--chub-slate-500);display:-webkit-box;font-size:var(--chub-text-sm);line-height:1.5;margin:0;overflow:hidden}.chub-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.chub-card-stats{align-items:center;display:flex;gap:var(--chub-space-3)}.chub-card-stats .chub-stat{align-items:center;color:var(--chub-slate-500);display:flex;font-size:var(--chub-text-xs);gap:var(--chub-space-1)}.chub-card-stats .chub-stat.growth{color:var(--chub-fresh);font-weight:600}.chub-card-actions{display:flex;gap:var(--chub-space-2)}.chub-card-btn{align-items:center;border:none;border-radius:var(--chub-radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--chub-transition-fast);width:32px}.chub-card-btn.enter{background:var(--chub-blue-50);color:var(--chub-blue)}.chub-card-btn.enter:hover{background:var(--chub-blue);color:#fff}.chub-card-btn.join{background:var(--chub-fresh-50);color:var(--chub-fresh)}.chub-card-btn.join:hover{background:var(--chub-fresh);color:#fff}.chub-card-btn.pending{background:var(--chub-yellow-soft);color:var(--chub-amber);cursor:not-allowed}.chub-trending-view{display:flex;flex-direction:column;gap:var(--chub-space-5)}.chub-trending-header{align-items:center;background:var(--chub-gradient-soft-yellow);border:1px solid var(--chub-yellow-medium);border-radius:var(--chub-radius-xl);display:flex;gap:var(--chub-space-4);justify-content:space-between;padding:var(--chub-space-5)}.chub-trending-title{align-items:center;display:flex;gap:var(--chub-space-3)}.chub-trending-icon{color:var(--chub-amber)}.chub-trending-title h2{color:var(--chub-slate-800);font-family:var(--chub-font-display);font-size:var(--chub-text-xl);font-weight:700;margin:0}.chub-trending-title p{color:var(--chub-slate-500);font-size:var(--chub-text-sm);margin:0}.chub-trending-filters{display:flex;gap:var(--chub-space-2)}.chub-period-btn{background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-md);color:var(--chub-slate-600);cursor:pointer;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:600;padding:var(--chub-space-2) var(--chub-space-4);transition:all var(--chub-transition-fast)}.chub-period-btn:hover{border-color:var(--chub-slate-300)}.chub-period-btn.active{background:var(--chub-amber);border-color:var(--chub-amber);color:#fff}.chub-trending-list{grid-gap:var(--chub-space-4);display:grid;gap:var(--chub-space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.chub-browse-view{display:flex;flex-direction:column;gap:var(--chub-space-5)}.chub-browse-header{padding:var(--chub-space-6);text-align:center}.chub-browse-header h2{color:var(--chub-slate-800);font-family:var(--chub-font-display);font-size:var(--chub-text-2xl);font-weight:700;margin:0 0 var(--chub-space-2) 0}.chub-browse-header p{color:var(--chub-slate-500);font-size:var(--chub-text-base);margin:0}.chub-fields-grid{flex-wrap:wrap;justify-content:center}.chub-field-btn,.chub-fields-grid{display:flex;gap:var(--chub-space-2)}.chub-field-btn{align-items:center;background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-full);color:var(--chub-slate-600);cursor:pointer;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:500;padding:var(--chub-space-2-5) var(--chub-space-4);transition:all var(--chub-transition-fast)}.chub-field-btn:hover{border-color:var(--chub-blue-light);color:var(--chub-blue)}.chub-field-btn.active{background:var(--chub-blue);border-color:var(--chub-blue);color:#fff}.chub-field-results{display:flex;flex-direction:column;gap:var(--chub-space-4);margin-top:var(--chub-space-4)}.chub-results-header{align-items:center;display:flex;justify-content:space-between}.chub-results-header h3{color:var(--chub-slate-800);font-family:var(--chub-font-display);font-size:var(--chub-text-lg);font-weight:700;margin:0}.chub-clear-field{align-items:center;background:#0000;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-md);color:var(--chub-slate-500);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:500;gap:var(--chub-space-1);padding:var(--chub-space-1-5) var(--chub-space-3);transition:all var(--chub-transition-fast)}.chub-clear-field:hover{background:var(--chub-slate-100);color:var(--chub-slate-700)}.chub-results-grid{grid-gap:var(--chub-space-3);display:grid;gap:var(--chub-space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.chub-search-view{display:flex;flex-direction:column;gap:var(--chub-space-5)}.chub-search-box{align-items:center;background:#fff;border:2px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);display:flex;gap:var(--chub-space-3);padding:var(--chub-space-4) var(--chub-space-5);transition:all var(--chub-transition-base)}.chub-search-box:focus-within{border-color:var(--chub-blue);box-shadow:0 0 0 4px var(--chub-blue-50)}.chub-search-box .chub-search-icon{color:var(--chub-slate-400)}.chub-search-box input{background:#0000;border:none;color:var(--chub-slate-800);flex:1 1;font-family:var(--chub-font-sans);font-size:var(--chub-text-md);outline:none}.chub-search-box input::placeholder{color:var(--chub-slate-400)}.chub-search-box .chub-search-clear{align-items:center;background:var(--chub-slate-100);border:none;border-radius:var(--chub-radius-full);color:var(--chub-slate-500);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--chub-transition-fast);width:28px}.chub-search-box .chub-search-clear:hover{background:var(--chub-slate-200);color:var(--chub-slate-700)}.chub-search-hint{align-items:center;color:var(--chub-slate-400);display:flex;flex-direction:column;justify-content:center;padding:var(--chub-space-16) var(--chub-space-6);text-align:center}.chub-search-hint svg{margin-bottom:var(--chub-space-4);opacity:.5}.chub-search-hint h3{color:var(--chub-slate-600);font-family:var(--chub-font-display);font-size:var(--chub-text-lg);font-weight:600;margin:0 0 var(--chub-space-2) 0}.chub-search-hint p{font-size:var(--chub-text-base);margin:0}.chub-search-results-header{border-bottom:1px solid var(--chub-slate-200);color:var(--chub-slate-500);font-size:var(--chub-text-sm);padding-bottom:var(--chub-space-2)}.chub-search-results{grid-gap:var(--chub-space-3);display:grid;gap:var(--chub-space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.chub-loading-state{align-items:center;color:var(--chub-blue);display:flex;flex-direction:column;justify-content:center;padding:var(--chub-space-12);text-align:center}.chub-loading-state.compact{padding:var(--chub-space-6)}.chub-loading-state p{color:var(--chub-slate-500);font-size:var(--chub-text-sm);margin:var(--chub-space-3) 0 0 0}.chub-empty-state{align-items:center;color:var(--chub-slate-400);display:flex;flex-direction:column;justify-content:center;padding:var(--chub-space-12);text-align:center}.chub-empty-state.compact{padding:var(--chub-space-6)}.chub-empty-state svg{margin-bottom:var(--chub-space-4);opacity:.5}.chub-empty-state h3{color:var(--chub-slate-600);font-family:var(--chub-font-display);font-size:var(--chub-text-lg);font-weight:600;margin:0 0 var(--chub-space-2) 0}.chub-empty-state p{font-size:var(--chub-text-base);margin:0}@media (max-width:768px){.chub-discovery-nav{flex-wrap:wrap;padding:var(--chub-space-2)}.chub-view-btn{flex:1 1 calc(50% - var(--chub-space-1));padding:var(--chub-space-3)}.chub-results-grid,.chub-search-results,.chub-section-grid,.chub-trending-list{grid-template-columns:1fr}.chub-trending-header{flex-direction:column;text-align:center}.chub-trending-filters{flex-wrap:wrap;justify-content:center}.chub-browse-header{padding:var(--chub-space-4)}.chub-fields-grid{gap:var(--chub-space-1-5)}.chub-field-btn{font-size:var(--chub-text-xs);padding:var(--chub-space-2) var(--chub-space-3)}.chub-discovery-card{padding:var(--chub-space-3)}.chub-card-avatar{height:40px;width:40px}}@media (max-width:480px){.chub-view-btn span{display:none}.chub-view-btn{flex:0 0 auto;padding:var(--chub-space-3) var(--chub-space-4)}.chub-search-box{padding:var(--chub-space-3)}.chub-period-btn{font-size:var(--chub-text-xs);padding:var(--chub-space-2) var(--chub-space-3)}}.chub-widgets{display:flex;flex-direction:column;gap:var(--chub-space-4)}.chub-widget{backdrop-filter:var(--chub-backdrop-blur);-webkit-backdrop-filter:var(--chub-backdrop-blur);background:var(--chub-glass-bg-dark);border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);box-shadow:var(--chub-shadow-card);padding:var(--chub-space-4)}.chub-widget-header{align-items:center;border-bottom:1px solid var(--chub-slate-200);display:flex;gap:var(--chub-space-2);margin-bottom:var(--chub-space-4);padding-bottom:var(--chub-space-3)}.chub-widget-header svg{color:var(--chub-blue)}.chub-widget-header h3{color:var(--chub-slate-800);font-family:var(--chub-font-display);font-size:var(--chub-text-base);font-weight:700;margin:0}.chub-actions-grid{grid-gap:var(--chub-space-2);display:grid;gap:var(--chub-space-2);grid-template-columns:repeat(2,1fr)}.chub-action-btn{align-items:center;background:var(--chub-slate-100);border:1px solid #0000;border-radius:var(--chub-radius-lg);color:var(--chub-slate-600);cursor:pointer;display:flex;flex-direction:column;font-family:var(--chub-font-sans);font-size:var(--chub-text-xs);font-weight:600;gap:var(--chub-space-1-5);padding:var(--chub-space-3);transition:all var(--chub-transition-fast)}.chub-action-btn:hover{background:var(--chub-slate-200);color:var(--chub-slate-800)}.chub-action-btn.primary{background:var(--chub-gradient-fresh);border-color:#0000;color:#fff}.chub-action-btn.primary:hover{box-shadow:var(--chub-shadow-glow-fresh)}.chub-trending-list{display:flex;flex-direction:column;gap:var(--chub-space-2)}.chub-trending-item{align-items:center;border-radius:var(--chub-radius-md);cursor:pointer;display:flex;gap:var(--chub-space-3);padding:var(--chub-space-2);transition:all var(--chub-transition-fast)}.chub-trending-item:hover{background:var(--chub-slate-100)}.chub-trending-rank{align-items:center;color:var(--chub-slate-400);display:flex;font-size:var(--chub-text-xs);font-weight:700;height:20px;justify-content:center;width:20px}.chub-trending-item:first-child .chub-trending-rank{color:var(--chub-amber)}.chub-trending-item:nth-child(2) .chub-trending-rank{color:var(--chub-slate-500)}.chub-trending-item:nth-child(3) .chub-trending-rank{color:var(--chub-amber-dark)}.chub-trending-avatar{align-items:center;background:var(--chub-gradient-cool);border-radius:var(--chub-radius-sm);color:#fff;display:flex;height:28px;justify-content:center;overflow:hidden;width:28px}.chub-trending-avatar img{height:100%;object-fit:cover;width:100%}.chub-trending-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.chub-trending-name{color:var(--chub-slate-800);font-size:var(--chub-text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chub-trending-members{color:var(--chub-slate-500);font-size:var(--chub-text-xs)}.chub-trending-type{color:var(--chub-slate-400)}.chub-widget-link{align-items:center;background:#0000;border:none;color:var(--chub-blue);cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:600;gap:var(--chub-space-2);justify-content:center;margin-top:var(--chub-space-3);padding:var(--chub-space-2);transition:all var(--chub-transition-fast);width:100%}.chub-widget-link:hover{color:var(--chub-blue-dark)}.chub-widget-loading{display:flex;flex-direction:column;gap:var(--chub-space-3)}.chub-shimmer-line{animation:chub-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--chub-slate-200) 0,var(--chub-slate-100) 50%,var(--chub-slate-200) 100%);background-size:200% 100%;border-radius:var(--chub-radius-md);height:36px}.chub-shimmer-line.short{width:70%}.chub-widget-empty{color:var(--chub-slate-400);font-size:var(--chub-text-sm);padding:var(--chub-space-4);text-align:center}.chub-stats-grid{grid-gap:var(--chub-space-3);display:grid;gap:var(--chub-space-3);grid-template-columns:repeat(2,1fr)}.chub-stat-item{align-items:center;background:var(--chub-slate-50);border-radius:var(--chub-radius-lg);display:flex;gap:var(--chub-space-3);padding:var(--chub-space-3)}.chub-stat-icon{align-items:center;border-radius:var(--chub-radius-md);color:#fff;display:flex;height:36px;justify-content:center;width:36px}.chub-stat-icon.blue{background:var(--chub-gradient-primary)}.chub-stat-icon.green{background:var(--chub-gradient-fresh)}.chub-stat-icon.purple{background:linear-gradient(135deg,var(--chub-purple) 0,var(--chub-indigo) 100%)}.chub-stat-icon.amber{background:var(--chub-gradient-warm)}.chub-stat-info{display:flex;flex-direction:column}.chub-stat-value{color:var(--chub-slate-800);font-size:var(--chub-text-lg);font-weight:700;line-height:1.2}.chub-stat-label{color:var(--chub-slate-500);font-size:var(--chub-text-xs)}.chub-topics-list{display:flex;flex-wrap:wrap;gap:var(--chub-space-2)}.chub-topic-tag{background:var(--chub-slate-100);border:1px solid #0000;border-radius:var(--chub-radius-full);color:var(--chub-slate-600);cursor:pointer;font-family:var(--chub-font-sans);font-size:var(--chub-text-xs);font-weight:500;padding:var(--chub-space-1-5) var(--chub-space-3);transition:all var(--chub-transition-fast)}.chub-topic-tag:hover{background:var(--chub-blue-50);border-color:var(--chub-blue-light);color:var(--chub-blue)}.chub-widget-promo{background:var(--chub-gradient-soft-yellow);border-color:var(--chub-yellow-medium)}.chub-promo-content{align-items:center;display:flex;flex-direction:column;gap:var(--chub-space-3);text-align:center}.chub-promo-icon{align-items:center;background:var(--chub-gradient-primary);border-radius:var(--chub-radius-lg);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.chub-promo-content h4{color:var(--chub-slate-800);font-family:var(--chub-font-display);font-size:var(--chub-text-lg);font-weight:700;margin:0}.chub-promo-content p{color:var(--chub-slate-600);font-size:var(--chub-text-sm);line-height:1.5;margin:0}.chub-promo-btn{align-items:center;background:var(--chub-gradient-primary);border:none;border-radius:var(--chub-radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-sm);font-weight:600;gap:var(--chub-space-2);padding:var(--chub-space-2-5) var(--chub-space-5);transition:all var(--chub-transition-base)}.chub-promo-btn:hover{box-shadow:var(--chub-shadow-glow-blue);transform:translateY(-1px)}@media (max-width:768px){.chub-widgets{flex-direction:row;flex-wrap:wrap;gap:var(--chub-space-3)}.chub-widget{flex:1 1 calc(50% - var(--chub-space-2));min-width:200px}.chub-widget-promo,.chub-widget-trending{flex:1 1 100%}.chub-widget-promo{order:-1}}@media (max-width:480px){.chub-widget{flex:1 1 100%}.chub-stats-grid{grid-template-columns:1fr}}:root{--chub-blue:#3b82f6;--chub-blue-dark:#2563eb;--chub-blue-light:#60a5fa;--chub-blue-50:#eff6ff;--chub-blue-100:#dbeafe;--chub-purple:#8b5cf6;--chub-purple-dark:#7c3aed;--chub-purple-light:#a78bfa;--chub-purple-50:#f5f3ff;--chub-green:#10b981;--chub-green-dark:#059669;--chub-green-light:#34d399;--chub-green-50:#ecfdf5;--chub-fresh:#00c853;--chub-fresh-dark:#00a844;--chub-fresh-light:#69f0ae;--chub-fresh-50:#e8f5e9;--chub-amber:#f59e0b;--chub-amber-dark:#d97706;--chub-amber-light:#fbbf24;--chub-amber-50:#fffbeb;--chub-indigo:#6366f1;--chub-indigo-dark:#4f46e5;--chub-indigo-light:#818cf8;--chub-indigo-50:#eef2ff;--chub-cyan:#06b6d4;--chub-cyan-dark:#0891b2;--chub-cyan-light:#22d3ee;--chub-cyan-50:#ecfeff;--chub-pink:#ec4899;--chub-pink-dark:#db2777;--chub-pink-light:#f472b6;--chub-pink-50:#fdf2f8;--chub-red:#ef4444;--chub-red-dark:#dc2626;--chub-red-light:#f87171;--chub-red-50:#fef2f2;--chub-yellow-soft:#fef3c7;--chub-yellow-medium:#fde68a;--chub-yellow-accent:#fcd34d;--chub-yellow-50:#fefce8;--chub-slate-50:#f8fafc;--chub-slate-100:#f1f5f9;--chub-slate-200:#e2e8f0;--chub-slate-300:#cbd5e1;--chub-slate-400:#94a3b8;--chub-slate-500:#64748b;--chub-slate-600:#475569;--chub-slate-700:#334155;--chub-slate-800:#1e293b;--chub-slate-900:#0f172a;--chub-slate-950:#020617;--chub-glass-bg:#ffffffb8;--chub-glass-bg-dark:#ffffffd9;--chub-glass-bg-subtle:#fff9;--chub-glass-border:#ffffff59;--chub-glass-border-subtle:#ffffff2e;--chub-backdrop-blur:blur(16px);--chub-backdrop-blur-strong:blur(24px);--chub-backdrop-blur-subtle:blur(8px);--chub-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--chub-gradient-primary-hover:linear-gradient(135deg,#2563eb,#7c3aed);--chub-gradient-fresh:linear-gradient(135deg,#00c853,#10b981);--chub-gradient-fresh-hover:linear-gradient(135deg,#00a844,#059669);--chub-gradient-warm:linear-gradient(135deg,#f59e0b,#ec4899);--chub-gradient-cool:linear-gradient(135deg,#6366f1,#06b6d4);--chub-gradient-sunset:linear-gradient(135deg,#f472b6,#fbbf24);--chub-gradient-ocean:linear-gradient(135deg,#0891b2,#3b82f6);--chub-gradient-hero:linear-gradient(165deg,#3b82f614,#8b5cf60d 50%,#0000);--chub-gradient-card:linear-gradient(180deg,#fff,#f8fafc);--chub-gradient-soft-yellow:linear-gradient(135deg,#fef3c7,#fef9c3);--chub-shadow-xs:0 1px 2px #0000000a;--chub-shadow-sm:0 2px 4px #0000000d;--chub-shadow-md:0 4px 12px #00000012;--chub-shadow-lg:0 8px 24px #0000001a;--chub-shadow-xl:0 16px 48px #0000001f;--chub-shadow-2xl:0 24px 64px #00000029;--chub-shadow-inner:inset 0 2px 4px #0000000a;--chub-shadow-glow-blue:0 0 24px #3b82f640;--chub-shadow-glow-purple:0 0 24px #8b5cf640;--chub-shadow-glow-green:0 0 24px #10b98140;--chub-shadow-glow-fresh:0 0 24px #00c8534d;--chub-shadow-card:0 2px 8px #0000000a,0 4px 16px #0000000a;--chub-shadow-card-hover:0 8px 24px #00000014,0 16px 32px #0000000a;--chub-shadow-floating:0 12px 36px #0000001f;--chub-radius-xs:4px;--chub-radius-sm:6px;--chub-radius-md:10px;--chub-radius-lg:14px;--chub-radius-xl:18px;--chub-radius-2xl:24px;--chub-radius-3xl:32px;--chub-radius-full:9999px;--chub-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--chub-font-display:"Plus Jakarta Sans","Inter",sans-serif;--chub-font-mono:"JetBrains Mono","Fira Code",monospace;--chub-text-xs:0.75rem;--chub-text-sm:0.8125rem;--chub-text-base:0.875rem;--chub-text-md:0.9375rem;--chub-text-lg:1rem;--chub-text-xl:1.125rem;--chub-text-2xl:1.25rem;--chub-text-3xl:1.5rem;--chub-text-4xl:1.875rem;--chub-text-5xl:2.25rem;--chub-space-0:0;--chub-space-px:1px;--chub-space-0-5:2px;--chub-space-1:4px;--chub-space-1-5:6px;--chub-space-2:8px;--chub-space-2-5:10px;--chub-space-3:12px;--chub-space-3-5:14px;--chub-space-4:16px;--chub-space-5:20px;--chub-space-6:24px;--chub-space-7:28px;--chub-space-8:32px;--chub-space-9:36px;--chub-space-10:40px;--chub-space-12:48px;--chub-space-14:56px;--chub-space-16:64px;--chub-space-20:80px;--chub-transition-fast:120ms ease-out;--chub-transition-base:180ms ease-out;--chub-transition-medium:250ms ease-out;--chub-transition-slow:350ms ease-out;--chub-transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--chub-transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--chub-z-below:-1;--chub-z-base:0;--chub-z-elevated:10;--chub-z-sticky:100;--chub-z-overlay:200;--chub-z-modal:300;--chub-z-popover:400;--chub-z-tooltip:500;--chub-z-max:9999;--chub-max-width:1280px;--chub-content-width:720px;--chub-sidebar-width:320px;--chub-sidebar-width-collapsed:280px;--chub-header-height:72px}@keyframes chub-spin{to{transform:rotate(1turn)}}@keyframes chub-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes chub-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes chub-fade-in{0%{opacity:0}to{opacity:1}}@keyframes chub-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes chub-slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes chub-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes chub-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes chub-glow{0%,to{box-shadow:0 0 0 #3b82f600}50%{box-shadow:0 0 20px #3b82f64d}}.chub-animate-spin{animation:chub-spin 1s linear infinite}.chub-animate-pulse{animation:chub-pulse 2s ease-in-out infinite}.chub-animate-bounce{animation:chub-bounce 1s ease infinite}.chub-animate-fade-in{animation:chub-fade-in .3s ease forwards}.chub-animate-slide-up{animation:chub-slide-up .4s ease forwards}.chub-animate-scale-in{animation:chub-scale-in .25s ease forwards}.chub-shimmer{animation:chub-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0,#f1f5f9 50%,#e2e8f0);background:linear-gradient(90deg,var(--chub-slate-200) 0,var(--chub-slate-100) 50%,var(--chub-slate-200) 100%);background-size:200% 100%}.chub-glass{backdrop-filter:blur(16px);backdrop-filter:var(--chub-backdrop-blur);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--chub-backdrop-blur);background:#ffffffb8;background:var(--chub-glass-bg);border:1px solid #ffffff59;border:1px solid var(--chub-glass-border)}.chub-scrollbar{scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--chub-slate-300) #0000;scrollbar-width:thin}.chub-scrollbar::-webkit-scrollbar{height:6px;width:6px}.chub-scrollbar::-webkit-scrollbar-track{background:#0000}.chub-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--chub-slate-300);border-radius:9999px;border-radius:var(--chub-radius-full)}.chub-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--chub-slate-400)}.chub-focus-ring:focus-visible{box-shadow:0 0 0 3px #dbeafe,0 0 0 1px #3b82f6;box-shadow:0 0 0 3px var(--chub-blue-100),0 0 0 1px var(--chub-blue);outline:none}.chub-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.chub-hide-scrollbar::-webkit-scrollbar{display:none}.chub-page{background:var(--chub-slate-50);color:var(--chub-slate-800);font-family:var(--chub-font-sans);min-height:100vh;overflow-x:hidden;position:relative}.chub-bg-gradient{background:var(--chub-gradient-hero);height:500px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--chub-z-below)}.chub-container{margin:0 auto;max-width:var(--chub-max-width);padding:var(--chub-space-4) var(--chub-space-5);position:relative}.chub-header{backdrop-filter:var(--chub-backdrop-blur-strong);-webkit-backdrop-filter:var(--chub-backdrop-blur-strong);background:var(--chub-glass-bg-dark);border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-2xl);box-shadow:var(--chub-shadow-card);margin-bottom:var(--chub-space-5);padding:var(--chub-space-5) var(--chub-space-6)}.chub-header-content{align-items:center;display:flex;gap:var(--chub-space-5);margin-bottom:var(--chub-space-5)}.chub-header-brand{align-items:center;display:flex;flex-shrink:0;gap:var(--chub-space-3)}.chub-header-icon{align-items:center;background:var(--chub-gradient-primary);border-radius:var(--chub-radius-lg);box-shadow:var(--chub-shadow-glow-blue);color:#fff;display:flex;height:44px;justify-content:center;width:44px}.chub-header-text{display:flex;flex-direction:column}.chub-header-title{-webkit-text-fill-color:#0000;background:var(--chub-gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--chub-font-display);font-size:var(--chub-text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.chub-header-subtitle{color:var(--chub-slate-500);font-size:var(--chub-text-xs);font-weight:500;letter-spacing:.02em;margin:0}.chub-search-wrapper{align-items:center;background:#fff;border:2px solid var(--chub-slate-200);border-radius:var(--chub-radius-xl);display:flex;flex:1 1;gap:var(--chub-space-3);max-width:480px;padding:var(--chub-space-3) var(--chub-space-4);transition:all var(--chub-transition-base)}.chub-search-wrapper.focused{border-color:var(--chub-blue);box-shadow:0 0 0 4px var(--chub-blue-50)}.chub-search-icon{color:var(--chub-slate-400);flex-shrink:0}.chub-search-input{background:#0000;border:none;color:var(--chub-slate-800);flex:1 1;font-family:var(--chub-font-sans);font-size:var(--chub-text-base);outline:none}.chub-search-input::placeholder{color:var(--chub-slate-400)}.chub-search-clear{align-items:center;background:var(--chub-slate-100);border:none;border-radius:var(--chub-radius-full);color:var(--chub-slate-500);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all var(--chub-transition-fast);width:24px}.chub-search-clear:hover{background:var(--chub-slate-200);color:var(--chub-slate-700)}.chub-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--chub-space-3)}.chub-btn{align-items:center;border:none;border-radius:var(--chub-radius-lg);cursor:pointer;display:inline-flex;font-family:var(--chub-font-sans);font-size:var(--chub-text-base);font-weight:600;gap:var(--chub-space-2);justify-content:center;padding:var(--chub-space-3) var(--chub-space-5);transition:all var(--chub-transition-base);white-space:nowrap}.chub-btn-create{background:var(--chub-gradient-fresh);box-shadow:var(--chub-shadow-glow-fresh);color:#fff}.chub-btn-create:hover{background:var(--chub-gradient-fresh-hover);box-shadow:0 8px 24px #00c85359;transform:translateY(-1px)}.chub-btn-secondary{background:#fff;border:1px solid var(--chub-slate-200);box-shadow:var(--chub-shadow-sm);color:var(--chub-slate-700)}.chub-btn-secondary:hover{background:var(--chub-slate-50);border-color:var(--chub-slate-300)}.chub-tabs{align-items:center;border-top:1px solid var(--chub-slate-200);display:flex;gap:var(--chub-space-4);justify-content:space-between;padding-top:var(--chub-space-4)}.chub-tab,.chub-tabs-list{display:flex;gap:var(--chub-space-2)}.chub-tab{align-items:center;background:#0000;border:none;border-radius:var(--chub-radius-lg);color:var(--chub-slate-500);cursor:pointer;font-family:var(--chub-font-sans);font-size:var(--chub-text-base);font-weight:600;padding:var(--chub-space-3) var(--chub-space-5);position:relative;transition:all var(--chub-transition-base)}.chub-tab:hover{background:var(--chub-slate-100);color:var(--chub-slate-700)}.chub-tab.active{background:var(--chub-blue-50);color:var(--chub-blue)}.chub-tab-indicator{background:var(--chub-gradient-primary);border-radius:var(--chub-radius-full);bottom:-2px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.chub-quick-stats{gap:var(--chub-space-4)}.chub-quick-stats,.chub-stat{align-items:center;display:flex}.chub-stat{color:var(--chub-slate-500);font-size:var(--chub-text-sm);font-weight:500;gap:var(--chub-space-1-5)}.chub-stat svg{color:var(--chub-fresh)}.chub-layout{grid-gap:var(--chub-space-5);align-items:start;display:grid;gap:var(--chub-space-5);grid-template-columns:1fr 300px}.chub-main{min-width:0}.chub-sidebar{display:flex;flex-direction:column;gap:var(--chub-space-4);position:-webkit-sticky;position:sticky;top:var(--chub-space-4)}.chub-fab{align-items:center;background:var(--chub-gradient-primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px #3b82f666,0 2px 8px #00000026;color:#fff;cursor:pointer;display:none;height:56px;justify-content:center;position:fixed;right:24px;transition:box-shadow .2s ease;width:56px;z-index:1000}.chub-fab:hover{box-shadow:0 6px 28px #3b82f680,0 4px 12px #0003}.chub-drawer-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;left:0;z-index:1001}.chub-drawer,.chub-drawer-backdrop{bottom:0;display:none;position:fixed;right:0;top:0}.chub-drawer{-webkit-overflow-scrolling:touch;background:#fff;box-shadow:-4px 0 30px #00000026;max-width:85vw;overflow-y:auto;width:320px;z-index:1002}.chub-drawer-header{align-items:center;background:var(--chub-slate-50);border-bottom:1px solid var(--chub-slate-200);display:flex;justify-content:space-between;padding:var(--chub-space-4) var(--chub-space-5);position:-webkit-sticky;position:sticky;top:0;z-index:1}.chub-drawer-title{color:var(--chub-slate-800);font-size:var(--chub-text-lg);font-weight:700;margin:0}.chub-drawer-close{align-items:center;background:#fff;border:1px solid var(--chub-slate-200);border-radius:var(--chub-radius-md);color:var(--chub-slate-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.chub-drawer-close:hover{background:var(--chub-slate-100);color:var(--chub-slate-800)}.chub-drawer-content{padding:var(--chub-space-4)}@media (max-width:1024px){.chub-container{padding:var(--chub-space-4)}.chub-layout{gap:var(--chub-space-4);grid-template-columns:1fr 280px}.chub-header-content{flex-wrap:wrap}.chub-search-wrapper{flex:1 1 100%;max-width:none;order:3}.chub-header-brand{flex:1 1}.chub-quick-stats{display:none}}@media (max-width:768px){.chub-container{padding:var(--chub-space-3);padding-bottom:100px}.chub-header{border-radius:var(--chub-radius-xl);margin-bottom:var(--chub-space-4);padding:var(--chub-space-4)}.chub-header-content{gap:var(--chub-space-3);margin-bottom:var(--chub-space-4)}.chub-layout{grid-template-columns:1fr}.chub-sidebar-desktop{display:none}.chub-fab{display:flex}.chub-drawer-backdrop{display:block}.chub-drawer{display:flex;flex-direction:column}.chub-header-icon{height:40px;width:40px}.chub-header-title{font-size:var(--chub-text-xl)}.chub-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:var(--chub-space-2)}.chub-tabs-list{flex-shrink:0}.chub-btn-create span{display:none}.chub-btn-create{border-radius:var(--chub-radius-md);padding:var(--chub-space-3)}}@media (max-width:480px){.chub-container{padding:var(--chub-space-2)}.chub-header{border-radius:var(--chub-radius-lg);padding:var(--chub-space-3)}.chub-header-subtitle{display:none}.chub-search-wrapper{padding:var(--chub-space-2-5) var(--chub-space-3)}.chub-tab{font-size:var(--chub-text-sm);padding:var(--chub-space-2-5) var(--chub-space-4)}.chub-fab{bottom:20px;height:52px;right:16px;width:52px}.chub-drawer{max-width:90vw;width:280px}.chub-drawer-header{padding:var(--chub-space-3) var(--chub-space-4)}.chub-drawer-content{padding:var(--chub-space-3)}}.guidelines-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.guidelines-modal{animation:modalSlideIn .2s ease-out;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:100%;z-index:1001}.guidelines-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:24px 24px 20px}.modal-title svg{color:#4f46e5;flex-shrink:0}.modal-title div h2{color:#111827;font-size:20px;font-weight:600;line-height:1.2;margin:0 0 4px}.modal-title div p{color:#6b7280;font-size:14px;line-height:1.3;margin:0}.close-button{color:#6b7280}.close-button:hover{background:#f3f4f6;color:#374151}.guidelines-modal-content{max-height:calc(80vh - 140px);overflow-y:auto;padding:20px 24px}.guidelines-list{display:flex;flex-direction:column;gap:16px}.guideline-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.guideline-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.guideline-number{align-items:center;background:#4f46e5!important;border:2px solid #4f46e5;border-radius:8px;box-shadow:0 2px 4px #4f46e533;color:#fff!important;display:flex!important;flex-shrink:0;font-size:14px!important;font-weight:600!important;height:32px;justify-content:center;line-height:1;text-align:center;width:32px}.guideline-item .guideline-number{background-color:#4f46e5!important;color:#fff!important;opacity:1!important;position:relative;visibility:visible!important;z-index:10}.guideline-number:not(:empty){background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.guidelines-list .guideline-item:first-child .guideline-number{background:#ef4444!important;color:#fff!important}.guidelines-list .guideline-item:nth-child(2) .guideline-number{background:#10b981!important;color:#fff!important}.guidelines-list .guideline-item:nth-child(3) .guideline-number{background:#f59e0b!important;color:#fff!important}.guideline-number{outline:2px solid red!important;outline-offset:2px}.guideline-content{flex:1 1;min-width:0}.guideline-content h3{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 6px}.guideline-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.empty-guidelines{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.empty-guidelines svg{color:#d1d5db}.empty-guidelines h3{color:#111827;font-size:18px;font-weight:600;margin:0}.empty-guidelines p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.guidelines-modal-footer{background:#f9fafb;border-top:1px solid #f0f2f5;padding:16px 24px 20px}.guidelines-modal-footer p{color:#6b7280;font-size:13px;line-height:1.4;margin:0;text-align:center}@media (max-width:768px){.guidelines-modal-overlay{padding:16px}.guidelines-modal{max-height:85vh}.guidelines-modal-header{padding:20px 20px 16px}.guidelines-modal-content{max-height:calc(85vh - 120px);padding:16px 20px}.guideline-item{padding:16px}.modal-title{align-items:flex-start;flex-direction:column;gap:8px}.guidelines-modal-footer{padding:12px 20px 16px}}@media (max-width:480px){.guidelines-modal-overlay{padding:12px}.guidelines-modal{border-radius:10px;max-height:90vh}.guidelines-modal-content{padding:12px 16px}.guidelines-list{gap:12px}.guideline-item{gap:12px;padding:12px}.guideline-number{font-size:13px;height:28px;width:28px}.guideline-content h3{font-size:15px}.guideline-content p{font-size:13px}}.create-thread-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-thread-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.modal-title h2{color:#1a202c;font-weight:700}.modal-header-actions{gap:12px}.preview-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.preview-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.preview-btn.active{background:#00c853;border-color:#00c853;color:#fff}.modal-community-info{background:#f0f9ff;border-bottom:1px solid #e2e8f0;color:#0369a1;font-size:14px;padding:12px 24px}.modal-community-info strong{font-weight:600}.modal-content{padding:24px}.create-thread-form{display:flex;flex-direction:column;gap:20px}.form-group label{align-items:center;display:flex;font-weight:600;gap:8px}.form-group input,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#00c853;box-shadow:0 0 0 3px #00c8531a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:12px;font-weight:500}.char-count{align-self:flex-end}.current-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tag-chip{align-items:center;background:#00c853;border-radius:16px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.remove-tag-btn{background:#0000;border:none;border-radius:50%;color:#fffc;cursor:pointer;padding:2px;transition:all .2s ease}.remove-tag-btn:hover{background:#fff3;color:#fff}.tag-input-container{align-items:center;display:flex;gap:8px;margin-bottom:12px}.tag-input-container input{flex:1 1;margin:0}.add-tag-btn{background:#00c853;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.add-tag-btn:hover:not(:disabled){background:#00a046}.add-tag-btn:disabled{background:#94a3b8;cursor:not-allowed}.suggested-tags{display:flex;flex-direction:column;gap:8px}.suggested-label{color:#64748b;font-size:12px;font-weight:500}.suggested-tags-list{display:flex;flex-wrap:wrap;gap:6px}.suggested-tag-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:3px;padding:4px 8px;transition:all .2s ease}.suggested-tag-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.suggested-tag-btn:disabled{cursor:not-allowed;opacity:.5}.flair-selection-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.flair-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:8px;transition:all .2s}.flair-option:hover{background:#f8fafc;border-color:#cbd5e1}.flair-option.selected{background:#eff6ff;border-color:#2563eb}.flair-badge-preview{border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.form-actions{border-top:1px solid #e2e8f0}.cancel-btn,.submit-btn{border-radius:8px;font-size:14px;padding:10px 20px}.submit-btn{background:#00c853;font-weight:600;gap:8px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#00a046;transform:translateY(-1px)}.submit-btn:disabled{background:#94a3b8;transform:none}.preview-header{border-bottom:1px solid #e2e8f0;padding-bottom:16px}.preview-content{flex:1 1}.preview-thread{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.preview-title{font-weight:600;line-height:1.4;margin:0 0 16px}.preview-description{color:#64748b;line-height:1.6;margin:0 0 16px}.preview-description.placeholder{font-style:italic;opacity:.7}.preview-tags{gap:6px}.preview-tag{gap:3px;padding:4px 8px}.preview-actions{border-top:1px solid #e2e8f0;padding-top:20px}.edit-btn{background:#0000;color:#64748b;font-weight:500;padding:10px 20px}.thread-preview{display:flex;flex-direction:column;gap:20px}.preview-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.preview-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.preview-thread{display:flex;flex-direction:column;gap:16px}.preview-title{color:#1a202c;font-size:20px;font-weight:700;line-height:1.3;margin:0}.preview-description p{color:#374151;font-size:14px;line-height:1.6;margin:0}.preview-description .placeholder{color:#94a3b8;font-style:italic}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tag{align-items:center;background:#00c853;border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.preview-actions{display:flex;gap:12px;justify-content:flex-end}.edit-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.edit-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.photo-upload-container{margin-top:8px}.photo-upload-area{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:32px 20px;text-align:center;transition:all .2s ease}.photo-upload-area:hover:not(.disabled){background:#f0fff4;border-color:#00c853}.photo-upload-area.disabled{cursor:not-allowed;opacity:.6}.photo-upload-content{align-items:center;display:flex;flex-direction:column;gap:8px}.photo-upload-content svg{color:#94a3b8;margin-bottom:4px}.photo-upload-content span{color:#374151;font-size:14px;font-weight:500}.photo-upload-content small{color:#64748b;font-size:12px}.photo-preview-container{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:inline-block;overflow:hidden;position:relative}.photo-preview{display:block;height:auto;max-height:200px;max-width:300px;object-fit:cover;width:100%}.remove-photo-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:8px;top:8px;transition:all .2s ease}.remove-photo-btn:hover:not(:disabled){background:#ef4444e6;transform:scale(1.1)}.remove-photo-btn:disabled{cursor:not-allowed;opacity:.5}.preview-photo{margin-top:12px}.preview-photo-image{border:1px solid #e2e8f0;border-radius:8px;height:auto;max-height:200px;max-width:300px;object-fit:cover;width:100%}@media (max-width:768px){.create-thread-modal-backdrop{padding:10px}.create-thread-modal{border-radius:12px;max-width:none}.modal-header{padding:16px 20px}.modal-content{padding:20px}.modal-title h2{font-size:18px}.suggested-tags-list{justify-content:center}.form-actions,.preview-actions{flex-direction:column-reverse}}@media (max-width:480px){.modal-header{align-items:stretch;flex-direction:column;gap:12px}.modal-header-actions{justify-content:space-between}.modal-content{padding:16px}.tag-input-container{align-items:stretch;flex-direction:column}}@media (max-width:768px){.photo-upload-area{padding:24px 16px}.photo-preview,.preview-photo-image{max-width:100%}}.reply{border-left:2px solid #0000;display:flex;gap:12px;margin:12px 0;padding-left:0;transition:all .2s ease}.reply.depth-1{border-left-color:#e2e8f0;margin-left:16px;padding-left:12px}.reply.depth-2{border-left-color:#cbd5e1;margin-left:32px;padding-left:12px}.reply.depth-3{border-left-color:#94a3b8;margin-left:48px;padding-left:12px}.reply.depth-4{border-left-color:#64748b;margin-left:64px;padding-left:12px}.reply.depth-5{border-left-color:#475569;margin-left:80px;padding-left:12px}.reply.deleted{border-left-color:#ef4444;opacity:.6}.reply-vote-section{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:40px}.vote-btn{border-radius:4px;height:28px;width:28px}.vote-count{font-size:12px;font-weight:600;min-width:20px}.reply-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.reply-header{gap:8px;justify-content:space-between}.reply-author,.reply-header{align-items:center;display:flex}.reply-author{gap:6px}.author-avatar{border-radius:3px;height:18px;width:18px}.author-name{font-size:12px}.reply-timestamp{align-items:center;color:#64748b;display:flex;font-size:11px;gap:3px}.reply-actions{position:relative}.action-menu-btn{background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;padding:2px;transition:all .2s ease}.action-menu-btn:hover{background:#f1f5f9;color:#64748b}.action-menu{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 25px #00000026;min-width:100px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.action-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 10px;transition:background .2s ease;width:100%}.action-menu button:hover{background:#f8fafc}.action-menu button.delete-action{color:#dc2626}.action-menu button.delete-action:hover{background:#fef2f2}.reply-main{display:flex;flex-direction:column;gap:8px}.reply-text{color:#374151;font-size:13px;line-height:1.5;margin:0}.deleted-message{color:#94a3b8;font-size:12px;font-style:italic}.edit-reply-form{display:flex;flex-direction:column;gap:8px}.edit-reply-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a202c;font-family:inherit;font-size:13px;padding:8px 12px;resize:vertical;transition:all .2s ease}.edit-reply-form textarea:focus{border-color:#00c853;box-shadow:0 0 0 3px #00c8531a;outline:none}.edit-form-actions{align-items:center;display:flex;justify-content:space-between}.char-count{font-size:11px}.action-buttons{display:flex;gap:8px}.cancel-btn{background:#0000;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.save-btn{align-items:center;background:#00c853;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#00a046}.save-btn:disabled{background:#94a3b8;cursor:not-allowed}.reply-footer{justify-content:space-between;margin-top:4px}.reply-footer,.reply-stats{align-items:center;display:flex}.reply-stats{gap:12px}.stat{font-size:11px;gap:3px}.reply-actions-inline{display:flex;gap:8px}.inline-action-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#64748b;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:3px;padding:2px 4px;transition:all .2s ease}.inline-action-btn:hover{background:#f1f5f9;color:#374151}.nested-replies{margin-top:8px}.toggle-replies-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;margin-bottom:8px;padding:4px 8px;transition:all .2s ease}.toggle-replies-btn:hover{background:#f1f5f9;color:#374151}.nested-replies-list{border-left:1px solid #e2e8f0;margin-left:12px;padding-left:12px}.loading-spinner-small{height:12px;width:12px}@media (max-width:768px){.reply.depth-1,.reply.depth-2,.reply.depth-3,.reply.depth-4,.reply.depth-5{margin-left:8px}.reply-vote-section{min-width:32px}.vote-btn{height:24px;width:24px}.reply-header{gap:4px}.reply-footer,.reply-header{align-items:flex-start;flex-direction:column}.reply-footer{gap:6px}.edit-form-actions{align-items:stretch;flex-direction:column;gap:8px}.action-buttons{justify-content:flex-end}}@media (max-width:480px){.reply{gap:8px}.reply.depth-1,.reply.depth-2,.reply.depth-3,.reply.depth-4,.reply.depth-5{margin-left:4px;padding-left:8px}.nested-replies-list{margin-left:8px;padding-left:8px}.reply-text{font-size:12px}.author-name{font-size:11px}.reply-timestamp{font-size:10px}}.share-thread-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.share-thread-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.share-thread-btn.copied{background:#dcfce7;border-color:#86efac;color:#16a34a}.share-thread-btn:active{transform:scale(.98)}.share-thread-btn-compact{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.share-thread-btn-compact:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.share-thread-btn-compact:active{transform:scale(.95)}.follow-thread-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.follow-thread-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.follow-thread-btn.following{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.follow-thread-btn.following:hover{background:#bfdbfe;border-color:#60a5fa;color:#1d4ed8}.follow-thread-btn:disabled{cursor:not-allowed;opacity:.6}.follow-thread-btn:active:not(:disabled){transform:scale(.98)}.follow-thread-btn-compact{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.follow-thread-btn-compact:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.follow-thread-btn-compact.following{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.follow-thread-btn-compact.following:hover{background:#bfdbfe;border-color:#60a5fa}.follow-thread-btn-compact:disabled{cursor:not-allowed;opacity:.6}.follow-thread-btn-compact:active:not(:disabled){transform:scale(.95)}.follow-spinner,.follow-spinner-small{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb}.follow-spinner{height:16px;width:16px}.follow-spinner-small{height:14px;width:14px}.thread-detail-modal-backdrop{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.thread-detail-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.thread-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-left h2{color:#1a202c;font-size:18px;font-weight:700;margin:0}.modal-header-actions{align-items:center;display:flex;gap:8px}.action-btn{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;padding:8px 10px;transition:all .2s ease}.action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.action-btn.active{background:#00c853;border-color:#00c853;color:#fff}.close-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#374151}.thread-modal-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.thread-modal-error,.thread-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.loading-spinner{border:3px solid #e2e8f0;border-radius:50%;border-top-color:#00c853;height:32px;margin-bottom:16px;width:32px}.retry-btn{margin-top:12px}.retry-btn:hover{background:#00a046}.thread-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.thread-detail-header{display:flex;gap:16px;padding:20px}.thread-vote-section{flex-direction:column;gap:8px;min-width:60px}.thread-vote-section,.vote-btn{align-items:center;display:flex}.vote-btn{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.vote-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.vote-btn.upvote.active{background:#ff4500;border-color:#ff4500;color:#fff}.vote-count{color:#374151;font-size:16px;font-weight:700;text-align:center}.thread-detail-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.thread-status{display:flex;gap:8px}.status-badge{align-items:center;border-radius:12px;display:flex;font-size:11px;gap:4px;padding:4px 8px;text-transform:uppercase}.status-badge.pinned{background:#fef3c7;border:1px solid #fbbf24;color:#f59e0b}.status-badge.locked{background:#fee2e2;border:1px solid #f87171;color:#dc2626}.thread-detail-title{color:#1a202c;font-size:24px;font-weight:700;line-height:1.3;margin:0}.thread-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.thread-author{gap:8px}.author-avatar,.thread-author{align-items:center;display:flex}.author-avatar{background:#f1f5f9;border-radius:6px;color:#64748b;height:24px;justify-content:center;overflow:hidden;width:24px}.author-image{height:100%;object-fit:cover;width:100%}.author-name{color:#374151;font-size:14px;font-weight:600}.thread-timestamp{align-items:center;color:#64748b;display:flex;font-size:13px;gap:4px}.thread-stats{display:flex;gap:16px}.stat{align-items:center;color:#64748b;display:flex;font-size:13px;gap:4px}.thread-detail-description{color:#374151;font-size:16px;line-height:1.6;margin:0}.thread-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.thread-tag{align-items:center;background:#f1f5f9;border-radius:16px;color:#475569;display:flex;font-size:12px;font-weight:500;gap:3px;padding:4px 8px}.reply-form,.thread-tag{border:1px solid #e2e8f0}.reply-form{background:#fff;border-radius:12px;padding:20px}.reply-form h3{align-items:center;color:#1a202c;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.replying-to-indicator{align-items:center;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.cancel-reply-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:2px;transition:all .2s ease}.cancel-reply-btn:hover{background:#0000001a;color:#374151}.reply-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.reply-form textarea:focus{border-color:#00c853;box-shadow:0 0 0 3px #00c8531a;outline:none}.reply-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.char-count{color:#64748b;font-size:12px}.submit-reply-btn{align-items:center;background:#00c853;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.submit-reply-btn:hover:not(:disabled){background:#00a046;transform:translateY(-1px)}.submit-reply-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.thread-replies{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.thread-replies h3{color:#1a202c;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.no-replies,.thread-replies h3{align-items:center;display:flex}.no-replies{color:#64748b;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-replies svg{color:#cbd5e1;margin-bottom:12px}.no-replies p{font-size:14px;margin:0}.replies-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:20px}.loading-spinner-small{border:2px solid #0000;border-top-color:currentcolor}@media (max-width:768px){.thread-detail-modal-backdrop{padding:10px}.thread-detail-modal{border-radius:12px;max-width:none}.thread-modal-header{padding:16px 20px}.thread-modal-content{padding:20px}.thread-detail-header{flex-direction:column;gap:16px}.thread-vote-section{flex-direction:row;justify-content:center;min-width:0;min-width:auto}.thread-detail-title{font-size:20px}.thread-detail-meta{justify-content:center;text-align:center}.replies-pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.reply-form,.thread-modal-content,.thread-replies{padding:16px}.thread-detail-title{font-size:18px}.reply-form-footer,.thread-detail-meta{flex-direction:column;gap:8px}.reply-form-footer{align-items:stretch}}.thread-detail-actions{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:6px;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:10px 12px}.thread-detail-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.thread-detail-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.thread-detail-action-btn.danger{color:#dc2626}.thread-detail-action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.delete-confirm-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.delete-confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px}.delete-confirm-modal h3{color:#dc2626;font-size:18px;margin:0 0 12px}.delete-confirm-modal p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 20px}.delete-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.delete-cancel-btn,.delete-confirm-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.delete-cancel-btn{background:#f1f5f9;color:#475569}.delete-cancel-btn:hover{background:#e2e8f0}.delete-confirm-btn{background:#dc2626;color:#fff}.delete-confirm-btn:hover{background:#b91c1c}.community-threads{gap:12px}.threads-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.threads-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#00c853;height:32px;margin-bottom:12px;width:32px}.threads-loading-more{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#00c853;height:16px;width:16px}.threads-header-simplified{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #00000005;display:flex;justify-content:space-between;margin-bottom:8px;min-height:48px;padding:12px 24px}.threads-title-section h2{align-items:center;color:#1a202c;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.threads-count{color:#64748b;font-size:13px;font-weight:500;margin-left:6px}.threads-header-actions{align-items:center;display:flex;gap:12px}.threads-search-compact{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;min-width:240px;padding:6px 10px;transition:all .2s ease}.threads-search-compact:focus-within{background:#fff;border-color:#00c853;box-shadow:0 0 0 2px #00c8531a}.threads-search-compact svg{color:#64748b;flex-shrink:0}.threads-search-compact input{background:#0000;border:none;color:#1a202c;flex:1 1;font-size:13px;outline:none}.threads-search-compact input::placeholder{color:#94a3b8}.create-thread-btn-compact{align-items:center;background:#00c853;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.create-thread-btn-compact:hover{background:#00a046;box-shadow:0 3px 8px #00c8534d;transform:translateY(-1px)}.threads-filters-tags-combined{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #00000005;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:16px;padding:16px 24px}.filters-left{align-items:center;display:flex;flex-shrink:0;gap:20px}.filter-group{flex-shrink:0;gap:8px}.filter-group label{color:#374151;font-size:13px;min-width:50px;white-space:nowrap}.filter-controls{align-items:center;display:flex;gap:6px}.filter-group select{color:#374151;font-size:13px;min-width:110px;padding:8px 12px}.filter-group select,.sort-order-btn{background:#f8fafc;border:1px solid #e2e8f0;height:36px}.sort-order-btn{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.sort-order-btn:hover{background:#e2e8f0}.sort-order-btn.active{background:#00c853;border-color:#00c853;color:#fff}.tags-right{flex:1 1;min-width:0}.tags-list,.tags-right{align-items:center;display:flex;justify-content:flex-end}.tags-list{flex-wrap:wrap;gap:6px;max-width:100%}.tag-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.tag-btn:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.tag-btn.active{background:#00c853;border-color:#00c853;box-shadow:0 2px 4px #00c85333;color:#fff}.tags-label,.threads-compact-header,.threads-filters-compact,.threads-filters-section,.threads-tags,.threads-tags-compact,.threads-tags-section{display:none}.threads-list{display:flex;flex-direction:column;gap:12px}.threads-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:16px;text-align:center}.retry-btn{background:#dc2626;border-radius:6px;font-weight:500;margin-top:8px}.retry-btn:hover{background:#b91c1c}.threads-empty{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.threads-empty svg{color:#cbd5e1;margin-bottom:16px}.threads-empty h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.threads-empty p{font-size:14px;line-height:1.5;margin:0 0 20px}.threads-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;justify-content:center;margin-top:8px;padding:16px}.pagination-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#00c853;border-color:#00c853;color:#fff}.pagination-btn:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination-info{color:#64748b;font-size:14px;font-weight:500}@media (max-width:768px){.threads-header-simplified{align-items:stretch;min-height:auto;padding:12px 16px}.threads-header-actions,.threads-header-simplified{flex-direction:column;gap:12px}.threads-search-compact{min-width:0;min-width:auto;width:100%}.threads-filters-tags-combined{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.filter-group,.filters-left{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.filter-group label{flex-shrink:0;min-width:auto}.filter-controls{flex:1 1;justify-content:flex-end}.filter-group select{min-width:100px}.tags-list,.tags-right{justify-content:center}.tags-list{gap:8px}.threads-pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.threads-header-simplified{padding:16px}.threads-filters-tags-combined{padding:12px}.filter-group{align-items:stretch;flex-direction:column;gap:8px}.filter-group label{font-weight:600;text-align:left}.filter-controls{justify-content:stretch}.filter-group select{min-width:0;min-width:auto;width:100%}.tags-list{gap:6px}.tag-btn{font-size:11px;padding:4px 8px}.pinned-threads-header{align-items:flex-start;flex-direction:column;gap:6px;padding:8px 12px}.pinned-threads-header h3{font-size:13px}.regular-threads-header{font-size:12px;padding:8px 12px}.pinned-threads-count{align-self:flex-end;margin-top:-20px}}.threads-error{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px 20px}.error-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center}.error-icon{color:#ef4444;margin-bottom:20px;opacity:.7}.error-content h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 16px}.error-content p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 24px}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.error-actions .btn-primary{align-items:center;background:#00c853;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.error-actions .btn-primary:hover{background:#00a046;transform:translateY(-1px)}.error-actions .btn-secondary,.error-content .btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.error-actions .btn-secondary:hover,.error-content .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.pinned-threads-section{margin-bottom:24px}.pinned-threads-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border-radius:8px;box-shadow:0 2px 4px #fbbf241a;display:flex;gap:8px;margin-bottom:12px;padding:12px 16px}.pinned-threads-header h3{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0}.pinned-threads-header .pin-icon{animation:pinHeaderGlow 3s ease-in-out infinite alternate;color:#fbbf24}@keyframes pinHeaderGlow{0%{filter:drop-shadow(0 1px 2px rgba(251,191,36,.3));transform:rotate(0deg)}50%{transform:rotate(5deg)}to{filter:drop-shadow(0 2px 6px rgba(251,191,36,.5));transform:rotate(0deg)}}.pinned-threads-count{background:#fbbf24;border-radius:12px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.regular-threads-section{margin-top:16px}.regular-threads-header{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:12px;padding:12px 16px;position:relative}.regular-threads-header:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);content:"";height:1px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:80px}.pin-tutorial-hint{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fffbeb);border:1px dashed #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:10px;margin-bottom:16px;opacity:.9;padding:12px 16px;transition:all .3s ease}.pin-tutorial-hint:hover{box-shadow:0 2px 8px #fbbf2426;opacity:1;transform:translateY(-1px)}.pin-tutorial-hint .pin-icon{color:#fbbf24;flex-shrink:0}.pin-tutorial-text{flex:1 1;line-height:1.4}.pin-tutorial-hint.hidden{display:none}.cth-container{gap:var(--cdash-space-4)}.cth-container,.cth-loading{display:flex;flex-direction:column}.cth-loading{align-items:center;gap:var(--cdash-space-3);justify-content:center;min-height:300px}.cth-loading-spinner{animation:cth-spin .8s linear infinite;border:3px solid var(--cdash-slate-200);border-radius:50%;border-top-color:var(--cdash-primary);height:32px;width:32px}.cth-loading p{color:var(--cdash-slate-500);font-size:.875rem}.cth-header{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-lg);box-shadow:var(--cdash-shadow-sm);gap:var(--cdash-space-4);justify-content:space-between;padding:var(--cdash-space-3) var(--cdash-space-4)}.cth-header,.cth-header-left{align-items:center;display:flex}.cth-header-left{gap:var(--cdash-space-3)}.cth-title{align-items:center;color:var(--cdash-slate-800);display:flex;font-size:1rem;font-weight:600;gap:var(--cdash-space-2);margin:0}.cth-title svg{color:var(--cdash-primary)}.cth-count{color:var(--cdash-slate-400);font-size:.8125rem;font-weight:500}.cth-header-actions{align-items:center;display:flex;gap:var(--cdash-space-3)}.cth-search{align-items:center;background:var(--cdash-slate-50);border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-md);display:flex;gap:var(--cdash-space-2);min-width:200px;padding:var(--cdash-space-2) var(--cdash-space-3);transition:all var(--cdash-transition-fast)}.cth-search:focus-within{background:#fff;border-color:var(--cdash-primary);box-shadow:0 0 0 3px var(--cdash-primary-soft)}.cth-search svg{color:var(--cdash-slate-400);flex-shrink:0}.cth-search input{background:#0000;border:none;color:var(--cdash-slate-800);flex:1 1;font-size:.8125rem;outline:none}.cth-search input::placeholder{color:var(--cdash-slate-400)}.cth-create-btn{align-items:center;background:var(--cdash-gradient-primary);border:none;border-radius:var(--cdash-radius-md);box-shadow:var(--cdash-shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:var(--cdash-space-2) var(--cdash-space-4);transition:all var(--cdash-transition-fast);white-space:nowrap}.cth-create-btn:hover{box-shadow:0 4px 16px #00c85359;transform:translateY(-1px)}.cth-filters{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-lg);box-shadow:var(--cdash-shadow-sm);gap:var(--cdash-space-4);justify-content:space-between;padding:var(--cdash-space-3) var(--cdash-space-4)}.cth-filters,.cth-filters-left{align-items:center;display:flex}.cth-filters-left{gap:var(--cdash-space-3)}.cth-filter-select{align-items:center;display:flex;gap:var(--cdash-space-2)}.cth-filter-select select{-webkit-appearance:none;appearance:none;background:var(--cdash-slate-50) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-md);color:var(--cdash-slate-700);cursor:pointer;font-size:.8125rem;font-weight:500;padding:var(--cdash-space-2) var(--cdash-space-8) var(--cdash-space-2) var(--cdash-space-3);transition:all var(--cdash-transition-fast)}.cth-filter-select select:hover{border-color:var(--cdash-slate-300)}.cth-filter-select select:focus{border-color:var(--cdash-primary);box-shadow:0 0 0 3px var(--cdash-primary-soft);outline:none}.cth-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cdash-space-2)}.cth-tag{align-items:center;background:var(--cdash-slate-100);border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-full);color:var(--cdash-slate-600);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:5px 10px;transition:all var(--cdash-transition-fast);white-space:nowrap}.cth-tag:hover{background:var(--cdash-slate-200);border-color:var(--cdash-slate-300)}.cth-tag.active{background:var(--cdash-primary-soft);border-color:var(--cdash-primary);color:var(--cdash-primary-dark)}.cth-tag svg{height:12px;width:12px}.cth-list{display:flex;flex-direction:column;gap:var(--cdash-space-3)}.cth-pinned-section{margin-bottom:var(--cdash-space-4)}.cth-section-header{align-items:center;border:1px solid #fbbf24;border-radius:var(--cdash-radius-md);display:flex;gap:var(--cdash-space-2);margin-bottom:var(--cdash-space-3);padding:var(--cdash-space-2) var(--cdash-space-3)}.cth-section-header,.cth-section-header.pinned{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.cth-section-header.pinned{border-color:#fbbf24}.cth-section-header.pinned svg{color:#fbbf24}.cth-section-title{color:#92400e;font-size:.8125rem;font-weight:600;margin:0}.cth-section-count{background:#fbbf24;border-radius:var(--cdash-radius-full);color:#fff;font-size:.6875rem;font-weight:600;margin-left:auto;padding:2px 8px}.cth-regular-section{margin-top:var(--cdash-space-2)}.cth-section-header.regular{background:var(--cdash-slate-50);border-color:var(--cdash-slate-200)}.cth-section-header.regular .cth-section-title{color:var(--cdash-slate-600)}.cth-section-header.regular .cth-section-count{background:var(--cdash-slate-400)}.cth-empty{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-xl);flex-direction:column;padding:var(--cdash-space-10) var(--cdash-space-6);text-align:center}.cth-empty,.cth-empty-icon{align-items:center;display:flex;justify-content:center}.cth-empty-icon{background:var(--cdash-slate-100);border-radius:50%;color:var(--cdash-slate-400);height:64px;margin-bottom:var(--cdash-space-4);width:64px}.cth-empty h3{color:var(--cdash-slate-800);font-size:1.125rem;font-weight:600;margin:0 0 var(--cdash-space-2) 0}.cth-empty p{color:var(--cdash-slate-500);font-size:.875rem;margin:0 0 var(--cdash-space-5) 0;max-width:320px}.cth-pagination{background:#fff;border-radius:var(--cdash-radius-lg);display:flex;gap:var(--cdash-space-4);justify-content:center;margin-top:var(--cdash-space-2);padding:var(--cdash-space-4)}.cth-pagination,.cth-pagination-btn{align-items:center;border:1px solid var(--cdash-slate-200)}.cth-pagination-btn{background:var(--cdash-slate-50);border-radius:var(--cdash-radius-md);color:var(--cdash-slate-700);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:var(--cdash-space-2) var(--cdash-space-4);transition:all var(--cdash-transition-fast)}.cth-pagination-btn:hover:not(:disabled){background:var(--cdash-primary);border-color:var(--cdash-primary);color:#fff}.cth-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.cth-pagination-info{color:var(--cdash-slate-500);font-size:.8125rem;font-weight:500}.cth-pin-hint{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px dashed #fbbf24;border-radius:var(--cdash-radius-md);display:flex;gap:var(--cdash-space-3);margin-bottom:var(--cdash-space-3);padding:var(--cdash-space-3) var(--cdash-space-4)}.cth-pin-hint svg{color:#fbbf24;flex-shrink:0}.cth-pin-hint p{color:#92400e;font-size:.8125rem;line-height:1.4;margin:0}.cth-pin-hint strong{font-weight:600}.cth-error{align-items:center;display:flex;justify-content:center;min-height:300px;padding:var(--cdash-space-6)}.cth-error-content{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-xl);box-shadow:var(--cdash-shadow-lg);max-width:400px;padding:var(--cdash-space-8);text-align:center}.cth-error-icon{align-items:center;background:var(--cdash-rose-soft);border-radius:50%;color:var(--cdash-rose);display:flex;height:56px;justify-content:center;margin:0 auto var(--cdash-space-4);width:56px}.cth-error-content h3{color:var(--cdash-slate-800);font-size:1.125rem;font-weight:600;margin:0 0 var(--cdash-space-2) 0}.cth-error-content p{color:var(--cdash-slate-500);font-size:.875rem;margin:0 0 var(--cdash-space-5) 0}.cth-error-actions{display:flex;flex-wrap:wrap;gap:var(--cdash-space-3);justify-content:center}.cth-error-btn{align-items:center;border:none;border-radius:var(--cdash-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:var(--cdash-space-3) var(--cdash-space-5);transition:all var(--cdash-transition-fast)}.cth-error-btn--primary{background:var(--cdash-gradient-primary);box-shadow:var(--cdash-shadow-primary);color:#fff}.cth-error-btn--primary:hover{transform:translateY(-1px)}.cth-error-btn--secondary{background:var(--cdash-slate-100);border:1px solid var(--cdash-slate-200);color:var(--cdash-slate-700)}.cth-error-btn--secondary:hover{background:var(--cdash-slate-200)}.cth-loading-more{align-items:center;color:var(--cdash-slate-500);display:flex;font-size:.875rem;gap:var(--cdash-space-2);justify-content:center;padding:var(--cdash-space-4)}.cth-loading-more .cth-loading-spinner{border-width:2px;height:16px;width:16px}@media (max-width:1024px){.cth-header{flex-wrap:wrap;gap:var(--cdash-space-3)}.cth-search{min-width:180px}}@media (max-width:768px){.cth-header{align-items:stretch;flex-direction:column;gap:var(--cdash-space-3);padding:var(--cdash-space-3)}.cth-header-left{justify-content:space-between}.cth-header-actions{flex-direction:column;gap:var(--cdash-space-2)}.cth-search{min-width:0;min-width:auto;width:100%}.cth-create-btn{justify-content:center;width:100%}.cth-filters{align-items:stretch;flex-direction:column;gap:var(--cdash-space-3);padding:var(--cdash-space-3)}.cth-filters-left{flex-wrap:wrap;justify-content:space-between}.cth-filter-select select{width:100%}.cth-tags{justify-content:center}.cth-pagination{flex-direction:column;gap:var(--cdash-space-3)}.cth-pagination-btn{justify-content:center;width:100%}}@media (max-width:480px){.cth-container{gap:var(--cdash-space-3)}.cth-filters,.cth-header{border-radius:var(--cdash-radius-md);padding:var(--cdash-space-3)}.cth-title{font-size:.9375rem}.cth-tag{font-size:.6875rem;padding:4px 8px}.cth-empty{padding:var(--cdash-space-6) var(--cdash-space-4)}.cth-section-header{padding:var(--cdash-space-2)}}.community-threads{display:flex;flex-direction:column;gap:var(--cdash-space-3)}.community-threads .threads-filters-tags-combined{align-items:center;background:#fff;border:1px solid var(--cdash-slate-200);border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex!important;flex-wrap:nowrap;gap:var(--cdash-space-3);margin-bottom:0;padding:10px 16px}.community-threads .threads-filters-tags-combined:before{color:var(--cdash-slate-800);content:"Discussions";font-size:.9375rem;font-weight:600;margin-right:auto;white-space:nowrap}.community-threads .filters-left{align-items:center;display:flex;gap:var(--cdash-space-2);margin-left:auto}.community-threads .filter-group{align-items:center;display:flex}.community-threads .filter-group label{display:none}.community-threads .filter-controls{align-items:center;display:flex}.community-threads .filter-group select,.community-threads .sort-select{-webkit-appearance:none;appearance:none;background:var(--cdash-slate-100) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;border:none;border-radius:6px;color:var(--cdash-slate-700);cursor:pointer;font-size:.75rem;font-weight:500;height:auto;min-width:90px;padding:6px 28px 6px 10px;transition:all .15s ease}.community-threads .filter-group select:hover{background-color:var(--cdash-slate-200)}.community-threads .filter-group select:focus{background-color:var(--cdash-slate-200);outline:none}.community-threads .tags-right{display:none}.community-threads .threads-header-simplified{display:none!important}.community-threads .threads-search-compact{align-items:center;background:var(--cdash-slate-50);border:1px solid var(--cdash-slate-200);border-radius:8px;display:flex;gap:6px;max-width:200px;min-width:160px;padding:6px 12px;transition:all .15s ease}.community-threads .threads-search-compact:focus-within{background:#fff;border-color:var(--cdash-primary);box-shadow:0 0 0 2px var(--cdash-primary-soft)}.community-threads .threads-search-compact svg{color:var(--cdash-slate-400);flex-shrink:0;height:14px;width:14px}.community-threads .threads-search-compact input{background:#0000;border:none;color:var(--cdash-slate-800);flex:1 1;font-size:.75rem;min-width:80px;outline:none}.community-threads .threads-search-compact input::placeholder{color:var(--cdash-slate-400)}.community-threads .create-thread-btn,.community-threads .create-thread-btn-compact{align-items:center;background:var(--cdash-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.community-threads .create-thread-btn-compact:hover,.community-threads .create-thread-btn:hover{background:var(--cdash-primary-dark);transform:translateY(-1px)}.community-threads .create-thread-btn svg,.community-threads .create-thread-btn-compact svg{height:14px;width:14px}.community-threads .threads-list{display:flex;flex-direction:column;gap:10px}.community-threads .pinned-threads-section{margin-bottom:var(--cdash-space-2)}.community-threads .pinned-threads-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:6px;box-shadow:none;display:flex;gap:6px;margin-bottom:10px;padding:6px 12px}.community-threads .pinned-threads-header h3{align-items:center;color:#92400e;display:flex;font-size:.75rem;font-weight:600;gap:5px;margin:0}.community-threads .pinned-threads-header .pin-icon{animation:none;color:#f59e0b;filter:none;height:12px;width:12px}.community-threads .pinned-threads-count{background:#f59e0b;border-radius:10px;color:#fff;font-size:.625rem;font-weight:600;margin-left:auto;padding:2px 6px}.community-threads .regular-threads-section{margin-top:0}.community-threads .regular-threads-header{align-items:center;background:var(--cdash-slate-50);border:1px solid var(--cdash-slate-200);border-radius:6px;color:var(--cdash-slate-600);display:flex;font-size:.75rem;font-weight:500;gap:6px;margin-bottom:10px;padding:6px 12px}.community-threads .regular-threads-header:before{display:none}.community-threads .threads-empty{align-items:center;background:#fff;border:1px solid var(--cdash-slate-200);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:var(--cdash-space-8) var(--cdash-space-5);text-align:center}.community-threads .threads-empty svg{color:var(--cdash-slate-300);height:40px;margin-bottom:var(--cdash-space-3);width:40px}.community-threads .threads-empty h3{color:var(--cdash-slate-800);font-size:1rem;font-weight:600;margin:0 0 var(--cdash-space-2) 0}.community-threads .threads-empty p{color:var(--cdash-slate-500);font-size:.8125rem;line-height:1.5;margin:0 0 var(--cdash-space-4) 0;max-width:280px}.community-threads .threads-pagination{align-items:center;background:#fff;border:1px solid var(--cdash-slate-200);border-radius:8px;box-shadow:none;display:flex;gap:var(--cdash-space-3);justify-content:center;margin-top:4px;padding:10px 16px}.community-threads .pagination-btn{align-items:center;background:var(--cdash-slate-100);border:none;border-radius:6px;color:var(--cdash-slate-700);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .15s ease}.community-threads .pagination-btn:hover:not(:disabled){background:var(--cdash-primary);color:#fff}.community-threads .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.community-threads .pagination-info{color:var(--cdash-slate-500);font-size:.75rem;font-weight:500}.community-threads .pin-tutorial-hint{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px dashed #fcd34d;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;padding:10px 14px}.community-threads .pin-tutorial-hint .pin-icon{color:#f59e0b;height:14px;width:14px}.community-threads .pin-tutorial-text{color:#92400e;font-size:.75rem;line-height:1.4}.community-threads .threads-error{align-items:center;background:#0000;border:none;display:flex;justify-content:center;min-height:250px;padding:var(--cdash-space-5)}.community-threads .error-content{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:12px;box-shadow:var(--cdash-shadow-lg);max-width:350px;padding:var(--cdash-space-6);text-align:center}.community-threads .error-icon{color:var(--cdash-rose);height:36px;margin-bottom:var(--cdash-space-3);width:36px}.community-threads .error-content h3{color:var(--cdash-slate-800);font-size:1rem;font-weight:600;margin:0 0 var(--cdash-space-2) 0}.community-threads .error-content p{color:var(--cdash-slate-500);font-size:.8125rem;line-height:1.5;margin:0 0 var(--cdash-space-4) 0}.community-threads .error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.community-threads .error-actions .btn-primary{background:var(--cdash-primary);color:#fff}.community-threads .error-actions .btn-primary,.community-threads .error-content .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:5px;padding:8px 16px}.community-threads .error-content .btn-secondary{background:var(--cdash-slate-100);color:var(--cdash-slate-700)}.community-threads .threads-loading{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:200px}.community-threads .threads-loading-spinner{animation:cth-spin .8s linear infinite;border:2px solid var(--cdash-slate-200);border-radius:50%;border-top-color:var(--cdash-primary);height:28px;margin-bottom:0;width:28px}@keyframes cth-spin{to{transform:rotate(1turn)}}.community-threads .threads-loading p{color:var(--cdash-slate-500);font-size:.8125rem;margin:0}.community-threads .threads-loading-more{align-items:center;color:var(--cdash-slate-500);display:flex;font-size:.8125rem;gap:8px;justify-content:center;padding:12px}.community-threads .loading-spinner-small{animation:cth-spin .8s linear infinite;border:2px solid var(--cdash-slate-200);border-radius:50%;border-top-color:var(--cdash-primary);height:14px;width:14px}@media (max-width:1024px){.community-threads .threads-filters-tags-combined{flex-wrap:wrap}.community-threads .threads-search-compact{min-width:140px}}@media (max-width:768px){.community-threads .threads-filters-tags-combined{align-items:stretch;flex-direction:column;padding:12px}.community-threads .threads-filters-tags-combined:before{margin-bottom:8px;margin-right:0}.community-threads .filters-left{flex-wrap:wrap;gap:8px;width:100%}.community-threads .filter-group{flex:1 1;min-width:100px}.community-threads .filter-group select{width:100%}.community-threads .threads-search-compact{max-width:none;min-width:0;min-width:auto;width:100%}.community-threads .create-thread-btn-compact{justify-content:center;width:100%}.community-threads .threads-pagination{flex-direction:column;gap:8px}.community-threads .pagination-btn{justify-content:center;width:100%}}@media (max-width:480px){.community-threads{gap:8px}.community-threads .threads-filters-tags-combined{border-radius:8px;padding:10px}.community-threads .threads-filters-tags-combined:before{font-size:.875rem}.community-threads .filter-group select{font-size:.6875rem;min-width:80px;padding:5px 24px 5px 8px}.community-threads .threads-empty{padding:24px 16px}.community-threads .pinned-threads-header,.community-threads .regular-threads-header{padding:5px 10px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-room-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;margin:20px;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.modal-header,.modal-title{align-items:center}.modal-title h2{color:#1f2937;margin:0}.modal-title svg{color:#6366f1}.modal-close-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-content{flex:1 1;overflow-y:auto;padding:32px}.community-context{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;margin-bottom:24px;padding:16px}.community-context p{color:#0369a1;font-weight:500;margin:0 0 8px}.community-field{background:#fff;border:1px solid #bae6fd;border-radius:6px;color:#0284c7;font-size:14px;padding:4px 12px}.create-room-form{gap:24px}.create-room-form,.form-section{display:flex;flex-direction:column}.form-section{gap:20px}.form-section h3{border-bottom:1px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:500}.required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group textarea{min-height:100px;resize:vertical}.input-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.error-message{color:#dc2626;font-weight:500}.char-count,.error-message{align-items:center;display:flex;font-size:13px;gap:6px}.char-count{color:#6b7280}.valid-icon{color:#059669}.fields-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.field-preview{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:14px;gap:8px;padding:12px}.room-settings-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.setting-item{align-items:flex-start;display:flex;gap:12px}.setting-item svg{color:#6b7280;flex-shrink:0;margin-top:2px}.setting-item div{color:#4b5563;font-size:14px}.setting-item strong{color:#374151}.submit-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.form-actions{border-top:1px solid #e5e7eb;gap:12px;justify-content:flex-end;padding-top:16px}.cancel-btn,.create-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.create-btn{background:#6366f1;border:1px solid #6366f1}.create-btn:hover:not(:disabled){background:#5b5ef6;border-color:#5b5ef6}.create-btn:disabled{background:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.create-room-modal{margin:10px;max-height:95vh}.modal-header{padding:20px 24px}.modal-content{padding:24px}.fields-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.create-btn{width:100%}}.analytics-dashboard{background:#fff;border-radius:12px;min-height:600px;padding:24px}.analytics-header{border-bottom:2px solid #e0e0e0;margin-bottom:32px;padding-bottom:20px}.analytics-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.analytics-title h2{color:#333;font-size:24px;font-weight:600;margin:0}.analytics-subtitle{color:#666;font-size:14px;margin:0}.analytics-section{margin-bottom:32px}.analytics-section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stat-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-label{color:#666;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#333;font-size:28px;font-weight:700;line-height:1}.stat-subtext{color:#999;font-size:12px}.stats-additional-info{background:#f9f9f9;border-radius:10px;display:flex;gap:24px;padding:16px}.additional-info-item{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.additional-info-item svg{color:#2196f3}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.analytics-loading .spinner{animation:spin 1s linear infinite}.analytics-loading p{color:#666;font-size:16px}.stats-empty{color:#999;padding:40px 20px;text-align:center}.leaderboard-table{background:#fff;border-radius:12px;overflow:hidden}.leaderboard-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.leaderboard-header h3{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.leaderboard-period-tabs{background:#f5f5f5;border-radius:8px;display:flex;gap:8px;padding:4px}.period-tab{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.period-tab:hover{background:#e0e0e0}.period-tab.active{background:#2196f3;color:#fff}.leaderboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.leaderboard-loading .spinner{animation:spin 1s linear infinite}.leaderboard-loading p{color:#666;font-size:16px}.leaderboard-empty{align-items:center;color:#999;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.leaderboard-empty svg{color:#ccc}.leaderboard-list{display:flex;flex-direction:column}.leaderboard-table-header{background:#f9f9f9;border-radius:8px;color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.leaderboard-row,.leaderboard-table-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:100px 1fr 100px 100px 100px 100px;margin-bottom:8px}.leaderboard-row{border:1px solid #f0f0f0;border-radius:10px;padding:16px;transition:all .2s}.leaderboard-row:hover{border-color:#2196f3;box-shadow:0 2px 8px #0000000f}.row-rank{font-size:16px;font-weight:700;gap:8px}.row-rank,.row-user{align-items:center;display:flex}.row-user{color:#333;font-weight:600;gap:12px}.user-avatar{height:36px;width:36px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;height:100%;width:100%}.avatar-placeholder,.row-stat{align-items:center;display:flex;justify-content:center}.row-stat{color:#666;font-size:15px;gap:6px}.row-stat svg{color:#999;flex-shrink:0}.leaderboard-row.rank-1{border:2px solid gold}.leaderboard-row.rank-2{border:2px solid silver}.leaderboard-row.rank-3{border:2px solid #cd7f32}@media (max-width:1024px){.leaderboard-row,.leaderboard-table-header{font-size:13px;gap:8px;grid-template-columns:80px 1fr 80px 80px 80px 80px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.analytics-dashboard{padding:16px}.stats-grid{grid-template-columns:1fr}.leaderboard-header{align-items:flex-start;flex-direction:column;gap:16px}.leaderboard-period-tabs{width:100%}.period-tab{flex:1 1;text-align:center}.leaderboard-table-header{display:none}.leaderboard-row{gap:12px;grid-template-columns:1fr}.row-rank,.row-stat,.row-user{justify-content:flex-start}.stats-additional-info{flex-direction:column;gap:12px}}.rating-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rating-modal{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;opacity:1;overflow:hidden;position:relative;width:100%;z-index:1001}.rating-modal:before{background:#fff;border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@media (prefers-color-scheme:dark){.rating-modal:before{background:#1a1a1a}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rating-modal-header{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);justify-content:space-between;padding:24px 24px 16px}.modal-title,.rating-modal-header{align-items:flex-start;display:flex}.modal-title{gap:12px}.modal-title svg{color:var(--color-primary);margin-top:2px}.modal-title h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:20px;font-weight:600;margin:0 0 4px}.modal-title p{color:#666;color:var(--color-text-secondary,#666);font-size:14px;line-height:1.4;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.close-button:disabled{cursor:not-allowed;opacity:.5}.rating-modal-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;padding:60px 24px}.rating-modal-loading .spinning{animation:spin 1s linear infinite}.rating-modal-content{max-height:calc(90vh - 100px);overflow-y:auto;padding:24px}.existing-rating-notice{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.existing-rating-notice svg{color:#f59e0b;flex-shrink:0}.rating-categories{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.rating-category{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.rating-category:hover{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 2px 8px #00000014}.category-info{flex:1 1;margin-right:20px}.category-info h4{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:16px;font-weight:600;margin:0 0 4px}.category-info p{color:#666;color:var(--color-text-secondary,#666);font-size:14px;line-height:1.4;margin:0}.rating-input{align-items:center;display:flex;flex-direction:column;gap:8px}.stars-input{display:flex;gap:4px}.star-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.star-button:hover{transform:scale(1.1)}.star-button.filled svg{fill:#ffc107;color:#ffc107}.star-button.empty svg{color:#e0e0e0}.star-button:hover svg{color:#ffc107}.rating-text{color:#666;color:var(--color-text-secondary,#666);font-size:12px;font-weight:500;min-height:16px;text-align:center}.feedback-section{margin-bottom:24px}.feedback-section label{display:block;font-weight:500;margin-bottom:8px}.feedback-section label,.feedback-section textarea{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:14px}.feedback-section textarea{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;font-family:inherit;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.feedback-section textarea:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.character-count{color:#666;color:var(--color-text-secondary,#666);font-size:12px;margin-top:4px;text-align:right}.anonymous-section{margin-bottom:24px}.anonymous-checkbox{align-items:flex-start;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.anonymous-checkbox:hover{border-color:#007bff;border-color:var(--color-primary,#007bff)}.anonymous-checkbox input[type=checkbox]{display:none}.checkbox-icon{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s ease;width:20px}.anonymous-checkbox input:checked+.checkbox-icon{background:#007bff;background:var(--color-primary,#007bff);border-color:#007bff;border-color:var(--color-primary,#007bff);color:#fff}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-content span{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:14px;font-weight:500}.checkbox-content small{color:#666;color:var(--color-text-secondary,#666);font-size:12px;line-height:1.3}.rating-modal-actions{background:#fff;background:var(--color-bg-primary,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);display:flex;gap:12px;justify-content:flex-end;padding-top:20px;position:relative;z-index:10}.rating-modal-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease;z-index:1}.rating-modal-actions .btn:disabled{cursor:not-allowed;opacity:.6}.rating-modal-actions .btn.primary{background:#007bff;background:var(--color-primary,#007bff);color:#fff}.rating-modal-actions .btn.primary:hover:not(:disabled){background:#0056b3;background:var(--color-primary-hover,var(--color-primary,#0056b3));box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.rating-modal-actions .btn.secondary{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.rating-modal-actions .btn.secondary:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-primary)}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.rating-modal-overlay{padding:16px}.rating-modal{max-height:95vh}.rating-modal-header{padding:20px 20px 16px}.rating-modal-content{padding:20px}.rating-category{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.category-info{margin-right:0}.rating-input{align-self:flex-end}.rating-modal-actions{flex-direction:column-reverse}.rating-modal-actions .btn{width:100%}.modal-title{flex-direction:column;gap:8px}.modal-title svg{margin-top:0}}@media (max-width:480px){.rating-modal-overlay{padding:8px}.rating-category{padding:12px}.stars-input{gap:2px}.star-button svg{height:18px;width:18px}}:root{--cpv-green:#00c853;--cpv-green-dark:#00a844;--cpv-green-light:#e8f5e9;--cpv-blue:#3b82f6;--cpv-blue-dark:#2563eb;--cpv-blue-light:#dbeafe;--cpv-purple:#8b5cf6;--cpv-purple-dark:#7c3aed;--cpv-purple-light:#ede9fe;--cpv-indigo:#6366f1;--cpv-cyan:#06b6d4;--cpv-pink:#ec4899;--cpv-amber:#f59e0b;--cpv-amber-light:#fef3c7;--cpv-red:#ef4444;--cpv-slate-50:#f8fafc;--cpv-slate-100:#f1f5f9;--cpv-slate-200:#e2e8f0;--cpv-slate-300:#cbd5e1;--cpv-slate-400:#94a3b8;--cpv-slate-500:#64748b;--cpv-slate-600:#475569;--cpv-slate-700:#334155;--cpv-slate-800:#1e293b;--cpv-slate-900:#0f172a;--cpv-gradient-primary:linear-gradient(135deg,#00c853,#00a844);--cpv-gradient-blue:linear-gradient(135deg,#3b82f6,#2563eb);--cpv-gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--cpv-gradient-amber:linear-gradient(135deg,#f59e0b,#d97706);--cpv-gradient-surface:linear-gradient(135deg,#fff,#f8fafc);--cpv-gradient-hero:linear-gradient(135deg,#fffffff2,#f8fafcfa);--cpv-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--cpv-text-xs:0.75rem;--cpv-text-sm:0.8125rem;--cpv-text-base:0.875rem;--cpv-text-md:0.9375rem;--cpv-text-lg:1rem;--cpv-text-xl:1.125rem;--cpv-text-2xl:1.25rem;--cpv-text-3xl:1.5rem;--cpv-space-1:0.25rem;--cpv-space-2:0.5rem;--cpv-space-3:0.75rem;--cpv-space-4:1rem;--cpv-space-5:1.25rem;--cpv-space-6:1.5rem;--cpv-space-8:2rem;--cpv-space-10:2.5rem;--cpv-radius-sm:6px;--cpv-radius-md:8px;--cpv-radius-lg:12px;--cpv-radius-xl:16px;--cpv-radius-2xl:20px;--cpv-radius-full:9999px;--cpv-shadow-xs:0 1px 2px #0000000a;--cpv-shadow-sm:0 2px 4px #0000000d;--cpv-shadow-md:0 4px 12px #00000014;--cpv-shadow-lg:0 8px 24px #0000001a;--cpv-shadow-xl:0 12px 36px #0000001f;--cpv-shadow-green:0 4px 14px #00c85340;--cpv-shadow-blue:0 4px 14px #3b82f640;--cpv-transition-fast:0.15s ease;--cpv-transition-base:0.2s ease;--cpv-transition-slow:0.3s ease;--cpv-max-width:1200px;--cpv-sidebar-width:300px;--cpv-header-height:auto}.cpv-page{background:linear-gradient(145deg,var(--cpv-slate-50) 0,var(--cpv-slate-100) 100%);color:var(--cpv-slate-800);font-family:var(--cpv-font-family);min-height:100vh;padding-bottom:var(--cpv-space-6)}.cpv-container{margin:0 auto;max-width:var(--cpv-max-width);padding:var(--cpv-space-4)}.cpv-error,.cpv-loading{align-items:center;display:flex;flex-direction:column;gap:var(--cpv-space-4);justify-content:center;min-height:50vh;padding:var(--cpv-space-8);text-align:center}.cpv-spinner{animation:cpv-spin .7s linear infinite;border:3px solid var(--cpv-slate-200);border-radius:50%;border-top-color:var(--cpv-green);height:40px;width:40px}@keyframes cpv-spin{to{transform:rotate(1turn)}}.cpv-loading-text{color:var(--cpv-slate-500);font-size:var(--cpv-text-sm);font-weight:500}.cpv-error-title{color:var(--cpv-red);font-size:var(--cpv-text-xl);font-weight:700;margin:0}.cpv-error-message{color:var(--cpv-slate-500);font-size:var(--cpv-text-sm);margin:0 0 var(--cpv-space-4)}.cpv-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cpv-gradient-hero);border:1px solid #e2e8f099;border-radius:var(--cpv-radius-xl);box-shadow:var(--cpv-shadow-md);margin-bottom:var(--cpv-space-4);overflow:hidden;padding:var(--cpv-space-4) var(--cpv-space-5);position:relative}.cpv-header:before{background:linear-gradient(90deg,var(--cpv-green) 0,var(--cpv-blue) 50%,var(--cpv-purple) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.cpv-header-row{align-items:center;display:flex;gap:var(--cpv-space-4)}.cpv-back-btn{align-items:center;background:var(--cpv-slate-100);border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-md);color:var(--cpv-slate-600);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--cpv-transition-fast);width:36px}.cpv-back-btn:hover{background:var(--cpv-green-light);border-color:#00c8534d;color:var(--cpv-green)}.cpv-avatar{align-items:center;background:var(--cpv-gradient-surface);border:2px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-lg);box-shadow:var(--cpv-shadow-sm);display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.cpv-avatar img{height:100%;object-fit:cover;width:100%}.cpv-avatar-placeholder{color:var(--cpv-slate-400)}.cpv-info{flex:1 1;min-width:0}.cpv-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cpv-space-2);margin-bottom:var(--cpv-space-1)}.cpv-name{color:var(--cpv-slate-800);font-size:var(--cpv-text-xl);font-weight:700;line-height:1.3;margin:0}.cpv-type-badge{align-items:center;border-radius:var(--cpv-radius-full);display:inline-flex;font-size:var(--cpv-text-xs);font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.cpv-type-badge.public{background:var(--cpv-green-light);color:#166534}.cpv-type-badge.private{background:var(--cpv-amber-light);color:#92400e}.cpv-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cpv-slate-600);display:-webkit-box;font-size:var(--cpv-text-sm);line-height:1.5;margin:0 0 var(--cpv-space-2);overflow:hidden}.cpv-meta-stats-row{gap:var(--cpv-space-4)}.cpv-meta,.cpv-meta-stats-row{align-items:center;display:flex;flex-wrap:wrap}.cpv-meta{gap:var(--cpv-space-3)}.cpv-meta-item{align-items:center;color:var(--cpv-slate-500);display:inline-flex;font-size:var(--cpv-text-xs);gap:4px}.cpv-meta-item svg{color:var(--cpv-slate-400);height:12px;width:12px}.cpv-stats-inline{align-items:center;display:flex;gap:var(--cpv-space-2)}.cpv-stat-pill{align-items:center;background:var(--cpv-slate-100);border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-full);color:var(--cpv-slate-700);display:inline-flex;font-size:var(--cpv-text-xs);font-weight:600;gap:4px;padding:4px 10px}.cpv-stat-pill svg{color:var(--cpv-green);height:12px;width:12px}.cpv-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--cpv-space-2)}.cpv-btn{align-items:center;border:none;border-radius:var(--cpv-radius-md);cursor:pointer;display:inline-flex;font-size:var(--cpv-text-sm);font-weight:600;gap:6px;padding:8px 16px;transition:all var(--cpv-transition-fast);white-space:nowrap}.cpv-btn-primary{background:var(--cpv-gradient-primary);box-shadow:var(--cpv-shadow-green);color:#fff}.cpv-btn-primary:hover{box-shadow:0 6px 20px #00c85359;transform:translateY(-1px)}.cpv-btn-secondary{background:#fff;border:1px solid var(--cpv-slate-200);color:var(--cpv-slate-600)}.cpv-btn-secondary:hover{background:var(--cpv-slate-50);border-color:var(--cpv-green);color:var(--cpv-green)}.cpv-role-badge{align-items:center;border-radius:var(--cpv-radius-full);display:inline-flex;font-size:var(--cpv-text-xs);font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.cpv-role-badge.creator{background:var(--cpv-amber-light);color:#92400e}.cpv-role-badge.admin{background:var(--cpv-purple-light);color:#7c3aed}.cpv-role-badge.moderator{background:var(--cpv-blue-light);color:#2563eb}.cpv-role-badge.member{background:var(--cpv-green-light);color:#166534}.cpv-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-lg);box-shadow:var(--cpv-shadow-sm);margin-bottom:var(--cpv-space-4);padding:var(--cpv-space-2);position:-webkit-sticky;position:sticky;top:var(--cpv-space-2);z-index:100}.cpv-tabs{-ms-overflow-style:none;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.cpv-tabs::-webkit-scrollbar{display:none}.cpv-tab{align-items:center;background:#0000;border:none;border-radius:var(--cpv-radius-md);color:var(--cpv-slate-500);cursor:pointer;display:inline-flex;font-size:var(--cpv-text-sm);font-weight:500;gap:6px;padding:8px 14px;transition:all var(--cpv-transition-fast);white-space:nowrap}.cpv-tab:hover{background:var(--cpv-slate-100);color:var(--cpv-slate-700)}.cpv-tab.active{background:linear-gradient(135deg,#00c8531a,#00c85326);color:var(--cpv-green);font-weight:600}.cpv-tab svg{height:16px;width:16px}.cpv-banner{align-items:center;background:linear-gradient(135deg,var(--cpv-amber-light) 0,#fde68acc 100%);border:1px solid #f59e0b33;border-radius:var(--cpv-radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--cpv-space-4);padding:var(--cpv-space-3) var(--cpv-space-4)}.cpv-banner-content{align-items:center;display:flex;gap:var(--cpv-space-2)}.cpv-banner-content svg{color:#92400e;height:16px;width:16px}.cpv-banner-text{color:#92400e;font-size:var(--cpv-text-sm);font-weight:500}.cpv-banner-btn{align-items:center;background:var(--cpv-gradient-amber);border:none;border-radius:var(--cpv-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--cpv-text-xs);font-weight:600;gap:4px;padding:6px 12px;transition:all var(--cpv-transition-fast)}.cpv-banner-btn:hover{box-shadow:0 4px 12px #f59e0b59;transform:translateY(-1px)}.cpv-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-xl);box-shadow:var(--cpv-shadow-sm);padding:var(--cpv-space-4)}.cpv-grid{grid-gap:var(--cpv-space-4);display:grid;gap:var(--cpv-space-4);grid-template-columns:1fr var(--cpv-sidebar-width)}.cpv-main{min-width:0}.cpv-main,.cpv-sidebar{display:flex;flex-direction:column;gap:var(--cpv-space-4)}.cpv-sidebar{align-self:start;position:-webkit-sticky;position:sticky;top:80px}.cpv-full-width{grid-column:1/-1}.cpv-drawer,.cpv-drawer-backdrop,.cpv-fab{display:none!important}@media (max-width:1024px){.cpv-container{padding:var(--cpv-space-3)}.cpv-grid{gap:var(--cpv-space-3);grid-template-columns:1fr 260px}.cpv-header{padding:var(--cpv-space-3) var(--cpv-space-4)}.cpv-name{font-size:var(--cpv-text-lg)}.cpv-btn span{display:none}.cpv-btn{padding:8px 10px}}@media (max-width:768px){.cpv-container,.cpv-header{padding:var(--cpv-space-3)}.cpv-header{margin-bottom:var(--cpv-space-3)}.cpv-header-row{flex-wrap:wrap;gap:var(--cpv-space-3)}.cpv-back-btn{height:32px;width:32px}.cpv-avatar{height:44px;width:44px}.cpv-info{flex:1 1 100%;order:3}.cpv-actions{flex:1 1;justify-content:flex-end;order:2}.cpv-name{font-size:var(--cpv-text-lg)}.cpv-description{-webkit-line-clamp:2}.cpv-meta-stats-row{align-items:flex-start;flex-direction:column;gap:var(--cpv-space-2)}.cpv-nav{margin-bottom:var(--cpv-space-3);padding:6px}.cpv-tab{font-size:var(--cpv-text-xs);padding:6px 10px}.cpv-tab span{display:none}.cpv-grid{grid-template-columns:1fr}.cpv-sidebar-desktop{display:flex}.cpv-content{border-radius:var(--cpv-radius-lg)}.cpv-banner,.cpv-content{padding:var(--cpv-space-3)}.cpv-banner{flex-direction:column;gap:var(--cpv-space-2);text-align:center}}@media (max-width:480px){.cpv-container{padding:var(--cpv-space-2)}.cpv-header{border-radius:var(--cpv-radius-lg);padding:var(--cpv-space-2) var(--cpv-space-3)}.cpv-avatar{border-radius:var(--cpv-radius-md);height:40px;width:40px}.cpv-name{font-size:var(--cpv-text-base)}.cpv-type-badge{font-size:10px;padding:2px 6px}.cpv-description{-webkit-line-clamp:2;font-size:var(--cpv-text-xs)}.cpv-meta-item{font-size:11px}.cpv-stat-pill{font-size:11px;padding:3px 8px}.cpv-btn{font-size:var(--cpv-text-xs);padding:6px 10px}.cpv-nav{border-radius:var(--cpv-radius-md);padding:4px}.cpv-tab{padding:6px 8px}.cpv-tab svg{height:14px;width:14px}.cpv-content{border-radius:var(--cpv-radius-md);padding:var(--cpv-space-2)}.cpv-fab{bottom:16px;height:48px;right:16px;width:48px}.cpv-drawer{max-width:90vw;width:280px}.cpv-drawer-content,.cpv-drawer-header{padding:var(--cpv-space-3)}}@keyframes cpv-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cpv-animate-in{animation:cpv-fadeIn .3s ease-out}.cpv-content .community-preview-stats{display:flex;flex-direction:column;gap:var(--cpv-space-4)}.cpv-content .community-preview-content-card{background:#fff;border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-lg);box-shadow:var(--cpv-shadow-sm);padding:var(--cpv-space-4)}.cpv-content .community-preview-content-card h3{align-items:center;color:var(--cpv-slate-800);display:flex;font-size:var(--cpv-text-base);font-weight:700;gap:var(--cpv-space-2);margin:0 0 var(--cpv-space-3) 0}.cpv-content .community-preview-content-card h3 svg{color:var(--cpv-green);height:18px;width:18px}.cpv-content .community-preview-stats-grid{grid-gap:var(--cpv-space-3);display:grid;gap:var(--cpv-space-3);grid-template-columns:repeat(2,1fr)}.cpv-content .community-preview-stat-card{align-items:flex-start;background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);display:flex;gap:var(--cpv-space-3);padding:var(--cpv-space-3)}.cpv-content .community-preview-stat-icon{align-items:center;border-radius:var(--cpv-radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.cpv-content .community-preview-stat-icon svg{height:20px;width:20px}.cpv-content .community-preview-stat-content{flex:1 1;min-width:0}.cpv-content .community-preview-stat-value{color:var(--cpv-slate-800);font-size:var(--cpv-text-xl);font-weight:700;line-height:1.2}.cpv-content .community-preview-stat-label{color:var(--cpv-slate-600);font-size:var(--cpv-text-xs);font-weight:600;margin-top:2px}.cpv-content .community-preview-stat-subtext{color:var(--cpv-slate-400);font-size:var(--cpv-text-xs);margin-top:2px}.cpv-content .community-preview-insights-list{grid-gap:var(--cpv-space-3);display:grid;gap:var(--cpv-space-3);grid-template-columns:repeat(2,1fr)}.cpv-content .community-preview-insight-item{align-items:flex-start;background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);display:flex;gap:var(--cpv-space-2);padding:var(--cpv-space-3)}.cpv-content .community-preview-insight-icon{align-items:center;background:var(--cpv-green-light);border-radius:var(--cpv-radius-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.cpv-content .community-preview-insight-icon svg{color:var(--cpv-green);height:16px;width:16px}.cpv-content .community-preview-insight-content{flex:1 1;min-width:0}.cpv-content .community-preview-insight-header{align-items:center;display:flex;gap:var(--cpv-space-2);justify-content:space-between}.cpv-content .community-preview-insight-title{color:var(--cpv-slate-600);font-size:var(--cpv-text-xs);font-weight:600}.cpv-content .community-preview-insight-value{color:var(--cpv-slate-800);font-size:var(--cpv-text-sm);font-weight:700}.cpv-content .community-preview-insight-value.positive{color:var(--cpv-green)}.cpv-content .community-preview-insight-subtitle{color:var(--cpv-slate-400);font-size:var(--cpv-text-xs);margin-top:2px}.cpv-content .community-preview-guidelines-preview{display:flex;flex-direction:column;gap:var(--cpv-space-2)}.cpv-content .community-preview-guideline-item{align-items:flex-start;background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);display:flex;gap:var(--cpv-space-3);padding:var(--cpv-space-3)}.cpv-content .community-preview-guideline-number{align-items:center;background:var(--cpv-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--cpv-text-xs);font-weight:700;height:24px;justify-content:center;width:24px}.cpv-content .community-preview-guideline-text{flex:1 1}.cpv-content .community-preview-guideline-text strong{color:var(--cpv-slate-800);display:block;font-size:var(--cpv-text-sm);font-weight:600;margin-bottom:2px}.cpv-content .community-preview-guideline-text p{color:var(--cpv-slate-500);font-size:var(--cpv-text-xs);margin:0}.cpv-content .community-preview-view-all-guidelines{background:var(--cpv-slate-100);border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-md);color:var(--cpv-slate-600);cursor:pointer;font-size:var(--cpv-text-sm);font-weight:500;margin-top:var(--cpv-space-3);padding:var(--cpv-space-2) var(--cpv-space-4);transition:all var(--cpv-transition-fast);width:100%}.cpv-content .community-preview-view-all-guidelines:hover{background:var(--cpv-green-light);border-color:#00c8534d;color:var(--cpv-green)}.cpv-content .collab-comm-members-container,.cpv-sidebar .collab-comm-members-container{background:#fff;border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-lg);box-shadow:var(--cpv-shadow-sm);padding:var(--cpv-space-4)}.cpv-content .collab-comm-members-header,.cpv-sidebar .collab-comm-members-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cpv-space-2);justify-content:space-between;margin-bottom:var(--cpv-space-3)}.cpv-content .collab-comm-members-title,.cpv-sidebar .collab-comm-members-title{align-items:center;color:var(--cpv-slate-800);display:flex;font-size:var(--cpv-text-base);font-weight:700;gap:var(--cpv-space-2);margin:0}.cpv-content .collab-comm-members-title svg,.cpv-sidebar .collab-comm-members-title svg{color:var(--cpv-green);height:16px;width:16px}.cpv-content .collab-comm-members-count,.cpv-sidebar .collab-comm-members-count{background:var(--cpv-slate-100);border-radius:var(--cpv-radius-full);color:var(--cpv-slate-500);font-size:var(--cpv-text-xs);font-weight:500;padding:2px 8px}.cpv-content .collab-comm-members-controls,.cpv-sidebar .collab-comm-members-controls{align-items:center;display:flex;gap:var(--cpv-space-2)}.cpv-content .collab-comm-members-grid,.cpv-sidebar .collab-comm-members-grid{display:flex;flex-direction:column;gap:var(--cpv-space-2)}.cpv-content .collab-comm-member-card,.cpv-sidebar .collab-comm-member-card{background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);display:flex;flex-direction:column;gap:var(--cpv-space-2);padding:var(--cpv-space-3);transition:all var(--cpv-transition-fast)}.cpv-content .collab-comm-member-card:hover,.cpv-sidebar .collab-comm-member-card:hover{background:#fff;border-color:var(--cpv-slate-200);box-shadow:var(--cpv-shadow-xs)}.cpv-content .collab-comm-member-top,.cpv-sidebar .collab-comm-member-top{align-items:center;display:flex;gap:var(--cpv-space-3)}.cpv-content .collab-comm-member-avatar,.cpv-sidebar .collab-comm-member-avatar{align-items:center;background:var(--cpv-slate-200);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.cpv-content .collab-comm-member-avatar img,.cpv-sidebar .collab-comm-member-avatar img{height:100%;object-fit:cover;width:100%}.cpv-content .collab-comm-member-avatar-placeholder,.cpv-sidebar .collab-comm-member-avatar-placeholder{color:var(--cpv-slate-500);font-size:var(--cpv-text-sm);font-weight:600}.cpv-content .collab-comm-member-info,.cpv-sidebar .collab-comm-member-info{flex:1 1;min-width:0}.cpv-content .collab-comm-member-name,.cpv-sidebar .collab-comm-member-name{color:var(--cpv-slate-800);font-size:var(--cpv-text-sm);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpv-content .collab-comm-member-username,.cpv-sidebar .collab-comm-member-username{color:var(--cpv-slate-500);font-size:var(--cpv-text-xs);margin:2px 0 0}.cpv-content .collab-comm-member-role-badge,.cpv-sidebar .collab-comm-member-role-badge{align-items:center;border-radius:var(--cpv-radius-full);display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.cpv-content .collab-comm-member-role-badge.creator,.cpv-sidebar .collab-comm-member-role-badge.creator{background:var(--cpv-amber-light);color:#92400e}.cpv-content .collab-comm-member-role-badge.admin,.cpv-sidebar .collab-comm-member-role-badge.admin{background:var(--cpv-purple-light);color:#7c3aed}.cpv-content .collab-comm-member-role-badge.moderator,.cpv-sidebar .collab-comm-member-role-badge.moderator{background:var(--cpv-blue-light);color:#2563eb}.cpv-content .collab-comm-member-role-badge.member,.cpv-sidebar .collab-comm-member-role-badge.member{background:var(--cpv-green-light);color:#166534}.cpv-content .collab-comm-member-bio,.cpv-sidebar .collab-comm-member-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cpv-slate-600);display:-webkit-box;font-size:var(--cpv-text-xs);line-height:1.4;margin:0;overflow:hidden}.cpv-content .collab-comm-member-details,.cpv-sidebar .collab-comm-member-details{align-items:center;color:var(--cpv-slate-400);display:flex;font-size:var(--cpv-text-xs);gap:var(--cpv-space-3)}.cpv-content .collab-comm-member-details svg,.cpv-sidebar .collab-comm-member-details svg{height:12px;width:12px}.cpv-content .collab-comm-members-loading,.cpv-sidebar .collab-comm-members-loading{align-items:center;color:var(--cpv-slate-400);display:flex;justify-content:center;padding:var(--cpv-space-8)}.cpv-content .community-insights,.cpv-sidebar .community-insights{background:#fff;border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-lg);box-shadow:var(--cpv-shadow-sm);padding:var(--cpv-space-4)}.cpv-content .community-insights h3,.cpv-sidebar .community-insights h3{align-items:center;color:var(--cpv-slate-800);display:flex;font-size:var(--cpv-text-base);font-weight:700;gap:var(--cpv-space-2);margin:0 0 var(--cpv-space-3) 0}.cpv-content .community-insights h3 svg,.cpv-sidebar .community-insights h3 svg{color:var(--cpv-green);height:18px;width:18px}.cpv-content .community-preview-insights-grid,.cpv-sidebar .community-preview-insights-grid{grid-gap:var(--cpv-space-2);display:grid;gap:var(--cpv-space-2);grid-template-columns:1fr}.cpv-content .community-preview-insight-card,.cpv-sidebar .community-preview-insight-card{background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);padding:var(--cpv-space-3)}.cpv-content .community-preview-insight-header,.cpv-sidebar .community-preview-insight-header{align-items:flex-start;display:flex;gap:var(--cpv-space-2)}.cpv-content .community-preview-insight-icon,.cpv-sidebar .community-preview-insight-icon{align-items:center;border-radius:var(--cpv-radius-sm);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cpv-content .community-preview-insight-icon svg,.cpv-sidebar .community-preview-insight-icon svg{height:14px;width:14px}.cpv-content .community-preview-insight-title-section,.cpv-sidebar .community-preview-insight-title-section{flex:1 1;min-width:0}.cpv-content .community-preview-insight-title,.cpv-sidebar .community-preview-insight-title{color:var(--cpv-slate-600);font-size:var(--cpv-text-xs);font-weight:600;margin:0 0 4px}.cpv-content .community-preview-insight-value-row,.cpv-sidebar .community-preview-insight-value-row{align-items:center;display:flex;gap:var(--cpv-space-2)}.cpv-content .community-preview-insight-value,.cpv-sidebar .community-preview-insight-value{color:var(--cpv-slate-800);font-size:var(--cpv-text-lg);font-weight:700}.cpv-content .community-preview-insight-change,.cpv-sidebar .community-preview-insight-change{border-radius:var(--cpv-radius-sm);font-size:var(--cpv-text-xs);font-weight:600;padding:2px 6px}.cpv-content .community-preview-insight-change.positive,.cpv-sidebar .community-preview-insight-change.positive{background:var(--cpv-green-light);color:var(--cpv-green)}.cpv-content .community-preview-insight-change.neutral,.cpv-sidebar .community-preview-insight-change.neutral{background:var(--cpv-slate-100);color:var(--cpv-slate-500)}.cpv-content .community-preview-insight-description,.cpv-sidebar .community-preview-insight-description{color:var(--cpv-slate-400);font-size:var(--cpv-text-xs);margin-top:var(--cpv-space-2)}.cpv-content .community-preview-insights-loading,.cpv-sidebar .community-preview-insights-loading{align-items:center;color:var(--cpv-slate-400);display:flex;justify-content:center;padding:var(--cpv-space-6)}.cpv-content .community-preview-no-insights,.cpv-sidebar .community-preview-no-insights{color:var(--cpv-slate-400);font-size:var(--cpv-text-sm);padding:var(--cpv-space-4);text-align:center}.cpv-content .community-timeline{display:flex;flex-direction:column;gap:var(--cpv-space-4)}.cpv-content .community-preview-timeline-container{display:flex;flex-direction:column;gap:0}.cpv-content .community-preview-timeline-item{display:flex;gap:var(--cpv-space-3);padding:var(--cpv-space-3) 0;position:relative}.cpv-content .community-preview-timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:36px}.cpv-content .community-preview-timeline-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:1}.cpv-content .community-preview-timeline-icon svg{height:14px;width:14px}.cpv-content .community-preview-timeline-line{background:var(--cpv-slate-200);flex:1 1;margin-top:var(--cpv-space-2);width:2px}.cpv-content .community-preview-timeline-content{background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);flex:1 1;min-width:0;padding:var(--cpv-space-3)}.cpv-content .community-preview-timeline-header{align-items:flex-start;display:flex;gap:var(--cpv-space-2);justify-content:space-between;margin-bottom:var(--cpv-space-2)}.cpv-content .community-preview-timeline-title{color:var(--cpv-slate-800);font-size:var(--cpv-text-sm);font-weight:600;line-height:1.4;margin:0}.cpv-content .community-preview-timeline-time{color:var(--cpv-slate-400);flex-shrink:0;font-size:var(--cpv-text-xs);white-space:nowrap}.cpv-content .community-preview-timeline-description{color:var(--cpv-slate-600);font-size:var(--cpv-text-xs);line-height:1.5;margin:0 0 var(--cpv-space-2) 0}.cpv-content .community-preview-timeline-user{align-items:center;display:flex;gap:var(--cpv-space-2)}.cpv-content .community-preview-user-avatar{align-items:center;background:var(--cpv-slate-200);border-radius:50%;color:var(--cpv-slate-500);display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;overflow:hidden;width:24px}.cpv-content .community-preview-user-avatar img{height:100%;object-fit:cover;width:100%}.cpv-content .community-preview-user-name{color:var(--cpv-slate-600);font-size:var(--cpv-text-xs);font-weight:500}.cpv-content .community-preview-user-role-badge{border-radius:var(--cpv-radius-full);font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.cpv-content .community-preview-timeline-footer{border-top:1px solid var(--cpv-slate-100);margin-top:var(--cpv-space-3);padding-top:var(--cpv-space-3)}.cpv-content .community-preview-view-more-btn{background:var(--cpv-slate-100);border:1px solid var(--cpv-slate-200);border-radius:var(--cpv-radius-md);color:var(--cpv-slate-600);cursor:pointer;font-size:var(--cpv-text-sm);font-weight:500;padding:var(--cpv-space-2) var(--cpv-space-4);transition:all var(--cpv-transition-fast);width:100%}.cpv-content .community-preview-view-more-btn:hover{background:var(--cpv-green-light);border-color:#00c8534d;color:var(--cpv-green)}.cpv-content .community-preview-timeline-loading{align-items:center;display:flex;justify-content:center;padding:var(--cpv-space-8)}.cpv-content .community-preview-timeline-loading .loading-spinner{animation:cpv-spin .7s linear infinite;border:3px solid var(--cpv-slate-200);border-radius:50%;border-top-color:var(--cpv-green);height:32px;width:32px}.cpv-content .community-preview-trending-topics,.cpv-sidebar .community-preview-trending-topics{display:flex;flex-direction:column;gap:var(--cpv-space-2)}.cpv-content .community-preview-trending-topic,.cpv-sidebar .community-preview-trending-topic{align-items:center;background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);display:flex;gap:var(--cpv-space-3);padding:var(--cpv-space-2) var(--cpv-space-3);transition:all var(--cpv-transition-fast)}.cpv-content .community-preview-trending-topic:hover,.cpv-sidebar .community-preview-trending-topic:hover{background:#fff;border-color:var(--cpv-slate-200);box-shadow:var(--cpv-shadow-xs)}.cpv-content .community-preview-topic-rank,.cpv-sidebar .community-preview-topic-rank{color:var(--cpv-green);font-size:var(--cpv-text-xs);font-weight:700;min-width:24px}.cpv-content .community-preview-topic-content,.cpv-sidebar .community-preview-topic-content{align-items:center;display:flex;flex:1 1;gap:var(--cpv-space-2);justify-content:space-between;min-width:0}.cpv-content .community-preview-topic-tag,.cpv-sidebar .community-preview-topic-tag{color:var(--cpv-slate-700);font-size:var(--cpv-text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpv-content .community-preview-topic-count,.cpv-sidebar .community-preview-topic-count{color:var(--cpv-slate-400);flex-shrink:0;font-size:var(--cpv-text-xs);white-space:nowrap}.cpv-content .community-preview-rating-summary,.cpv-sidebar .community-preview-rating-summary{display:flex;flex-direction:column;gap:var(--cpv-space-4)}.cpv-content .community-preview-rating-score,.cpv-sidebar .community-preview-rating-score{align-items:center;background:linear-gradient(135deg,var(--cpv-amber-light) 0,#fde68a80 100%);border-radius:var(--cpv-radius-lg);display:flex;flex-direction:column;gap:var(--cpv-space-2);padding:var(--cpv-space-4);text-align:center}.cpv-content .community-preview-rating-number,.cpv-sidebar .community-preview-rating-number{color:var(--cpv-slate-800);font-size:var(--cpv-text-3xl);font-weight:800;line-height:1}.cpv-content .community-preview-rating-stars,.cpv-sidebar .community-preview-rating-stars{align-items:center;display:flex;gap:2px}.cpv-content .community-preview-rating-stars svg,.cpv-sidebar .community-preview-rating-stars svg{color:var(--cpv-slate-300);height:18px;width:18px}.cpv-content .community-preview-rating-stars svg.filled,.cpv-sidebar .community-preview-rating-stars svg.filled{fill:var(--cpv-amber);color:var(--cpv-amber)}.cpv-content .community-preview-rating-count,.cpv-sidebar .community-preview-rating-count{color:var(--cpv-slate-500);font-size:var(--cpv-text-xs)}.cpv-content .community-preview-rating-breakdown,.cpv-sidebar .community-preview-rating-breakdown{display:flex;flex-direction:column;gap:var(--cpv-space-2)}.cpv-content .community-preview-rating-item,.cpv-sidebar .community-preview-rating-item{align-items:center;background:var(--cpv-slate-50);border:1px solid var(--cpv-slate-100);border-radius:var(--cpv-radius-md);display:flex;justify-content:space-between;padding:var(--cpv-space-2) var(--cpv-space-3)}.cpv-content .community-preview-rating-item span:first-child,.cpv-sidebar .community-preview-rating-item span:first-child{color:var(--cpv-slate-600);font-size:var(--cpv-text-xs)}.cpv-content .community-preview-rating-item span:last-child,.cpv-sidebar .community-preview-rating-item span:last-child{color:var(--cpv-slate-800);font-size:var(--cpv-text-sm);font-weight:700}@media (max-width:768px){.cpv-content .community-preview-insights-list,.cpv-content .community-preview-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.cpv-content .community-preview-activity,.cpv-content .community-preview-content-card,.cpv-content .community-preview-insights-widget,.cpv-content .community-preview-members-widget,.cpv-content .community-preview-timeline,.cpv-sidebar .community-preview-insights-widget,.cpv-sidebar .community-preview-members-widget{padding:var(--cpv-space-3)}.cpv-content .community-preview-stat-value{font-size:var(--cpv-text-lg)}.cpv-content .community-preview-stat-icon{height:32px;width:32px}.cpv-content .community-preview-stat-icon svg{height:16px;width:16px}}.join-request-management{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.join-requests-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.header-info{gap:16px}.header-icon,.header-info{align-items:center;display:flex}.header-icon{background:#00c853;border-radius:12px;color:#fff;height:48px;justify-content:center;width:48px}.header-text h2{color:#1a202c;font-size:20px;font-weight:600;margin:0}.header-text p{color:#64748b;font-size:14px;margin:4px 0 0}.header-stats{gap:16px}.header-stats,.stat-item{align-items:center;display:flex}.stat-item{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;font-size:14px;font-weight:500;gap:6px;padding:8px 12px}.join-requests-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:#00c853;margin-bottom:12px}.join-requests-loading p{color:#64748b;font-size:14px;margin:0}.join-requests-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.join-requests-error svg{color:#ef4444;margin-bottom:16px}.join-requests-error h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 8px}.join-requests-error p{color:#64748b;font-size:14px;margin:0 0 20px}.retry-button{align-items:center;background:#00c853;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.retry-button:hover{background:#00a046;transform:translateY(-1px)}.no-join-requests{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.no-join-requests svg{color:#94a3b8;margin-bottom:16px}.no-join-requests h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 8px}.no-join-requests p{color:#64748b;font-size:14px;margin:0;max-width:300px}.join-requests-list{display:flex;flex-direction:column;gap:16px;padding:24px}.join-request-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.join-request-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.request-user-info{align-items:center;display:flex;gap:16px;margin-bottom:16px}.user-avatar{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.avatar-image{height:100%;object-fit:cover;width:100%}.user-avatar svg{color:#64748b}.user-details{flex:1 1;min-width:0}.user-name{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.user-meta{display:flex;flex-direction:column;gap:4px}.user-email{color:#64748b;font-size:14px}.request-time{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px}.request-message{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.message-header{align-items:center;color:#64748b;font-size:12px;font-weight:500;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.message-text{word-wrap:break-word;color:#374151;font-size:14px;line-height:1.5;margin:0}.request-actions{display:flex;gap:12px;justify-content:flex-end}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:10px 16px;transition:all .2s ease}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button.approve{background:#00c853;color:#fff}.action-button.approve:hover:not(:disabled){background:#00a046;transform:translateY(-1px)}.action-button.reject{background:#ef4444;color:#fff}.action-button.reject:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.join-requests-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#374151}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.pagination-info span:first-child{color:#374151;font-size:14px;font-weight:500}.total-items{color:#64748b;font-size:12px}@media (max-width:768px){.join-requests-header{align-items:flex-start;flex-direction:column;gap:16px}.header-stats{align-self:stretch;justify-content:flex-end}.request-user-info{align-items:flex-start;flex-direction:column;text-align:center}.user-details{text-align:center}.user-meta{align-items:center}.request-actions{flex-direction:column}.action-button{width:100%}.join-requests-pagination{flex-direction:column;gap:16px}.pagination-info{order:-1}}@media (max-width:480px){.join-request-card,.join-requests-list{padding:16px}.header-info{align-items:flex-start;flex-direction:column;gap:12px}.header-icon{height:40px;width:40px}}.collab-comm-moderation{padding:0}.collab-comm-mod-no-permission{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #0000000f;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.collab-comm-mod-no-permission-icon{align-items:center;background:#ef44441a;border-radius:20px;color:#ef4444;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.collab-comm-mod-no-permission h3{color:#1e293b;font-size:1.375rem;font-weight:600;margin:0 0 .5rem}.collab-comm-mod-no-permission p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0;max-width:400px}.collab-comm-mod-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #0000000f;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.875rem 1.25rem}.collab-comm-mod-header-left{align-items:center;display:flex;gap:1rem}.collab-comm-mod-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;box-shadow:0 4px 12px #6366f140;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.collab-comm-mod-header-info h2{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .125rem}.collab-comm-mod-header-info p{color:#64748b;font-size:.8125rem;margin:0}.collab-comm-mod-refresh-btn{align-items:center;background:#fff;border:1px solid #00000014;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.collab-comm-mod-refresh-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f140;color:#fff}.collab-comm-mod-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.collab-comm-spinning{animation:collab-spin 1s linear infinite}@keyframes collab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.collab-comm-mod-tabs{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #0000000f;border-radius:10px;display:flex;gap:.25rem;margin-bottom:.75rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.collab-comm-mod-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.collab-comm-mod-tab:hover:not(.active){background:#0000000a;color:#1e293b}.collab-comm-mod-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#6366f1}.collab-comm-mod-tab-badge{background:#ef44441a;border-radius:10px;color:#ef4444;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.collab-comm-mod-tab.active .collab-comm-mod-tab-badge{background:#6366f11a;color:#6366f1}.collab-comm-mod-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #0000000f;border-radius:12px;overflow:hidden}.collab-comm-mod-filters{align-items:center;background:#f8fafc80;border-bottom:1px solid #0000000a;display:flex;gap:.75rem;padding:.625rem 1rem}.collab-comm-mod-filter-group{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:.5rem}.collab-comm-mod-filter-group label{font-weight:500}.collab-comm-mod-status-pills{background:#fff;border:1px solid #0000000f;border-radius:8px;display:flex;gap:.375rem;padding:.25rem}.collab-comm-mod-status-pill{align-items:center;background:#0000;border:none;border-radius:5px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .625rem;transition:all .2s ease}.collab-comm-mod-status-pill:hover:not(.active){background:#0000000a}.collab-comm-mod-status-pill.active{background:#6366f1;color:#fff}.collab-comm-mod-status-pill.pending.active{background:#f59e0b}.collab-comm-mod-status-pill.approved.active{background:#10b981}.collab-comm-mod-status-pill.removed.active{background:#ef4444}.collab-comm-mod-status-pill.dismissed.active{background:#64748b}.collab-comm-mod-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem}.collab-comm-loading-spinner{animation:collab-spin .8s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:1rem;width:40px}.collab-comm-mod-loading p{color:#64748b;font-size:.9375rem;margin:0}.collab-comm-mod-empty{flex-direction:column;padding:2.5rem 1.5rem;text-align:center}.collab-comm-mod-empty,.collab-comm-mod-empty-icon{align-items:center;display:flex;justify-content:center}.collab-comm-mod-empty-icon{border-radius:14px;height:56px;margin-bottom:1rem;width:56px}.collab-comm-mod-empty-icon.amber{background:#f59e0b1a;color:#f59e0b}.collab-comm-mod-empty-icon.green{background:#10b9811a;color:#10b981}.collab-comm-mod-empty-icon.red{background:#ef44441a;color:#ef4444}.collab-comm-mod-empty-icon.slate{background:#64748b1a;color:#64748b}.collab-comm-mod-empty-icon.primary{background:#6366f11a;color:#6366f1}.collab-comm-mod-empty h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .375rem}.collab-comm-mod-empty p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0;max-width:320px}.collab-comm-mod-reports-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.collab-comm-mod-report-card{background:#fff;border:1px solid #0000000f;border-radius:12px;overflow:hidden;transition:all .2s ease}.collab-comm-mod-report-card:hover{border-color:#6366f133;box-shadow:0 8px 24px #00000014}.collab-comm-mod-report-header{align-items:center;background:#f8fafc80;border-bottom:1px solid #0000000a;display:flex;justify-content:space-between;padding:1rem 1.25rem}.collab-comm-mod-reporter{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.625rem}.collab-comm-mod-reporter strong{color:#1e293b}.collab-comm-mod-reporter-avatar{align-items:center;background:#6366f11a;border-radius:50%;color:#6366f1;display:flex;height:28px;justify-content:center;width:28px}.collab-comm-mod-reason-badge{align-items:center;border:1px solid;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize}.collab-comm-mod-report-body{padding:1.25rem}.collab-comm-mod-target-preview{background:#f8fafccc;border:1px solid #0000000a;border-radius:10px;display:flex;gap:.875rem;margin-bottom:1rem;padding:1rem}.collab-comm-mod-target-preview.thread{border-left:3px solid #6366f1}.collab-comm-mod-target-preview.reply{border-left:3px solid #10b981}.collab-comm-mod-target-preview.unavailable{background:#f59e0b0d;border-left:3px solid #f59e0b}.collab-comm-mod-target-icon{align-items:center;background:#fff;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.collab-comm-mod-target-content{flex:1 1;min-width:0}.collab-comm-mod-target-label{color:#64748b;display:block;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.collab-comm-mod-target-content p{color:#1e293b;font-size:.9375rem;line-height:1.5;margin:0}.collab-comm-mod-report-description{background:#6366f10a;border-radius:10px;margin-bottom:1rem;padding:1rem}.collab-comm-mod-description-header{align-items:center;color:#6366f1;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.collab-comm-mod-report-description p{color:#1e293b;font-size:.875rem;line-height:1.6;margin:0}.collab-comm-mod-report-meta{align-items:center;display:flex;gap:1rem}.collab-comm-mod-timestamp{align-items:center;color:#94a3b8;display:flex;font-size:.8125rem;gap:.375rem}.collab-comm-mod-report-actions{background:#f8fafc80;border-top:1px solid #0000000a;display:flex;gap:.75rem;padding:1rem 1.25rem}.collab-comm-mod-action-btn{align-items:center;background:#fff;border:1px solid #00000014;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.collab-comm-mod-action-btn.approve{color:#10b981}.collab-comm-mod-action-btn.approve:hover{background:#10b9811a;border-color:#10b9814d}.collab-comm-mod-action-btn.remove{color:#ef4444}.collab-comm-mod-action-btn.remove:hover{background:#ef44441a;border-color:#ef44444d}.collab-comm-mod-action-btn.dismiss{color:#64748b}.collab-comm-mod-action-btn.dismiss:hover{background:#64748b1a;border-color:#64748b4d}.collab-comm-mod-action-btn:disabled{cursor:not-allowed;opacity:.5}.collab-comm-mod-confirm-panel{background:#f59e0b0d;border-top:1px solid #f59e0b33;overflow:hidden;padding:1.25rem}.collab-comm-mod-confirm-header{align-items:center;color:#d97706;display:flex;gap:.5rem;margin-bottom:1rem}.collab-comm-mod-confirm-header strong{font-size:.9375rem}.collab-comm-mod-notes-input{background:#fff;border:1px solid #0000001a;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;margin-bottom:1rem;padding:.875rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.collab-comm-mod-notes-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.collab-comm-mod-confirm-buttons{display:flex;gap:.75rem}.collab-comm-mod-confirm-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.collab-comm-mod-confirm-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.collab-comm-mod-confirm-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.collab-comm-mod-cancel-btn{background:#fff;border:1px solid #0000001a;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.collab-comm-mod-cancel-btn:hover{background:#0000000a}.collab-comm-mod-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.collab-comm-btn-spinner{animation:collab-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.collab-comm-mod-actions-list{display:flex;flex-direction:column}.collab-comm-mod-log-item{background:#fff;border-bottom:1px solid #0000000a;display:flex;gap:0;transition:background .2s ease}.collab-comm-mod-log-item:last-child{border-bottom:none}.collab-comm-mod-log-item:hover{background:#f8fafc80}.collab-comm-mod-log-indicator{flex-shrink:0;width:4px}.collab-comm-mod-log-content{flex:1 1;padding:1.25rem 1.5rem}.collab-comm-mod-log-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.collab-comm-mod-log-action-badge{border:1px solid;border-radius:20px;font-weight:600;padding:.375rem .75rem}.collab-comm-mod-log-action-badge,.collab-comm-mod-log-type{align-items:center;display:flex;font-size:.75rem;gap:.375rem}.collab-comm-mod-log-type{background:#0000000a;border-radius:4px;color:#64748b;padding:.25rem .625rem;text-transform:capitalize}.collab-comm-mod-log-details{display:flex;flex-direction:column;gap:.5rem}.collab-comm-mod-log-moderator{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:.5rem}.collab-comm-mod-log-moderator strong{color:#1e293b}.collab-comm-mod-log-avatar{align-items:center;background:#6366f11a;border-radius:50%;color:#6366f1;display:flex;height:22px;justify-content:center;width:22px}.collab-comm-mod-log-notes{background:#f8fafccc;border-left:3px solid #6366f14d;border-radius:8px;padding:.75rem}.collab-comm-mod-log-notes p{color:#64748b;font-size:.8125rem;font-style:italic;line-height:1.5;margin:0}.collab-comm-mod-log-timestamp{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.375rem}.collab-comm-mod-pagination{align-items:center;background:#f8fafc80;border-top:1px solid #0000000a;display:flex;gap:1rem;justify-content:center;padding:1.25rem}.collab-comm-mod-pagination-btn{align-items:center;background:#fff;border:1px solid #00000014;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.collab-comm-mod-pagination-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff}.collab-comm-mod-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.collab-comm-mod-pagination-info{color:#64748b;font-size:.875rem;font-weight:500}@media (max-width:1024px){.collab-comm-moderation{padding:1rem}.collab-comm-mod-filters{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.collab-comm-moderation{padding:.75rem}.collab-comm-mod-header{align-items:flex-start;flex-direction:column;gap:1rem}.collab-comm-mod-refresh-btn{justify-content:center;width:100%}.collab-comm-mod-tabs{flex-direction:column;width:100%}.collab-comm-mod-tab{justify-content:center;width:100%}.collab-comm-mod-filter-group,.collab-comm-mod-status-pills{flex-wrap:wrap;width:100%}.collab-comm-mod-report-header{align-items:flex-start;flex-direction:column;gap:.75rem}.collab-comm-mod-report-actions{flex-wrap:wrap}.collab-comm-mod-action-btn{flex:1 1;justify-content:center;min-width:100px}.collab-comm-mod-reports-list{gap:.75rem;padding:1rem}.collab-comm-mod-log-content{padding:1rem}}@media (max-width:480px){.collab-comm-moderation{padding:.5rem}.collab-comm-mod-header{border-radius:12px;padding:1rem}.collab-comm-mod-header-icon{height:40px;width:40px}.collab-comm-mod-header-info h2{font-size:1.125rem}.collab-comm-mod-status-pill{font-size:.75rem;padding:.375rem .625rem}.collab-comm-mod-action-btn{font-size:.75rem;padding:.5rem .75rem}.collab-comm-mod-action-btn span{display:none}.collab-comm-mod-confirm-buttons{flex-direction:column}.collab-comm-mod-cancel-btn,.collab-comm-mod-confirm-btn{justify-content:center;width:100%}.collab-comm-mod-pagination{flex-direction:column;gap:.75rem}.collab-comm-mod-pagination-btn{justify-content:center;width:100%}}:root{--cdash-primary:#00c853;--cdash-primary-light:#69f0ae;--cdash-primary-dark:#00a046;--cdash-primary-soft:#00c85314;--cdash-primary-hover:#00c8531f;--cdash-blue:#3b82f6;--cdash-blue-light:#60a5fa;--cdash-blue-soft:#3b82f614;--cdash-purple:#8b5cf6;--cdash-purple-soft:#8b5cf614;--cdash-amber:#f59e0b;--cdash-amber-soft:#f59e0b14;--cdash-rose:#f43f5e;--cdash-rose-soft:#f43f5e14;--cdash-slate-50:#f8fafc;--cdash-slate-100:#f1f5f9;--cdash-slate-200:#e2e8f0;--cdash-slate-300:#cbd5e1;--cdash-slate-400:#94a3b8;--cdash-slate-500:#64748b;--cdash-slate-600:#475569;--cdash-slate-700:#334155;--cdash-slate-800:#1e293b;--cdash-slate-900:#0f172a;--cdash-space-1:4px;--cdash-space-2:8px;--cdash-space-3:12px;--cdash-space-4:16px;--cdash-space-5:20px;--cdash-space-6:24px;--cdash-space-8:32px;--cdash-space-10:40px;--cdash-radius-sm:6px;--cdash-radius-md:8px;--cdash-radius-lg:12px;--cdash-radius-xl:16px;--cdash-radius-full:9999px;--cdash-shadow-sm:0 1px 2px #0000000a;--cdash-shadow-md:0 2px 8px #0000000f;--cdash-shadow-lg:0 4px 16px #00000014;--cdash-shadow-xl:0 8px 24px #0000001f;--cdash-shadow-primary:0 4px 14px #00c85340;--cdash-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--cdash-font-display:"Inter",var(--cdash-font-sans);--cdash-transition-fast:0.15s ease;--cdash-transition-base:0.2s ease;--cdash-transition-slow:0.3s ease;--cdash-glass-bg:#ffffffd9;--cdash-backdrop-blur:blur(12px);--cdash-gradient-primary:linear-gradient(135deg,#00c853,#00e676);--cdash-gradient-blue:linear-gradient(135deg,#3b82f6,#60a5fa);--cdash-gradient-purple:linear-gradient(135deg,#8b5cf6,#a78bfa)}.research-rooms-sidebar-layout.chat-active{bottom:0!important;height:100vh!important;height:100dvh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}@media (min-width:1025px){.research-rooms-sidebar-layout.chat-active{height:100vh!important;height:100dvh!important;left:220px!important;top:0!important;width:calc(100% - 220px)!important}.sidebar-navbar.collapsed~.research-rooms-sidebar-layout.chat-active{left:64px!important;width:calc(100% - 64px)!important}}@media (max-width:1024px){.research-rooms-sidebar-layout.chat-active{height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;left:0!important;top:60px!important;width:100%!important}.cdash.cdash-chat-active{height:100%!important;max-height:100%!important;min-height:0!important}}.cdash.cdash-chat-active{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.cdash-chat-active .cdash-content{padding:10px 16px}.cdash-chat-active .cdash-content,.cdash-chat-active .cdash-content .collab-comm-chat-container{display:flex!important;flex:1 1!important;flex-direction:column!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.cdash-chat-active .cdash-content .collab-comm-chat-container{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:var(--cdash-radius-lg);height:100%!important}.cdash-content .collab-comm-chat-header{align-items:center;background:var(--cdash-slate-50);border-bottom:1px solid var(--cdash-slate-200);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.cdash-content .collab-comm-chat-header-info{align-items:center;display:flex;gap:8px}.cdash-content .collab-comm-chat-header-info>svg{color:var(--cdash-primary);height:16px;width:16px}.cdash-content .collab-comm-chat-title{color:var(--cdash-slate-800);font-size:.875rem;font-weight:600}.cdash-content .collab-comm-chat-online{align-items:center;background:var(--cdash-primary-soft);border-radius:var(--cdash-radius-full);color:var(--cdash-primary-dark);display:inline-flex;font-size:.6875rem;font-weight:500;gap:4px;padding:2px 8px}.cdash-content .collab-comm-chat-online svg{height:10px;width:10px}.cdash-content .collab-comm-chat-status-offline{font-size:.6875rem;padding:2px 8px}.cdash-content .collab-comm-chat-header-actions{display:flex;gap:4px}.cdash-content .collab-comm-chat-header-btn{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:6px;height:28px;width:28px}.cdash-content .collab-comm-chat-header-btn svg{height:14px;width:14px}.cdash-content .collab-comm-chat-messages{background:linear-gradient(180deg,var(--cdash-slate-50) 0,#fff 100%);flex:1 1!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:12px}.cdash-content .collab-comm-chat-messages-list{display:flex;flex-direction:column;gap:8px}.cdash-content .collab-comm-chat-message{max-width:75%}.cdash-content .collab-comm-chat-message-avatar{border-radius:8px;height:32px;width:32px}.cdash-content .collab-comm-chat-message-body{border-radius:10px;padding:8px 12px}.cdash-content .collab-comm-chat-message-text{font-size:.8125rem;line-height:1.4}.cdash-content .collab-comm-chat-message-sender{font-size:.75rem}.cdash-content .collab-comm-chat-message-time{font-size:.625rem}.cdash-content .collab-comm-chat-input-container{background:var(--cdash-slate-50);border-top:1px solid var(--cdash-slate-200);flex-grow:0!important;flex-shrink:0!important;padding:10px 12px}.cdash-content .collab-comm-chat-input-form{display:flex;gap:8px}.cdash-content .collab-comm-chat-input{background:#fff;border:1px solid var(--cdash-slate-200);border-radius:10px;flex:1 1;font-size:.8125rem;padding:10px 14px;transition:border-color .15s ease}.cdash-content .collab-comm-chat-input:focus{border-color:var(--cdash-primary);outline:none}.cdash-content .collab-comm-chat-send-btn{background:var(--cdash-primary);border-radius:10px;box-shadow:0 2px 8px #00c85340;flex-shrink:0;height:40px;width:40px}.cdash-content .collab-comm-chat-send-btn:hover:not(:disabled){background:var(--cdash-primary-dark)}.cdash-content .collab-comm-chat-hint{display:none!important}.cdash-content .collab-comm-chat-typing{background:var(--cdash-slate-50);border-top:1px solid var(--cdash-slate-100);flex-shrink:0;padding:6px 12px}.cdash-content .collab-comm-chat-typing-text{font-size:.6875rem}.cdash-content .collab-comm-chat-search{background:var(--cdash-slate-50);flex-shrink:0;padding:8px 12px}.cdash-content .collab-comm-chat-search-input-wrapper{border-radius:8px;padding:6px 10px}.cdash-content .collab-comm-chat-search-input{font-size:.8125rem}.cdash-content .collab-comm-chat-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:24px}.cdash-content .collab-comm-chat-empty svg{color:var(--cdash-slate-300);height:36px;width:36px}.cdash-content .collab-comm-chat-empty h3{font-size:.9375rem;margin-bottom:4px}.cdash-content .collab-comm-chat-empty p{font-size:.8125rem}.cdash-content .collab-comm-chat-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.cdash-content .collab-comm-chat-loading p{color:var(--cdash-slate-500);font-size:.8125rem}@media (max-width:1024px){.cdash-chat-active .cdash-content{flex:1 1!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:8px 12px}.cdash-chat-active .cdash-content .collab-comm-chat-container{flex:1 1!important;height:auto!important;max-height:100%!important;min-height:0!important}}@media (max-width:768px){.research-rooms-sidebar-layout.chat-active{height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;top:60px!important}.cdash.cdash-chat-active{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.cdash.cdash-chat-active .cdash-header{flex-shrink:0!important;padding:6px 10px!important}.cdash.cdash-chat-active .cdash-nav{flex-shrink:0!important;padding:0!important}.cdash.cdash-chat-active .cdash-nav-inner{padding:4px 8px!important}.cdash.cdash-chat-active .cdash-tabs{gap:2px!important;padding:4px 0!important}.cdash.cdash-chat-active .cdash-tab{font-size:.625rem!important;padding:4px 6px!important}.cdash-chat-active .cdash-content{flex:1 1!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:4px 6px}.cdash-chat-active .cdash-content .collab-comm-chat-container{border-radius:8px;flex:1 1!important;height:auto!important;max-height:100%!important;min-height:0!important}.cdash-content .collab-comm-chat-header{padding:4px 8px}.cdash-content .collab-comm-chat-title{font-size:.75rem}.cdash-content .collab-comm-chat-online{font-size:.5625rem;padding:2px 4px}.cdash-content .collab-comm-chat-header-btn{height:24px;width:24px}.cdash-content .collab-comm-chat-messages{padding:6px}.cdash-content .collab-comm-chat-message{max-width:88%}.cdash-content .collab-comm-chat-message-avatar{height:24px;width:24px}.cdash-content .collab-comm-chat-message-body{padding:5px 8px}.cdash-content .collab-comm-chat-message-text{font-size:.6875rem}.cdash-content .collab-comm-chat-input-container{padding:6px}.cdash-content .collab-comm-chat-input{font-size:.6875rem;padding:6px 10px}.cdash-content .collab-comm-chat-send-btn{height:32px;width:32px}.cdash-content .collab-comm-chat-send-btn svg{height:14px;width:14px}}@media (max-width:480px){.research-rooms-sidebar-layout.chat-active{height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;top:60px!important}.cdash.cdash-chat-active .cdash-header{padding:4px 8px!important}.cdash.cdash-chat-active .cdash-header-inner{gap:6px!important;padding:4px 8px!important}.cdash.cdash-chat-active .cdash-avatar{height:24px!important;width:24px!important}.cdash.cdash-chat-active .cdash-title{font-size:.75rem!important;max-width:100px!important}.cdash.cdash-chat-active .cdash-nav-inner{padding:2px 6px!important}.cdash.cdash-chat-active .cdash-tabs{gap:1px!important;padding:2px 0!important}.cdash.cdash-chat-active .cdash-tab{font-size:.5625rem!important;padding:3px 5px!important}.cdash.cdash-chat-active .cdash-tab svg{height:12px!important;width:12px!important}.cdash-chat-active .cdash-content{flex:1 1!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:3px 4px}.cdash-chat-active .cdash-content .collab-comm-chat-container{border-radius:6px;flex:1 1!important;height:auto!important;max-height:100%!important;min-height:0!important}.cdash-content .collab-comm-chat-header{padding:3px 6px}.cdash-content .collab-comm-chat-header-info>svg{display:none}.cdash-content .collab-comm-chat-title{font-size:.6875rem}.cdash-content .collab-comm-chat-online{font-size:.5rem;padding:1px 4px}.cdash-content .collab-comm-chat-header-btn{height:22px;width:22px}.cdash-content .collab-comm-chat-messages{padding:4px}.cdash-content .collab-comm-chat-message-avatar{border-radius:5px;height:22px;width:22px}.cdash-content .collab-comm-chat-message-body{border-radius:6px;padding:4px 6px}.cdash-content .collab-comm-chat-message-text{font-size:.625rem}.cdash-content .collab-comm-chat-message-sender{font-size:.5625rem}.cdash-content .collab-comm-chat-input-container{padding:4px}.cdash-content .collab-comm-chat-input{border-radius:6px;font-size:.625rem;padding:5px 8px}.cdash-content .collab-comm-chat-send-btn{border-radius:6px;height:28px;width:28px}.cdash-content .collab-comm-chat-send-btn svg{height:12px;width:12px}}.cdash-content .collab-comm-chat-readonly{flex-shrink:0;padding:10px 12px}.cdash{background:var(--cdash-slate-50);display:flex;flex-direction:column;font-family:var(--cdash-font-sans);min-height:100vh}.cdash-error,.cdash-loading{align-items:center;display:flex;flex-direction:column;gap:var(--cdash-space-4);justify-content:center;min-height:60vh;padding:var(--cdash-space-6);text-align:center}.cdash-loading-spinner{animation:cdash-spin .8s linear infinite;border:3px solid var(--cdash-slate-200);border-radius:50%;border-top-color:var(--cdash-primary);height:40px;width:40px}@keyframes cdash-spin{to{transform:rotate(1turn)}}.cdash-loading p{color:var(--cdash-slate-500);font-size:.9375rem;margin:0}.cdash-error-icon{align-items:center;background:var(--cdash-rose-soft);border-radius:50%;color:var(--cdash-rose);display:flex;height:64px;justify-content:center;width:64px}.cdash-error h2{color:var(--cdash-slate-800);font-size:1.25rem;font-weight:600;margin:0}.cdash-error p{color:var(--cdash-slate-500);font-size:.875rem;margin:0;max-width:400px}.cdash-error-btn{align-items:center;background:var(--cdash-gradient-primary);border:none;border-radius:var(--cdash-radius-md);box-shadow:var(--cdash-shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--cdash-space-2);margin-top:var(--cdash-space-2);padding:var(--cdash-space-3) var(--cdash-space-5);transition:all var(--cdash-transition-base)}.cdash-error-btn:hover{box-shadow:0 6px 20px #00c85359;transform:translateY(-2px)}.cdash-header{background:#fff;border-bottom:1px solid var(--cdash-slate-200);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.cdash-header-inner{align-items:center;display:flex;gap:var(--cdash-space-4);justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--cdash-space-3) var(--cdash-space-6)}.cdash-header-left{align-items:center;display:flex;flex:1 1;gap:var(--cdash-space-3);min-width:0}.cdash-avatar{align-items:center;background:var(--cdash-gradient-primary);border-radius:var(--cdash-radius-md);box-shadow:var(--cdash-shadow-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.cdash-avatar img{height:100%;object-fit:cover;width:100%}.cdash-avatar-initial{color:#fff;font-size:1rem;font-weight:700}.cdash-header-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--cdash-space-3);min-width:0}.cdash-title{color:var(--cdash-slate-900);font-size:1.125rem;font-weight:700;line-height:1.3;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdash-badges{align-items:center;display:flex;flex-shrink:0;gap:var(--cdash-space-2)}.cdash-badge{align-items:center;border-radius:var(--cdash-radius-full);display:inline-flex;font-size:.6875rem;font-weight:600;gap:4px;padding:3px 8px;text-transform:capitalize;white-space:nowrap}.cdash-badge-type{background:var(--cdash-slate-100);border:1px solid var(--cdash-slate-200);color:var(--cdash-slate-600)}.cdash-badge-type.public svg{color:var(--cdash-primary)}.cdash-badge-type.private svg{color:var(--cdash-amber)}.cdash-badge-role{font-size:.625rem;padding:2px 6px}.cdash-badge-role.creator{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.cdash-badge-role.moderator{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.cdash-badge-role.member{background:var(--cdash-slate-100);border:1px solid var(--cdash-slate-200);color:var(--cdash-slate-600)}.cdash-field-tag{align-items:center;background:var(--cdash-primary-soft);border-radius:var(--cdash-radius-sm);color:var(--cdash-primary-dark);display:inline-flex;font-size:.6875rem;font-weight:600;max-width:120px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.cdash-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--cdash-space-2)}.cdash-action-btn{align-items:center;border:none;border-radius:var(--cdash-radius-md);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;justify-content:center;padding:var(--cdash-space-2) var(--cdash-space-3);transition:all var(--cdash-transition-fast);white-space:nowrap}.cdash-action-btn--ghost{background:#0000;color:var(--cdash-slate-600)}.cdash-action-btn--ghost:hover{background:var(--cdash-slate-100);color:var(--cdash-slate-800)}.cdash-action-btn--secondary{background:var(--cdash-slate-100);border:1px solid var(--cdash-slate-200);color:var(--cdash-slate-700)}.cdash-action-btn--secondary:hover{background:var(--cdash-slate-200);border-color:var(--cdash-slate-300)}.cdash-action-btn span{display:inline}.cdash-readonly-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid #fbbf24;flex-shrink:0;overflow:hidden}.cdash-readonly-inner{align-items:center;display:flex;gap:var(--cdash-space-4);justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--cdash-space-3) var(--cdash-space-6)}.cdash-readonly-info{align-items:center;color:#92400e;display:flex;font-size:.8125rem;font-weight:500;gap:var(--cdash-space-2)}.cdash-readonly-join{align-items:center;background:#f59e0b;border:none;border-radius:var(--cdash-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:var(--cdash-space-2) var(--cdash-space-4);transition:all var(--cdash-transition-fast)}.cdash-readonly-join:hover{background:#d97706;transform:translateY(-1px)}.cdash-nav{background:#fff;border-bottom:1px solid var(--cdash-slate-200);flex-shrink:0}.cdash-nav-inner{margin:0 auto;max-width:1400px;padding:0 var(--cdash-space-6)}.cdash-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:var(--cdash-space-1);overflow-x:auto;padding:var(--cdash-space-3) 0;scrollbar-width:none}.cdash-tabs::-webkit-scrollbar{display:none}.cdash-tab{align-items:center;background:#0000;border:none;border-radius:var(--cdash-radius-full);color:var(--cdash-slate-500);cursor:pointer;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:6px;padding:var(--cdash-space-2) var(--cdash-space-4);transition:all var(--cdash-transition-fast);white-space:nowrap}.cdash-tab:hover{background:var(--cdash-slate-100);color:var(--cdash-slate-700)}.cdash-tab.active{background:var(--cdash-primary-soft);color:var(--cdash-primary-dark);font-weight:600}.cdash-tab svg{flex-shrink:0;height:16px;width:16px}.cdash-content{flex:1 1;margin:0 auto;max-width:1400px;padding:var(--cdash-space-5) var(--cdash-space-6);width:100%}.cdash-discussions-layout{grid-gap:var(--cdash-space-6);display:grid;gap:var(--cdash-space-6);grid-template-columns:1fr 320px}.cdash-discussions-layout>:first-child{min-width:0}.cdash-discussions-sidebar{display:flex;flex-direction:column;gap:var(--cdash-space-4)}.cdash-ad-placeholder{background:#fff;border:2px dashed var(--cdash-slate-200);border-radius:var(--cdash-radius-lg);color:var(--cdash-slate-400);font-size:.8125rem;padding:var(--cdash-space-8) var(--cdash-space-4);text-align:center}@media (max-width:1200px){.cdash-discussions-layout{grid-template-columns:1fr}.cdash-discussions-sidebar{display:none}}@media (max-width:1024px){.cdash-header-inner{padding:var(--cdash-space-3) var(--cdash-space-4)}.cdash-title{max-width:200px}.cdash-field-tag{display:none}.cdash-nav-inner{padding:0 var(--cdash-space-4)}.cdash-content{padding:var(--cdash-space-4)}}@media (max-width:768px){.cdash-header-inner{gap:10px;padding:10px 12px}.cdash-header-left{flex:1 1;min-width:0}.cdash-avatar{height:32px;width:32px}.cdash-avatar-initial{font-size:.75rem}.cdash-title{font-size:.875rem;max-width:150px}.cdash-header-info{gap:8px}.cdash-badges,.cdash-field-tag{display:none}.cdash-header-actions{flex-shrink:0;gap:6px}.cdash-action-btn{padding:6px 10px}.cdash-action-btn span{display:none}.cdash-action-btn svg{height:14px;width:14px}.cdash-readonly-inner{flex-direction:column;gap:var(--cdash-space-2);padding:var(--cdash-space-3);text-align:center}.cdash-readonly-join{justify-content:center;width:100%}.cdash-nav-inner{padding:0 10px}.cdash-tabs{gap:4px;padding:8px 0}.cdash-tab{font-size:.6875rem;gap:4px;padding:6px 10px}.cdash-tab svg{height:14px;width:14px}.cdash-content{padding:10px}}@media (max-width:480px){.cdash-header-inner{gap:8px;padding:8px}.cdash-avatar{height:28px;width:28px}.cdash-avatar-initial{font-size:.6875rem}.cdash-title{font-size:.8125rem;max-width:120px}.cdash-header-info{gap:6px}.cdash-header-actions{gap:4px}.cdash-action-btn{padding:5px 8px}.cdash-action-btn svg{height:12px;width:12px}.cdash-nav-inner{padding:0 8px}.cdash-tabs{gap:2px;padding:6px 0}.cdash-tab span{display:none}.cdash-tab{border-radius:6px;padding:6px 8px}.cdash-tab svg{height:16px;width:16px}.cdash-content{padding:8px}}@keyframes cdash-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cdash-content>*{animation:cdash-fadeIn .3s ease}.courses-container{padding:2rem 0}.courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.courses-title{color:var(--text-color);font-size:2rem;font-weight:700}.courses-filters{background-color:var(--section-bg);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-group{align-items:center;gap:.5rem}.filter-label{color:var(--light-text);font-size:.9rem;font-weight:600}.filter-select{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--primary-color);outline:none}.search-input{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);flex-grow:1;font-size:.9rem;min-width:200px;padding:.5rem 1rem;transition:all .2s ease}.search-input:focus,.search-input:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #00c8531a;outline:none}.courses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-card{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.course-card-image{height:180px;overflow:hidden;position:relative}.course-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.course-card:hover .course-card-image img{transform:scale(1.05)}.course-price-tag{background-color:var(--primary-color);border-radius:var(--border-radius-sm);color:#fff;font-size:.9rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:1rem;top:1rem}.course-free-tag{background-color:#6366f1}.course-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.course-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.course-card-instructor{align-items:center;color:var(--light-text);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.instructor-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.course-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--light-text);display:-webkit-box;flex-grow:1;font-size:.95rem;margin-bottom:1rem;overflow:hidden}.course-card-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.course-card-rating{align-items:center;color:#f59e0b;display:flex;font-weight:600;gap:.25rem}.course-card-stats{color:var(--light-text);display:flex;font-size:.9rem;gap:1rem}.course-card-stat{align-items:center;display:flex;gap:.25rem}.course-card-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:space-between;margin-top:1rem;padding-top:1rem}.course-details-btn,.course-enroll-btn{border-radius:var(--border-radius-sm);flex:1 1;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.course-details-btn{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.course-details-btn:hover{background-color:#00c8531a}.course-enroll-btn{background-color:var(--primary-color);border:none;color:#fff}.course-enroll-btn:hover{background-color:var(--primary-dark)}.course-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.course-tag{background-color:#00c8531a;border-radius:var(--border-radius-sm);color:var(--primary-color);font-size:.8rem;font-weight:500;padding:.25rem .5rem}.course-detail-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.course-banner{border-radius:var(--border-radius-md);height:300px;margin-bottom:2rem;overflow:hidden;position:relative}.course-banner img{height:100%;object-fit:cover;width:100%}.course-banner-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.course-banner-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.course-banner-meta{align-items:center;color:#ffffffe6;display:flex;gap:1.5rem;margin-top:.5rem}.course-banner-cta{margin-top:1.5rem}.enroll-button-banner{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.enroll-button-banner:hover{background-color:var(--primary-dark);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.enroll-button-banner:disabled{background-color:var(--light-text);box-shadow:none;cursor:not-allowed;transform:none}.course-content{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:2rem}.course-sidebar{position:-webkit-sticky;position:sticky;top:2rem}.course-enroll-card{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:1.5rem}.course-price{color:var(--text-color);font-size:2rem;font-weight:800;margin-bottom:1.5rem}.enroll-button{font-size:1.1rem;margin-bottom:1rem;padding:1rem;width:100%}.course-includes{margin-top:1.5rem}.course-includes-title{color:var(--text-color);font-weight:600;margin-bottom:1rem}.course-includes-list{list-style:none}.course-includes-item{align-items:center;color:var(--light-text);display:flex;gap:.5rem;margin-bottom:.75rem}.course-includes-icon{color:var(--primary-color)}.course-curriculum{margin:2rem 0}.curriculum-title{color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.curriculum-module{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.module-header{background-color:var(--section-bg);cursor:pointer;justify-content:space-between;padding:1rem 1.5rem}.module-header,.module-title{align-items:center;display:flex}.module-title{color:var(--text-color);font-weight:600;gap:.5rem}.module-lessons{padding:0}.lesson-item{align-items:center;border-top:1px solid var(--border-color);display:flex;padding:1rem 1.5rem;transition:background-color .2s ease}.lesson-item:hover{background-color:#00c8530d}.lesson-icon{color:var(--primary-color);margin-right:1rem}.lesson-title{color:var(--text-color);flex-grow:1}.lesson-meta{color:var(--light-text);font-size:.9rem;gap:1rem}.lesson-duration,.lesson-meta{align-items:center;display:flex}.lesson-duration{gap:.25rem}.lesson-preview-tag{background-color:#00c8531a;border-radius:var(--border-radius-sm);color:var(--primary-color);font-size:.8rem;font-weight:500;padding:.25rem .5rem}.lesson-locked-icon{color:#9ca3af}.course-form-container{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow);margin:0 auto;max-width:900px;padding:2rem}.form-section{margin-bottom:2rem}.form-section-title{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.form-section-icon{color:var(--primary-color)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-input:hover,.form-select:focus,.form-select:hover,.form-textarea:focus,.form-textarea:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #00c8531a;outline:none}.form-textarea{min-height:150px;resize:vertical}.form-helper{color:var(--light-text);font-size:.9rem;margin-top:.5rem}.form-actions{display:flex;justify-content:space-between;margin-top:2rem}.module-builder{margin-bottom:2rem}.module-form{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.module-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.module-form-title{color:var(--text-color);font-weight:600}.lesson-form{background-color:var(--section-bg);border-radius:var(--border-radius-sm);margin-bottom:1rem;padding:1rem}.lesson-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.lesson-type-selector{display:flex;gap:1rem;margin-bottom:1rem}.lesson-type-option{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;flex:1 1;padding:.75rem;text-align:center;transition:all .2s ease}.lesson-type-option:hover{background-color:#00c8530d;border-color:var(--primary-color)}.lesson-type-option.active{background-color:#00c8531a;border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.add-item-button{align-items:center;background-color:initial;border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--light-text);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.add-item-button:hover{background-color:#00c8530d;border-color:var(--primary-color);color:var(--primary-color)}.quiz-builder{margin-top:1rem}.quiz-question{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-bottom:1rem;padding:1rem}.quiz-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.quiz-options{margin-top:1rem}.quiz-option{align-items:center;display:flex;margin-bottom:.5rem}.quiz-option-input{margin-right:.5rem}.quiz-option-text{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex-grow:1;padding:.5rem}.course-player-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:3fr 1fr;height:calc(100vh - 80px)}.course-player-main{display:flex;flex-direction:column;height:100%}.video-container{aspect-ratio:16/9;background-color:#000;position:relative;width:100%}.video-player{height:100%;width:100%}.course-player-content{flex-grow:1;padding:1.5rem}.course-player-content,.course-player-sidebar{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow);overflow-y:auto}.course-player-sidebar{height:100%}.player-sidebar-header{background-color:#fff;border-bottom:1px solid var(--border-color);padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.player-progress{margin-bottom:1rem}.progress-text{color:var(--light-text);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background-color:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.player-sidebar-modules{padding:0}.player-module-header{background-color:var(--section-bg);font-weight:600;padding:1rem}.player-lesson-item,.player-module-header{border-bottom:1px solid var(--border-color);cursor:pointer}.player-lesson-item{align-items:center;display:flex;gap:.5rem;padding:.75rem 1rem .75rem 2rem;transition:background-color .2s ease}.player-lesson-item:hover{background-color:#00c8530d}.player-lesson-item.active{background-color:#00c8531a;border-left:3px solid var(--primary-color)}.lesson-status-icon{font-size:.9rem}.lesson-completed{color:var(--primary-color)}.lesson-current{color:#f59e0b}.lesson-locked{color:#9ca3af}.discussion-section{margin-top:2rem}.discussion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.discussion-title{color:var(--text-color);font-size:1.5rem;font-weight:700}.discussion-form{margin-bottom:2rem}.discussion-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:1rem;margin-bottom:1rem;min-height:120px;padding:1rem;resize:vertical;width:100%}.discussion-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00c8531a;outline:none}.discussion-messages{display:flex;flex-direction:column;gap:1.5rem}.discussion-message{display:flex;gap:1rem}.message-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-content{flex-grow:1}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.message-author{color:var(--text-color);font-weight:600}.message-date{color:var(--light-text);font-size:.9rem}.message-text{color:var(--text-color);line-height:1.6}.my-courses-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem}.my-courses-tab{border-bottom:3px solid #0000;color:var(--light-text);cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.my-courses-tab.active,.my-courses-tab:hover{color:var(--primary-color)}.my-courses-tab.active{border-bottom-color:var(--primary-color)}.my-course-card{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow);display:flex;margin-bottom:1.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.my-course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.my-course-image{height:auto;min-width:200px;object-fit:cover;width:200px}.my-course-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.my-course-header{display:flex;justify-content:space-between;margin-bottom:1rem}.my-course-title{color:var(--text-color);font-size:1.25rem;font-weight:700}.my-course-progress{margin-top:auto}.my-course-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.certificate-button{align-items:center;background-color:#00c8531a;border-radius:var(--border-radius-sm);color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.certificate-button:hover{background-color:#00c85333}@media (max-width:1024px){.course-detail-container{grid-template-columns:1fr}.course-sidebar{position:static}.course-player-container{grid-template-columns:1fr}.course-player-sidebar{display:none;height:100vh;position:fixed;right:0;top:0;width:300px;z-index:1000}.sidebar-toggle{display:block}}@media (max-width:768px){.courses-header{align-items:flex-start;gap:1rem}.courses-filters,.courses-header,.my-course-card{flex-direction:column}.my-course-image{height:180px;width:100%}.course-banner{height:200px}.course-banner-title{font-size:1.75rem}}@media (max-width:480px){.course-card-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.form-actions{gap:1rem}.form-actions,.lesson-type-selector{flex-direction:column}}.wsp-card{background:#fff;border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-lg);box-shadow:var(--wsp-shadow-sm);cursor:pointer;display:flex;flex-direction:column;padding:16px;position:relative;transition:all var(--wsp-transition-base)}.wsp-card:hover{border-color:var(--wsp-blue);box-shadow:var(--wsp-shadow-md),0 0 0 1px #3b82f614}.wsp-card.wsp-card-list{flex-direction:row;gap:20px;padding:18px 20px}.wsp-card.wsp-card-list .wsp-card-header{position:absolute;right:20px;top:18px}.wsp-card.wsp-card-list .wsp-card-badges{margin-bottom:6px;position:static}.wsp-card.wsp-card-list .wsp-card-title{font-size:17px;margin-bottom:6px;padding-right:80px}.wsp-card.wsp-card-list .wsp-card-description{margin-bottom:10px}.wsp-card.wsp-card-list .wsp-card-meta{display:flex;flex-wrap:wrap;gap:12px 20px}.wsp-card.wsp-card-list .wsp-card-footer{align-self:flex-end;flex-shrink:0;margin-left:auto}.wsp-card-badges{display:flex;flex-wrap:wrap;gap:6px;left:12px;position:absolute;top:12px;z-index:2}.wsp-card-badge{align-items:center;border-radius:var(--wsp-radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.wsp-badge-featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.wsp-badge-soon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.wsp-badge-free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wsp-badge-live{animation:pulse-live 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.wsp-badge-completed{background:var(--wsp-slate-500);color:#fff}.wsp-badge-cancelled{background:var(--wsp-slate-400);color:#fff}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.8}}.wsp-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;margin-top:24px}.wsp-card-category{align-items:center;background:var(--wsp-slate-100);border-radius:var(--wsp-radius-full);color:var(--wsp-slate-600);display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.wsp-card-category svg{color:var(--wsp-slate-400)}.wsp-card-price{color:var(--wsp-slate-800);font-size:14px;font-weight:700}.wsp-card-price.wsp-price-free{color:var(--wsp-green)}.wsp-card-title{color:var(--wsp-slate-900);font-size:16px;font-weight:700;line-height:1.35;margin:0 0 8px}.wsp-card-description,.wsp-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wsp-card-description{color:var(--wsp-slate-500);font-size:13px;line-height:1.5;margin:0 0 12px}.wsp-card-organizer{align-items:center;background:var(--wsp-slate-50);border-radius:var(--wsp-radius-md);display:flex;gap:10px;margin:0 -4px 12px;padding:10px 12px;transition:background var(--wsp-transition-fast)}.wsp-card-organizer:hover{background:var(--wsp-slate-100)}.wsp-organizer-avatar{background:var(--wsp-gradient-primary);border-radius:var(--wsp-radius-full);flex-shrink:0;height:36px;overflow:hidden;width:36px}.wsp-organizer-avatar img{height:100%;object-fit:cover;width:100%}.wsp-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.wsp-organizer-info{display:flex;flex-direction:column;min-width:0}.wsp-organizer-name{color:var(--wsp-slate-800);font-size:13px;font-weight:600}.wsp-organizer-name,.wsp-organizer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsp-organizer-title{color:var(--wsp-slate-500);font-size:11px}.wsp-card-meta{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr;margin-bottom:10px}.wsp-meta-item{align-items:center;color:var(--wsp-slate-600);display:flex;font-size:12px;gap:6px}.wsp-meta-item svg{color:var(--wsp-slate-400);flex-shrink:0}.wsp-card-field{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:var(--wsp-radius-md);color:var(--wsp-indigo);display:inline-flex;font-size:11px;font-weight:500;gap:5px;margin-bottom:12px;padding:5px 10px}.wsp-card-field svg{color:var(--wsp-purple)}.wsp-card-footer{border-top:1px solid var(--wsp-slate-100);margin-top:auto;padding-top:12px}.wsp-card-action{align-items:center;border:none;border-radius:var(--wsp-radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all var(--wsp-transition-base);width:100%}.wsp-action-apply{background:var(--wsp-gradient-primary);color:#fff}.wsp-action-apply:hover{box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.wsp-action-manage{background:var(--wsp-slate-800);color:#fff}.wsp-action-manage:hover{background:var(--wsp-slate-900)}.wsp-action-enrolled{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:default}.wsp-action-pending{background:var(--wsp-slate-100);color:var(--wsp-slate-600);cursor:default}.wsp-action-payment{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.wsp-action-payment:hover{box-shadow:0 4px 12px #f59e0b59}.wsp-action-full,.wsp-action-started{background:var(--wsp-slate-200);color:var(--wsp-slate-500);cursor:not-allowed}.wsp-spin{animation:spin 1s linear infinite}@media (max-width:768px){.wsp-card{padding:14px}.wsp-card.wsp-card-list{flex-direction:column;gap:0;padding:14px}.wsp-card.wsp-card-list .wsp-card-header{margin-top:20px;position:static}.wsp-card.wsp-card-list .wsp-card-title{padding-right:0}.wsp-card.wsp-card-list .wsp-card-footer{margin-left:0}.wsp-card-meta{gap:6px 10px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.wsp-card{padding:12px}.wsp-card-badges{left:10px;top:10px}.wsp-card-header{margin-top:20px}.wsp-card-title{font-size:15px}.wsp-card-description{-webkit-line-clamp:2;font-size:12px}.wsp-organizer-avatar{height:32px;width:32px}.wsp-card-meta{gap:6px;grid-template-columns:1fr}.wsp-meta-item{font-size:11px}.wsp-card-action{font-size:12px;padding:9px 14px}}.wsp-filter-panel{background:#fff;border-bottom:1px solid var(--wsp-slate-200);overflow:hidden}.wsp-filter-panel-inner{margin:0 auto;max-width:var(--wsp-container-max);padding:var(--wsp-gap-lg) 20px}.wsp-filter-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wsp-gap-lg)}.wsp-filter-panel-title{color:var(--wsp-slate-800);font-size:18px;font-weight:700;margin:0}.wsp-filter-panel-actions{align-items:center;display:flex;gap:var(--wsp-gap-sm)}.wsp-filter-clear{align-items:center;background:var(--wsp-slate-100);border:none;border-radius:var(--wsp-radius-md);color:var(--wsp-slate-600);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all var(--wsp-transition-base)}.wsp-filter-clear:hover{background:var(--wsp-slate-200);color:var(--wsp-slate-800)}.wsp-filter-close{align-items:center;background:#0000;border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-md);color:var(--wsp-slate-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--wsp-transition-base);width:36px}.wsp-filter-close:hover{background:var(--wsp-red);border-color:var(--wsp-red);color:#fff}.wsp-filter-grid{grid-gap:var(--wsp-gap-lg);display:grid;gap:var(--wsp-gap-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.wsp-filter-group{display:flex;flex-direction:column;gap:var(--wsp-gap-sm)}.wsp-filter-group-wide{grid-column:1/-1}.wsp-filter-label{color:var(--wsp-slate-600);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wsp-filter-options{display:flex;flex-wrap:wrap;gap:8px}.wsp-filter-option{align-items:center;background:var(--wsp-slate-50);border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-md);color:var(--wsp-slate-700);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--wsp-transition-base)}.wsp-filter-option:hover{border-color:var(--wsp-blue);color:var(--wsp-blue)}.wsp-filter-option.active{background:var(--wsp-blue);border-color:var(--wsp-blue);color:#fff}.wsp-filter-option svg:last-child{margin-left:4px}.wsp-filter-categories{display:flex;flex-wrap:wrap;gap:8px}.wsp-filter-category{align-items:center;background:var(--wsp-slate-50);border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-full);color:var(--wsp-slate-700);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all var(--wsp-transition-base)}.wsp-filter-category:hover{border-color:var(--wsp-blue);color:var(--wsp-blue)}.wsp-filter-category.active{background:var(--wsp-gradient-primary);border-color:#0000;color:#fff}.wsp-category-count{align-items:center;background:#0000001a;border-radius:var(--wsp-radius-full);display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.wsp-filter-category.active .wsp-category-count{background:#ffffff40}@media (max-width:768px){.wsp-filter-panel-inner{padding:var(--wsp-gap-md) 16px}.wsp-filter-grid{gap:var(--wsp-gap-md);grid-template-columns:1fr}.wsp-filter-panel-title{font-size:16px}}@media (max-width:480px){.wsp-filter-options{flex-direction:column}.wsp-filter-option{justify-content:space-between;width:100%}.wsp-filter-categories{-webkit-overflow-scrolling:touch;max-height:200px;overflow-y:auto}}.wsp-category-section{border-top:1px solid var(--wsp-slate-200);margin-top:var(--wsp-gap-xl);padding-top:var(--wsp-gap-xl)}.wsp-category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--wsp-gap-lg)}.wsp-category-text{max-width:500px}.wsp-category-title{color:var(--wsp-slate-900);font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0 0 8px}.wsp-category-subtitle{color:var(--wsp-slate-500);font-size:15px;line-height:1.5;margin:0}.wsp-category-grid{grid-gap:var(--wsp-gap-md);display:grid;gap:var(--wsp-gap-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.wsp-category-card{align-items:center;background:#fff;border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-lg);cursor:pointer;display:flex;gap:var(--wsp-gap-md);padding:var(--wsp-gap-md);text-align:left;transition:all var(--wsp-transition-base)}.wsp-category-card:hover{border-color:var(--wsp-blue);box-shadow:var(--wsp-shadow-md)}.wsp-category-card.active{background:var(--wsp-gradient-primary);border-color:#0000;color:#fff}.wsp-category-icon-wrapper{align-items:center;background:var(--wsp-slate-100);border-radius:var(--wsp-radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all var(--wsp-transition-base);width:48px}.wsp-category-card.active .wsp-category-icon-wrapper{background:#fff3}.wsp-category-icon{font-size:24px}.wsp-category-info{flex:1 1;min-width:0}.wsp-category-name{color:var(--wsp-slate-800);font-size:14px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsp-category-card.active .wsp-category-name{color:#fff}.wsp-category-count{color:var(--wsp-slate-500);font-size:12px;margin:0}.wsp-category-card.active .wsp-category-count{color:#fffc}.wsp-category-arrow{color:var(--wsp-slate-400);flex-shrink:0;transition:all var(--wsp-transition-base)}.wsp-category-card:hover .wsp-category-arrow{color:var(--wsp-blue);transform:translateX(4px)}.wsp-category-card.active .wsp-category-arrow{color:#fff}@media (max-width:768px){.wsp-category-section{margin-top:var(--wsp-gap-lg);padding-top:var(--wsp-gap-lg)}.wsp-category-title{font-size:20px}.wsp-category-subtitle{font-size:14px}.wsp-category-grid{gap:var(--wsp-gap-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wsp-category-card{padding:12px}.wsp-category-icon-wrapper{height:40px;width:40px}.wsp-category-icon{font-size:20px}.wsp-category-name{font-size:13px}}@media (max-width:480px){.wsp-category-grid{grid-template-columns:1fr 1fr}.wsp-category-card{flex-direction:column;gap:10px;padding:14px 10px;text-align:center}.wsp-category-arrow{display:none}}.wsp-empty-state{align-items:center;background:#fff;border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-xl);display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.wsp-empty-illustration{margin-bottom:24px;position:relative}.wsp-empty-circle{align-items:center;background:var(--wsp-slate-100);border-radius:50%;color:var(--wsp-slate-400);display:flex;height:100px;justify-content:center;width:100px}.wsp-empty-dots{bottom:-10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.wsp-empty-dots span{animation:wsp-bounce 1.4s ease-in-out infinite;background:var(--wsp-slate-300);border-radius:50%;height:8px;width:8px}.wsp-empty-dots span:first-child{animation-delay:0s}.wsp-empty-dots span:nth-child(2){animation-delay:.2s}.wsp-empty-dots span:nth-child(3){animation-delay:.4s}@keyframes wsp-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.wsp-empty-title{color:var(--wsp-slate-800);font-size:20px;font-weight:700;margin:0 0 8px}.wsp-empty-description{color:var(--wsp-slate-500);font-size:15px;line-height:1.5;margin:0 0 24px;max-width:400px}.wsp-empty-action{align-items:center;background:var(--wsp-gradient-primary);border:none;border-radius:var(--wsp-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all var(--wsp-transition-base)}.wsp-empty-action:hover{box-shadow:0 4px 14px #3b82f666;transform:translateY(-2px)}@media (max-width:480px){.wsp-empty-state{padding:40px 16px}.wsp-empty-circle{height:80px;width:80px}.wsp-empty-circle svg{height:36px;width:36px}.wsp-empty-title{font-size:18px}.wsp-empty-description{font-size:14px}}.wsp-loading-grid{grid-gap:var(--wsp-gap-md);display:grid;gap:var(--wsp-gap-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wsp-loading-grid.wsp-loading-list{grid-template-columns:1fr}.wsp-skeleton-card{background:#fff;border:1px solid var(--wsp-slate-200);border-radius:var(--wsp-radius-lg);overflow:hidden}.wsp-loading-list .wsp-skeleton-card{display:flex}.wsp-skeleton-image{aspect-ratio:16/9;background:var(--wsp-slate-100);overflow:hidden;position:relative}.wsp-loading-list .wsp-skeleton-image{aspect-ratio:auto;height:auto;width:180px}.wsp-skeleton-shimmer{animation:wsp-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);inset:0;position:absolute}@keyframes wsp-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.wsp-skeleton-content{display:flex;flex-direction:column;gap:10px;padding:var(--wsp-gap-md)}.wsp-loading-list .wsp-skeleton-content{flex:1 1}.wsp-skeleton-category{background:var(--wsp-slate-100);border-radius:var(--wsp-radius-full);height:22px;width:80px}.wsp-skeleton-title{background:var(--wsp-slate-100);border-radius:var(--wsp-radius-sm);height:18px;width:100%}.wsp-skeleton-title-short{width:60%}.wsp-skeleton-meta{display:flex;gap:12px;margin-top:4px}.wsp-skeleton-meta-item{background:var(--wsp-slate-100);border-radius:var(--wsp-radius-sm);height:14px;width:80px}.wsp-skeleton-footer{align-items:center;border-top:1px solid var(--wsp-slate-100);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--wsp-gap-sm)}.wsp-skeleton-stats{background:var(--wsp-slate-100);border-radius:var(--wsp-radius-sm);height:16px;width:100px}.wsp-skeleton-button{background:var(--wsp-slate-100);border-radius:var(--wsp-radius-md);height:32px;width:90px}@media (max-width:768px){.wsp-loading-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wsp-loading-list .wsp-skeleton-card{flex-direction:column}.wsp-loading-list .wsp-skeleton-image{aspect-ratio:16/9;width:100%}}@media (max-width:480px){.wsp-loading-grid{grid-template-columns:1fr}}:root{--wsp-blue:#3b82f6;--wsp-blue-light:#60a5fa;--wsp-blue-dark:#2563eb;--wsp-purple:#8b5cf6;--wsp-purple-light:#a78bfa;--wsp-purple-dark:#7c3aed;--wsp-green:#10b981;--wsp-green-light:#34d399;--wsp-green-dark:#059669;--wsp-amber:#f59e0b;--wsp-amber-light:#fbbf24;--wsp-amber-dark:#d97706;--wsp-indigo:#6366f1;--wsp-cyan:#06b6d4;--wsp-pink:#ec4899;--wsp-red:#ef4444;--wsp-slate-50:#f8fafc;--wsp-slate-100:#f1f5f9;--wsp-slate-200:#e2e8f0;--wsp-slate-300:#cbd5e1;--wsp-slate-400:#94a3b8;--wsp-slate-500:#64748b;--wsp-slate-600:#475569;--wsp-slate-700:#334155;--wsp-slate-800:#1e293b;--wsp-slate-900:#0f172a;--wsp-gradient-primary:linear-gradient(135deg,var(--wsp-blue) 0%,var(--wsp-purple) 100%);--wsp-gradient-hero:linear-gradient(135deg,#1e293b,#0f172a 50%,#1e1b4b);--wsp-gradient-card:linear-gradient(180deg,#ffffff0d,#0000);--wsp-gradient-glass:linear-gradient(135deg,#ffffff1a,#ffffff0d);--wsp-shadow-sm:0 1px 2px 0 #0000000d;--wsp-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--wsp-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--wsp-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--wsp-shadow-glow:0 0 20px #3b82f64d;--wsp-radius-sm:6px;--wsp-radius-md:10px;--wsp-radius-lg:14px;--wsp-radius-xl:20px;--wsp-radius-full:9999px;--wsp-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--wsp-transition-base:200ms cubic-bezier(0.4,0,0.2,1);--wsp-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--wsp-container-max:1280px;--wsp-sidebar-width:280px;--wsp-gap-xs:6px;--wsp-gap-sm:10px;--wsp-gap-md:16px;--wsp-gap-lg:24px;--wsp-gap-xl:32px}.wsp-page{background:#f8fafc;background:var(--wsp-slate-50);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.wsp-page *,.wsp-page :after,.wsp-page :before{box-sizing:border-box}.wsp-page section{margin:0!important;padding:0!important}.wsp-hero{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wsp-slate-200);padding:12px 24px 14px;position:relative}.wsp-hero-content{margin:0 auto;max-width:1280px;max-width:var(--wsp-container-max)}.wsp-hero-top{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:12px}.wsp-hero-text{flex:1 1;min-width:0}.wsp-hero-title{color:#0f172a;color:var(--wsp-slate-900);font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0;white-space:nowrap}.wsp-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--wsp-blue) 0,var(--wsp-purple) 100%);-webkit-background-clip:text;background-clip:text}.wsp-hero-subtitle{color:#64748b;color:var(--wsp-slate-500);font-size:13px;font-weight:400;margin:2px 0 0}.wsp-hero-actions{display:flex;flex-shrink:0;gap:8px}.wsp-action-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--wsp-radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);white-space:nowrap}.wsp-action-secondary{background:#f1f5f9;background:var(--wsp-slate-100);border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);color:#334155;color:var(--wsp-slate-700)}.wsp-action-secondary:hover{background:#e2e8f0;background:var(--wsp-slate-200)}.wsp-action-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--wsp-gradient-primary);box-shadow:0 2px 8px #3b82f64d;color:#fff}.wsp-action-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.wsp-hero-bottom{align-items:center;display:flex;gap:12px}.wsp-search-container{display:flex;flex:1 1;gap:8px;max-width:480px}.wsp-search-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.wsp-search-input{background:#f8fafc;background:var(--wsp-slate-50);border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);color:#1e293b;color:var(--wsp-slate-800);font-size:13px;padding:9px 36px 9px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);width:100%}.wsp-search-input::placeholder{color:#94a3b8;color:var(--wsp-slate-400)}.wsp-search-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--wsp-blue);box-shadow:0 0 0 2px #3b82f61a;outline:none}.wsp-search-clear{align-items:center;background:#e2e8f0;background:var(--wsp-slate-200);border:none;border-radius:9999px;border-radius:var(--wsp-radius-full);color:#64748b;color:var(--wsp-slate-500);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-fast);width:22px}.wsp-search-clear:hover{background:#cbd5e1;background:var(--wsp-slate-300);color:#334155;color:var(--wsp-slate-700)}.wsp-filter-toggle{align-items:center;background:#f8fafc;background:var(--wsp-slate-50);border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);color:#475569;color:var(--wsp-slate-600);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:9px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);white-space:nowrap}.wsp-filter-toggle.active,.wsp-filter-toggle.has-filters,.wsp-filter-toggle:hover{background:#3b82f6;background:var(--wsp-blue);border-color:#3b82f6;border-color:var(--wsp-blue);color:#fff}.wsp-filter-badge{align-items:center;background:#ffffff40;border-radius:9999px;border-radius:var(--wsp-radius-full);display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.wsp-quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.wsp-quick-pill{align-items:center;background:#f1f5f9;background:var(--wsp-slate-100);border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:9999px;border-radius:var(--wsp-radius-full);color:#475569;color:var(--wsp-slate-600);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);white-space:nowrap}.wsp-quick-pill:hover{background:#e2e8f0;background:var(--wsp-slate-200);color:#1e293b;color:var(--wsp-slate-800)}.wsp-quick-pill.active{background:#3b82f6;background:var(--wsp-blue);border-color:#3b82f6;border-color:var(--wsp-blue);color:#fff}.wsp-main{padding:0 20px 40px}.wsp-container{margin:0 auto;max-width:1280px;max-width:var(--wsp-container-max)}.wsp-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--wsp-gap-md);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--wsp-gap-lg)}.wsp-tabs{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:14px;border-radius:var(--wsp-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--wsp-shadow-sm);display:flex;gap:4px;padding:4px}.wsp-tab{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--wsp-radius-md);color:#475569;color:var(--wsp-slate-600);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base)}.wsp-tab:hover{background:#f1f5f9;background:var(--wsp-slate-100);color:#1e293b;color:var(--wsp-slate-800)}.wsp-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--wsp-gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--wsp-shadow-md);color:#fff}.wsp-tab-count{align-items:center;background:#0000001a;border-radius:9999px;border-radius:var(--wsp-radius-full);display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.wsp-tab.active .wsp-tab-count{background:#ffffff40}.wsp-view-controls{align-items:center;display:flex;gap:16px;gap:var(--wsp-gap-md)}.wsp-sort-wrapper{align-items:center;display:flex;gap:8px}.wsp-sort-label{color:#64748b;color:var(--wsp-slate-500);font-size:13px;font-weight:500}.wsp-sort-select-wrapper{position:relative}.wsp-sort-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);color:#334155;color:var(--wsp-slate-700);cursor:pointer;font-size:14px;font-weight:500;padding:8px 36px 8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base)}.wsp-sort-select:focus,.wsp-sort-select:hover{border-color:#3b82f6;border-color:var(--wsp-blue);outline:none}.wsp-sort-icon{color:#94a3b8;color:var(--wsp-slate-400);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.wsp-sort-order{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);color:#475569;color:var(--wsp-slate-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);width:36px}.wsp-sort-order:hover{border-color:#3b82f6;border-color:var(--wsp-blue);color:#3b82f6;color:var(--wsp-blue)}.wsp-view-toggle{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);display:flex;overflow:hidden}.wsp-view-btn{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--wsp-slate-400);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);width:40px}.wsp-view-btn:hover{background:#f1f5f9;background:var(--wsp-slate-100);color:#475569;color:var(--wsp-slate-600)}.wsp-view-btn.active{background:#3b82f6;background:var(--wsp-blue);color:#fff}.wsp-active-filters{margin-bottom:16px;margin-bottom:var(--wsp-gap-md);overflow:hidden}.wsp-active-filters-inner{align-items:center;background:#f1f5f9;background:var(--wsp-slate-100);border-radius:10px;border-radius:var(--wsp-radius-md);display:flex;flex-wrap:wrap;gap:10px;gap:var(--wsp-gap-sm);padding:12px 16px}.wsp-active-label{color:#64748b;color:var(--wsp-slate-500);font-size:13px;font-weight:500}.wsp-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:9999px;border-radius:var(--wsp-radius-full);color:#334155;color:var(--wsp-slate-700);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px}.wsp-filter-chip button{align-items:center;background:#f1f5f9;background:var(--wsp-slate-100);border:none;border-radius:9999px;border-radius:var(--wsp-radius-full);color:#64748b;color:var(--wsp-slate-500);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-fast);width:18px}.wsp-filter-chip button:hover{background:#ef4444;background:var(--wsp-red);color:#fff}.wsp-clear-all{align-items:center;background:#0000;border:none;color:#3b82f6;color:var(--wsp-blue);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-fast)}.wsp-clear-all:hover{color:#2563eb;color:var(--wsp-blue-dark)}.wsp-content-grid{grid-gap:24px;grid-gap:var(--wsp-gap-lg);align-items:start;display:grid;gap:24px;gap:var(--wsp-gap-lg);grid-template-columns:1fr 280px;grid-template-columns:1fr var(--wsp-sidebar-width)}.wsp-feed{min-width:0}.wsp-workshop-grid{grid-gap:16px;grid-gap:var(--wsp-gap-md);display:grid;gap:16px;gap:var(--wsp-gap-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wsp-workshop-grid.wsp-list-view{grid-template-columns:1fr}.wsp-error-state{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:20px;border-radius:var(--wsp-radius-xl);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.wsp-error-icon{font-size:48px;margin-bottom:16px}.wsp-error-state h3{color:#1e293b;color:var(--wsp-slate-800);font-size:18px;font-weight:700;margin:0 0 8px}.wsp-error-state p{color:#64748b;color:var(--wsp-slate-500);font-size:14px;margin:0 0 20px}.wsp-retry-btn{align-items:center;background:#3b82f6;background:var(--wsp-blue);border:none;border-radius:10px;border-radius:var(--wsp-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base)}.wsp-retry-btn:hover{background:#2563eb;background:var(--wsp-blue-dark);transform:translateY(-1px)}.wsp-pagination{gap:6px;margin-top:32px;margin-top:var(--wsp-gap-xl)}.wsp-page-btn,.wsp-pagination{align-items:center;display:flex;justify-content:center}.wsp-page-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);color:#475569;color:var(--wsp-slate-600);cursor:pointer;font-size:14px;font-weight:600;height:40px;min-width:40px;padding:0 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base)}.wsp-page-btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--wsp-blue);color:#3b82f6;color:var(--wsp-blue)}.wsp-page-btn.active{background:#3b82f6;background:var(--wsp-blue);border-color:#3b82f6;border-color:var(--wsp-blue);color:#fff}.wsp-page-btn:disabled{cursor:not-allowed;opacity:.5}.wsp-page-nav{padding:0}.wsp-sidebar{display:flex;flex-direction:column;gap:16px;gap:var(--wsp-gap-md);position:-webkit-sticky;position:sticky;top:20px}.wsp-sidebar-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:14px;border-radius:var(--wsp-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--wsp-shadow-sm);padding:16px;padding:var(--wsp-gap-md)}.wsp-sidebar-title{align-items:center;color:#1e293b;color:var(--wsp-slate-800);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0 0 16px;margin:0 0 var(--wsp-gap-md)}.wsp-sidebar-title svg{color:#3b82f6;color:var(--wsp-blue)}.wsp-quick-stats-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200)}.wsp-quick-stats-card .wsp-sidebar-title{color:#1e293b;color:var(--wsp-slate-800)}.wsp-quick-stats-card .wsp-sidebar-title svg{color:#3b82f6;color:var(--wsp-blue)}.wsp-mini-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.wsp-mini-stat{border-radius:10px;border-radius:var(--wsp-radius-md);padding:12px 8px;text-align:center}.wsp-mini-stat-value{display:block;font-size:20px;font-weight:800;line-height:1;margin-bottom:4px}.wsp-mini-stat-label{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.wsp-stat-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.wsp-stat-blue .wsp-mini-stat-label,.wsp-stat-blue .wsp-mini-stat-value{color:#fff}.wsp-stat-green{background:linear-gradient(135deg,#10b981,#059669)}.wsp-stat-green .wsp-mini-stat-label,.wsp-stat-green .wsp-mini-stat-value{color:#fff}.wsp-stat-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.wsp-stat-purple .wsp-mini-stat-label,.wsp-stat-purple .wsp-mini-stat-value{color:#fff}.wsp-stat-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.wsp-stat-amber .wsp-mini-stat-label,.wsp-stat-amber .wsp-mini-stat-value{color:#fff}.wsp-sidebar-workshops{display:flex;flex-direction:column;gap:10px;gap:var(--wsp-gap-sm)}.wsp-sidebar-workshop{background:#f8fafc;background:var(--wsp-slate-50);border-radius:10px;border-radius:var(--wsp-radius-md);cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base)}.wsp-sidebar-workshop:hover{background:#f1f5f9;background:var(--wsp-slate-100);transform:translateX(4px)}.wsp-sw-image{background:#e2e8f0;background:var(--wsp-slate-200);border-radius:6px;border-radius:var(--wsp-radius-sm);flex-shrink:0;height:48px;overflow:hidden;width:48px}.wsp-sw-image img{height:100%;object-fit:cover;width:100%}.wsp-sw-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--wsp-gradient-primary);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.wsp-sw-info{flex:1 1;min-width:0}.wsp-sw-info h4{color:#1e293b;color:var(--wsp-slate-800);font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsp-sw-date{align-items:center;color:#64748b;color:var(--wsp-slate-500);display:inline-flex;font-size:11px;gap:4px}.wsp-sidebar-see-all{align-items:center;background:#f8fafc;background:var(--wsp-slate-50);border:1px solid #e2e8f0;border:1px solid var(--wsp-slate-200);border-radius:10px;border-radius:var(--wsp-radius-md);color:#3b82f6;color:var(--wsp-blue);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:10px;margin-top:var(--wsp-gap-sm);padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base);width:100%}.wsp-sidebar-see-all:hover{background:#3b82f6;background:var(--wsp-blue);border-color:#3b82f6;border-color:var(--wsp-blue);color:#fff}.wsp-sidebar-categories{display:flex;flex-direction:column;gap:4px}.wsp-sidebar-category{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;border-radius:var(--wsp-radius-md);color:#334155;color:var(--wsp-slate-700);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--wsp-transition-base)}.wsp-sidebar-category:hover{background:#f8fafc;background:var(--wsp-slate-50)}.wsp-sidebar-category.active{background:#3b82f61a;border-color:#3b82f6;border-color:var(--wsp-blue);color:#3b82f6;color:var(--wsp-blue)}.wsp-sc-name{font-weight:500}.wsp-sc-count{background:#f1f5f9;background:var(--wsp-slate-100);border-radius:9999px;border-radius:var(--wsp-radius-full);color:#94a3b8;color:var(--wsp-slate-400);font-size:11px;font-weight:600;padding:2px 8px}.wsp-sidebar-category.active .wsp-sc-count{background:#3b82f6;background:var(--wsp-blue);color:#fff}@media (max-width:1024px){.wsp-content-grid{grid-template-columns:1fr}.wsp-sidebar{grid-gap:16px;grid-gap:var(--wsp-gap-md);display:grid;gap:16px;gap:var(--wsp-gap-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:static}.wsp-hero-title{font-size:20px}.wsp-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.wsp-tab span:not(.wsp-tab-count){display:none}}@media (max-width:768px){.wsp-hero{padding:12px 16px}.wsp-hero-top{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:10px}.wsp-hero-text{width:100%}.wsp-hero-actions{justify-content:flex-start;width:100%}.wsp-action-btn{font-size:12px;padding:7px 12px}.wsp-hero-title{font-size:18px}.wsp-hero-subtitle{font-size:12px}.wsp-hero-bottom{align-items:stretch;flex-direction:column;gap:10px}.wsp-search-container{max-width:100%}.wsp-quick-filters{justify-content:flex-start}.wsp-main{padding:0 16px 32px}.wsp-content-header{align-items:stretch;flex-direction:column}.wsp-tabs{justify-content:center}.wsp-view-controls{justify-content:space-between}.wsp-workshop-grid{gap:10px;gap:var(--wsp-gap-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wsp-sidebar{grid-template-columns:1fr}}@media (max-width:480px){.wsp-hero{padding:10px 12px}.wsp-hero-top{gap:8px;margin-bottom:8px}.wsp-hero-title{font-size:16px;white-space:normal}.wsp-hero-subtitle{display:block;font-size:11px}.wsp-hero-actions{gap:6px}.wsp-action-btn span{display:none}.wsp-action-btn{padding:8px}.wsp-hero-bottom{gap:8px}.wsp-search-input{font-size:13px;padding:8px 32px}.wsp-filter-toggle{padding:8px 12px}.wsp-filter-toggle span{display:none}.wsp-quick-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.wsp-quick-pill{flex-shrink:0;font-size:11px;padding:5px 10px}.wsp-main{padding:0 12px 24px}.wsp-tabs{justify-content:space-around;width:100%}.wsp-tab{flex:1 1;justify-content:center;padding:10px 12px}.wsp-view-controls{flex-wrap:wrap;gap:10px;gap:var(--wsp-gap-sm)}.wsp-sort-wrapper{flex:1 1}.wsp-sort-select{width:100%}.wsp-workshop-grid{grid-template-columns:1fr}.wsp-pagination{gap:4px}.wsp-page-btn{font-size:13px;height:36px;min-width:36px}.wsp-mini-stats{gap:6px;grid-template-columns:repeat(3,1fr)}.wsp-mini-stat{padding:10px 6px}.wsp-mini-stat-value{font-size:18px}.wsp-mini-stat-label{font-size:10px}}.ws-workshop-card{-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.ws-workshop-card:hover{border-color:#00c853;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.ws-card-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:55%;position:absolute;right:12px;top:12px;z-index:2}.ws-card-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1.2;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.ws-badge-soon{background:#fef3c7;color:#92400e}.ws-badge-free{background:#d1fae5;color:#065f46}.ws-badge-format{background:#e0e7ff;color:#3730a3}.ws-badge-approved,.ws-badge-enrolled{background:#d1fae5;color:#065f46}.ws-badge-pending{background:#fef3c7;color:#92400e}.ws-badge-payment_pending{background:#dbeafe;color:#1e40af}.ws-badge-full{background:#fee2e2;color:#991b1b}.ws-card-title{color:#1f2937;font-size:16px;font-weight:700;line-height:1.3;margin:4px 0 0;max-width:100%;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.ws-card-description,.ws-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.ws-card-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.ws-card-organizer{align-items:center;display:flex;gap:10px}.ws-organizer-avatar{background:#f3f4f6;border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.ws-organizer-avatar img{height:100%;object-fit:cover;width:100%}.ws-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#00c853,#00a844);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.ws-organizer-name{color:#374151;font-size:14px;font-weight:500}.ws-card-meta-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.ws-meta-badge{align-items:center;border-radius:5px;display:inline-flex;font-size:11px;font-weight:600;gap:3px;line-height:1.2;padding:4px 8px;transition:all .2s ease}.ws-category-badge{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#166534}.ws-field-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1e40af}.ws-meta-badge:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ws-card-details{display:flex;flex-direction:column;gap:6px}.ws-detail-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;line-height:1.3}.ws-detail-icon{flex-shrink:0;font-size:14px}.ws-detail-text{line-height:1.4;overflow-wrap:break-word;word-break:break-word}.ws-card-price-capacity{align-items:center;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;gap:10px;padding:10px 0}.ws-price{color:#1f2937;font-size:16px;font-weight:700}.ws-separator{color:#d1d5db;font-weight:300}.ws-capacity{color:#6b7280;font-size:14px;font-weight:500}.ws-capacity-warning{align-items:center;animation:pulseWarning 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:6px;color:#92400e;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px}@keyframes pulseWarning{0%,to{opacity:1}50%{opacity:.85}}.ws-card-rating{align-items:center;display:flex;font-size:14px;gap:8px}.ws-stars{color:#fbbf24;letter-spacing:1px}.ws-rating-value{color:#6b7280;font-weight:500}.ws-card-tags{display:flex;flex-wrap:wrap;gap:6px;overflow:hidden;width:100%}.ws-tag{color:#00c853;font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-card-countdown{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px}.ws-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:8px}.ws-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.ws-btn:active{transform:scale(.98)}.ws-btn-primary{background:#00c853;color:#fff}.ws-btn-primary:hover{background:#00a844}.ws-btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.ws-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.ws-btn-enrolled{background:#d1fae5;color:#065f46;cursor:default}.ws-btn-disabled,.ws-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.ws-btn:disabled{transform:none}@media (max-width:768px){.ws-workshop-card{padding:16px}.ws-card-badges{max-width:50%}.ws-card-title{font-size:16px;margin-top:4px}.ws-card-actions{flex-direction:column}.ws-btn{width:100%}}.ws-btn,.ws-workshop-card{transform:translateZ(0)}.ws-detail-icon,.ws-organizer-avatar{flex-shrink:0}.ws-card-title,.ws-organizer-name{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ws-workshop-card:focus-visible{outline:2px solid #00c853;outline-offset:2px}.ws-btn:focus-visible{outline:2px solid #00c853;outline-offset:2px}.loading-spinner{display:inline-block;position:relative}.spinner{animation:spin 1s linear infinite;border:3px solid #00c8531a;border-left:3px solid var(--spinner-color,#00c853);border-radius:50%;height:40px;width:40px}.loading-spinner.small .spinner{border-width:2px;height:24px;width:24px}.loading-spinner.large .spinner{border-width:4px;height:56px;width:56px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.workshop-list-container{margin:0 auto;max-width:1400px;padding:0 20px 20px}.workshop-list-header{margin-bottom:20px;margin-top:-10px;padding:0}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:8px}.header-left{flex:1 1;min-width:300px}.header-left h1{color:#1a1a1a;flex-shrink:0;font-size:2.5rem;font-weight:700;margin:0}.header-description{margin-top:8px}.header-description p{color:#666;font-size:1rem;line-height:1.4;margin:0;max-width:500px}.header-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px}.my-workshops-btn{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.my-workshops-btn:hover{background:#5a6268;transform:translateY(-2px)}.create-workshop-btn{background:#00c853;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.create-workshop-btn:hover{background:#00a844;transform:translateY(-2px)}.workshop-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.workshop-filter-item{flex:1.2 1;max-width:240px;min-width:180px}.workshop-filter-item.workshop-search-item{flex:1 1;max-width:240px;min-width:180px;position:relative}.workshop-dropdown,.workshop-filters-toggle,.workshop-search-field{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;color:#333;font-size:14px;font-weight:500;height:48px;line-height:normal;margin:0;outline:none;padding:0 14px;transition:all .2s ease;width:100%}.workshop-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.workshop-search-field{padding-right:40px}.workshop-filters-toggle{align-items:center;cursor:pointer;display:flex;gap:6px;justify-content:center;white-space:nowrap}.workshop-dropdown:focus,.workshop-dropdown:hover,.workshop-filters-toggle:hover,.workshop-search-field:focus,.workshop-search-field:hover{background:#fff;border-color:#00c853;box-shadow:0 0 0 2px #00c8531a}.workshop-filters-toggle.active{background:#00c8530d;border-color:#00c853;color:#00c853}.workshop-search-field.searching{padding-right:40px}.workshop-search-spinner{align-items:center;color:#00c853;display:flex;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.workshop-search-spinner svg{animation:workshop-spin 1s linear infinite;height:16px;width:16px}@keyframes workshop-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.workshop-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.workshop-clear-btn:hover{background:#f5f5f5;color:#666}.workshop-clear-btn svg,.workshop-filters-toggle svg{height:16px;width:16px}.workshop-filter-badge{align-items:center;background:#00c853;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;width:18px}.advanced-filter-panel{background:#fff;border:1px solid #0000000a;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:20px}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-group select:focus{border-color:#00c853;box-shadow:0 0 0 2px #00c8531a;outline:none}.filter-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.clear-filters-btn,.close-filters-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-filters-btn{background:#0000;border:1px solid #ddd;color:#666}.clear-filters-btn:hover{border-color:#00c853;color:#00c853}.close-filters-btn{background:#00c853;border:1px solid #00c853;color:#fff}.close-filters-btn:hover{background:#00b248}.results-info{margin-bottom:24px}.results-info p{color:#666;font-size:14px;margin:0}.workshop-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.workshop-pagination{align-items:center;border-top:1px solid #0000000f;display:flex;gap:24px;justify-content:center;margin-top:32px;padding-top:32px}.workshop-pagination-btn{background:#00c853;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.workshop-pagination-btn:hover:not(:disabled){background:#00a844;transform:translateY(-2px)}.workshop-pagination-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.workshop-pagination-info{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px}.workshop-current-page{background:#00c853;border-radius:8px;color:#fff;font-weight:600;min-width:40px;padding:8px 12px;text-align:center}.workshop-page-separator{color:#666;margin:0 4px}.workshop-total-pages{color:#333;font-weight:600}.workshop-list-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.workshop-list-loading p{color:#666;font-size:16px;margin-top:16px}.error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.error-message p{color:#856404;margin:0 0 12px}.retry-btn{background:#00c853;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.retry-btn:hover{background:#00b248}.empty-state{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px 20px}.empty-state-content{max-width:400px;text-align:center}.empty-icon{color:#ccc;height:64px;margin-bottom:20px;width:64px}.empty-state-content h3{color:#333;font-size:1.5rem;margin:0 0 12px}.empty-state-content p{color:#666;line-height:1.5;margin:0 0 24px}.reset-search-btn{background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.reset-search-btn:hover{box-shadow:0 4px 12px #00c8534d;transform:translateY(-1px)}@media (max-width:768px){.workshop-list-container{padding:16px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.header-left h1{font-size:2rem}.header-description p{font-size:.95rem}.header-actions{justify-content:flex-start;width:100%}.workshop-filters-row{flex-direction:column;gap:12px}.workshop-filter-item,.workshop-filter-item.workshop-search-item{flex:none;max-width:none;min-width:auto;width:100%}.filter-grid{gap:14px;grid-template-columns:1fr}.filter-actions{flex-direction:column-reverse;gap:8px}.clear-filters-btn,.close-filters-btn{padding:12px;width:100%}.workshop-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.workshop-list-header{margin-bottom:16px}.header-left h1{font-size:1.75rem}.header-description p{font-size:.9rem}.workshop-dropdown,.workshop-filters-toggle,.workshop-search-field{font-size:13px;height:44px;padding:0 12px}.workshop-filters-row{gap:10px}.advanced-filter-panel{margin-bottom:16px;padding:12px}}@media (prefers-color-scheme:dark){.header-left h1,.workshop-list-container{color:#fff}.header-description p{color:#b3b3b3}.workshop-dropdown,.workshop-filters-toggle,.workshop-search-field{background:#2a2a2a;border-color:#fff3;color:#fff}.workshop-dropdown:focus,.workshop-dropdown:hover,.workshop-filters-toggle:hover,.workshop-search-field:focus,.workshop-search-field:hover{background:#333;border-color:#00c853}.workshop-filters-toggle.active{background:#00c85326;border-color:#00c853;color:#00c853}.advanced-filter-panel{background:#1e1e1e;border-color:#ffffff1a}.filter-group select{background:#2a2a2a;border-color:#fff3;color:#fff}.filter-actions{border-top-color:#ffffff1a}.clear-filters-btn{border-color:#fff3;color:#b3b3b3}.clear-filters-btn:hover{border-color:#00c853;color:#00c853}.error-message{background:#fff3cd1a;border-color:#ffeaa74d}.error-message p{color:#ffcc02}.empty-state-content h3{color:#fff}.empty-state-content p{color:#b3b3b3}}:root{--wcf-primary:#3b82f6;--wcf-primary-hover:#2563eb;--wcf-primary-light:#3b82f61a;--wcf-secondary:#8b5cf6;--wcf-secondary-light:#8b5cf61a;--wcf-success:#10b981;--wcf-success-light:#10b9811a;--wcf-warning:#f59e0b;--wcf-warning-light:#f59e0b1a;--wcf-danger:#ef4444;--wcf-danger-light:#ef44441a;--wcf-info:#06b6d4;--wcf-info-light:#06b6d41a;--wcf-bg:#fff;--wcf-bg-secondary:#f8fafc;--wcf-bg-tertiary:#f1f5f9;--wcf-text:#1e293b;--wcf-text-secondary:#64748b;--wcf-text-muted:#94a3b8;--wcf-border:#e2e8f0;--wcf-border-light:#f1f5f9;--wcf-shadow-sm:0 1px 2px #0000000d;--wcf-shadow:0 4px 6px -1px #0000001a;--wcf-shadow-md:0 8px 25px -5px #0000001a;--wcf-shadow-lg:0 20px 40px -10px #00000026;--wcf-radius-sm:6px;--wcf-radius:10px;--wcf-radius-lg:14px;--wcf-radius-xl:20px;--wcf-transition:all 0.2s ease;--wcf-transition-slow:all 0.3s ease}.wcf-container{background:#fff;background:var(--wcf-bg);margin:0 auto;max-width:800px;min-height:100vh;padding:24px}.wcf-header{margin-bottom:24px}.wcf-header-content h1{color:#1e293b;color:var(--wcf-text);font-size:1.75rem;font-weight:700;margin:0 0 4px}.wcf-header-content p{color:#64748b;color:var(--wcf-text-secondary);font-size:.9rem;margin:0}.wcf-step-indicator{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:24px;overflow-x:auto;padding:20px 0}.wcf-step-item{background:none;border:none;cursor:pointer;flex-direction:column;gap:6px;padding:12px 16px;position:relative}.wcf-step-icon,.wcf-step-item{align-items:center;display:flex;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-step-icon{background:#f1f5f9;background:var(--wcf-bg-tertiary);border:2px solid #0000;border-radius:50%;color:#94a3b8;color:var(--wcf-text-muted);font-size:1rem;height:40px;justify-content:center;width:40px}.wcf-step-item.active .wcf-step-icon{background:#3b82f6;background:var(--wcf-primary);box-shadow:0 4px 12px #3b82f666;color:#fff}.wcf-step-item.completed .wcf-step-icon{background:#10b981;background:var(--wcf-success);color:#fff}.wcf-step-label{color:#94a3b8;color:var(--wcf-text-muted);font-size:.75rem;font-weight:500;white-space:nowrap}.wcf-step-item.active .wcf-step-label{color:#3b82f6;color:var(--wcf-primary);font-weight:600}.wcf-step-item.completed .wcf-step-label{color:#10b981;color:var(--wcf-success)}.wcf-step-connector{background:#e2e8f0;background:var(--wcf-border);flex-shrink:0;height:2px;width:40px}.wcf-step-connector.completed{background:#10b981;background:var(--wcf-success)}.wcf-form,.wcf-step-content{background:#fff;background:var(--wcf-bg)}.wcf-step-content{border:1px solid #e2e8f0;border:1px solid var(--wcf-border);border-radius:14px;border-radius:var(--wcf-radius-lg);margin-bottom:24px;padding:24px}.wcf-step-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wcf-border-light);display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.wcf-step-header-icon{align-items:center;background:#3b82f61a;background:var(--wcf-primary-light);border-radius:10px;border-radius:var(--wcf-radius);color:#3b82f6;color:var(--wcf-primary);display:flex;font-size:1.25rem;height:40px;justify-content:center;min-width:40px;width:40px}.wcf-step-header h3{color:#1e293b;color:var(--wcf-text);font-size:1.125rem;font-weight:600;margin:0 0 2px}.wcf-step-header p{color:#64748b;color:var(--wcf-text-secondary);font-size:.85rem;margin:0}.wcf-form-group{margin-bottom:20px}.wcf-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.wcf-label{align-items:center;color:#1e293b;color:var(--wcf-text);display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:8px}.wcf-label svg{color:#94a3b8;color:var(--wcf-text-muted);font-size:.9rem}.wcf-input,.wcf-select,.wcf-textarea{background:#fff;background:var(--wcf-bg);border:1px solid #e2e8f0;border:1px solid var(--wcf-border);border-radius:10px;border-radius:var(--wcf-radius);color:#1e293b;color:var(--wcf-text);font-size:.9rem;outline:none;padding:10px 14px;transition:all .2s ease;transition:var(--wcf-transition);width:100%}.wcf-input:focus,.wcf-select:focus,.wcf-textarea:focus{border-color:#3b82f6;border-color:var(--wcf-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--wcf-primary-light)}.wcf-input.error,.wcf-select.error,.wcf-textarea.error{border-color:#ef4444;border-color:var(--wcf-danger)}.wcf-input.error:focus,.wcf-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a;box-shadow:0 0 0 3px var(--wcf-danger-light)}.wcf-input::placeholder,.wcf-input:disabled,.wcf-textarea::placeholder{color:#94a3b8;color:var(--wcf-text-muted)}.wcf-input:disabled{background:#f1f5f9;background:var(--wcf-bg-tertiary);cursor:not-allowed}.wcf-textarea{min-height:100px;resize:vertical}.wcf-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.wcf-helper{color:#94a3b8;color:var(--wcf-text-muted);display:block;font-size:.75rem;margin-top:4px}.wcf-error{align-items:center;color:#ef4444;color:var(--wcf-danger);display:flex;font-size:.8rem;gap:4px;margin-top:4px}.wcf-char-count{color:#94a3b8;color:var(--wcf-text-muted);font-size:.75rem;margin-top:4px;text-align:right}.wcf-tags-input{background:#fff;background:var(--wcf-bg);border:1px solid #e2e8f0;border:1px solid var(--wcf-border);border-radius:10px;border-radius:var(--wcf-radius);padding:8px}.wcf-tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.wcf-tag{background:#3b82f61a;background:var(--wcf-primary-light);border-radius:6px;border-radius:var(--wcf-radius-sm);display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.wcf-tag,.wcf-tag button{align-items:center;color:#3b82f6;color:var(--wcf-primary)}.wcf-tag button{background:none;border:none;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;opacity:.7;padding:0;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-tag button:hover{opacity:1}.wcf-tag-add{display:flex;gap:8px}.wcf-tag-add input{border:1px solid #f1f5f9;border:1px solid var(--wcf-border-light);border-radius:6px;border-radius:var(--wcf-radius-sm);flex:1 1;font-size:.85rem;outline:none;padding:6px 10px}.wcf-tag-add input:focus{border-color:#3b82f6;border-color:var(--wcf-primary)}.wcf-tag-add button{align-items:center;background:#3b82f6;background:var(--wcf-primary);border:none;border-radius:6px;border-radius:var(--wcf-radius-sm);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:var(--wcf-transition);width:32px}.wcf-tag-add button:hover{background:#2563eb;background:var(--wcf-primary-hover)}.wcf-format-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.wcf-format-option{align-items:center;background:#fff;background:var(--wcf-bg);border:2px solid #e2e8f0;border:2px solid var(--wcf-border);border-radius:10px;border-radius:var(--wcf-radius);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-format-option svg{color:#94a3b8;color:var(--wcf-text-muted);font-size:1.5rem}.wcf-format-option span{color:#64748b;color:var(--wcf-text-secondary);font-size:.85rem;font-weight:500}.wcf-format-option.active,.wcf-format-option:hover{border-color:#3b82f6;border-color:var(--wcf-primary)}.wcf-format-option.active{background:#3b82f61a;background:var(--wcf-primary-light)}.wcf-format-option.active span,.wcf-format-option.active svg{color:#3b82f6;color:var(--wcf-primary)}.wcf-pricing-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.wcf-pricing-option{align-items:center;background:#fff;background:var(--wcf-bg);border:2px solid #e2e8f0;border:2px solid var(--wcf-border);border-radius:10px;border-radius:var(--wcf-radius);cursor:pointer;display:flex;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-pricing-option svg{color:#94a3b8;color:var(--wcf-text-muted);font-size:1.1rem}.wcf-pricing-option span{color:#64748b;color:var(--wcf-text-secondary);font-size:.9rem;font-weight:500}.wcf-pricing-option.active,.wcf-pricing-option:hover{border-color:#3b82f6;border-color:var(--wcf-primary)}.wcf-pricing-option.active{background:#3b82f61a;background:var(--wcf-primary-light)}.wcf-pricing-option.active span,.wcf-pricing-option.active svg{color:#3b82f6;color:var(--wcf-primary)}.wcf-info-box{align-items:flex-start;background:#06b6d41a;background:var(--wcf-info-light);border:1px solid #06b6d433;border-radius:10px;border-radius:var(--wcf-radius);display:flex;gap:12px;padding:14px}.wcf-info-box svg{color:#06b6d4;color:var(--wcf-info);flex-shrink:0;font-size:1.1rem;margin-top:2px}.wcf-info-box p{color:#1e293b;color:var(--wcf-text);font-size:.85rem;line-height:1.5;margin:0}.wcf-payment-section{margin-top:24px}.wcf-payment-section h4{align-items:center;color:#1e293b;color:var(--wcf-text);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 6px}.wcf-payment-subtitle{color:#64748b;color:var(--wcf-text-secondary);font-size:.85rem;margin:0 0 16px}.wcf-payment-method{border:1px solid #e2e8f0;border:1px solid var(--wcf-border);border-radius:10px;border-radius:var(--wcf-radius);margin-bottom:12px;overflow:hidden;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-payment-method.active{border-color:#3b82f6;border-color:var(--wcf-primary)}.wcf-payment-method-header{align-items:center;background:#f8fafc;background:var(--wcf-bg-secondary);display:flex;justify-content:space-between;padding:12px 14px}.wcf-checkbox{align-items:center;color:#1e293b;color:var(--wcf-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px}.wcf-checkbox input{display:none}.wcf-checkbox-mark{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--wcf-border);border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .2s ease;transition:var(--wcf-transition);width:18px}.wcf-checkbox input:checked+.wcf-checkbox-mark{background:#3b82f6;background:var(--wcf-primary);border-color:#3b82f6;border-color:var(--wcf-primary)}.wcf-checkbox input:checked+.wcf-checkbox-mark:after{color:#fff;content:"✓";font-size:.7rem;font-weight:700}.wcf-checkbox svg{color:#94a3b8;color:var(--wcf-text-muted)}.wcf-payment-status{align-items:center;border-radius:6px;border-radius:var(--wcf-radius-sm);display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.wcf-payment-status.complete{background:#10b9811a;background:var(--wcf-success-light);color:#10b981;color:var(--wcf-success)}.wcf-payment-fields{background:#fff;background:var(--wcf-bg);border-top:1px solid #f1f5f9;border-top:1px solid var(--wcf-border-light);display:flex;flex-direction:column;gap:10px;padding:14px}.wcf-schedule-info{align-items:center;background:#f8fafc;background:var(--wcf-bg-secondary);border-radius:10px;border-radius:var(--wcf-radius);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px}.wcf-schedule-meta{display:flex;flex-wrap:wrap;gap:16px}.wcf-schedule-meta span{align-items:center;color:#64748b;color:var(--wcf-text-secondary);display:flex;font-size:.85rem;gap:6px}.wcf-schedule-meta svg{color:#3b82f6;color:var(--wcf-primary)}.wcf-session-card{background:#fff;background:var(--wcf-bg);border:1px solid #e2e8f0;border:1px solid var(--wcf-border);border-radius:10px;border-radius:var(--wcf-radius);margin-bottom:12px;overflow:hidden;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-session-card.has-errors{border-color:#ef4444;border-color:var(--wcf-danger)}.wcf-session-header{align-items:center;background:#f8fafc;background:var(--wcf-bg-secondary);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wcf-border-light);display:flex;justify-content:space-between;padding:12px 14px}.wcf-session-day{display:flex;flex-direction:column;gap:2px}.wcf-day-number{color:#1e293b;color:var(--wcf-text);font-size:.9rem;font-weight:600}.wcf-day-date{color:#94a3b8;color:var(--wcf-text-muted);font-size:.75rem}.wcf-session-body{padding:14px}.wcf-session-body .wcf-form-group{margin-bottom:12px}.wcf-session-body .wcf-form-group:last-child{margin-bottom:0}.wcf-session-errors{background:#ef44441a;background:var(--wcf-danger-light);border-top:1px solid #ef444433;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.wcf-add-session{margin-top:4px;width:100%}.wcf-empty-schedule{align-items:center;color:#94a3b8;color:var(--wcf-text-muted);display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.wcf-empty-schedule svg{color:#f59e0b;color:var(--wcf-warning);font-size:2rem}.wcf-empty-schedule p{font-size:.9rem;margin:0}.wcf-settings-grid{display:flex;flex-direction:column;gap:12px}.wcf-setting-item{background:#f8fafc;background:var(--wcf-bg-secondary);border-radius:10px;border-radius:var(--wcf-radius);padding:4px}.wcf-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative}.wcf-toggle input{display:none}.wcf-toggle-slider{background:#e2e8f0;background:var(--wcf-border);border-radius:12px;flex-shrink:0;height:24px;position:relative;width:44px}.wcf-toggle-slider,.wcf-toggle-slider:before{transition:all .2s ease;transition:var(--wcf-transition)}.wcf-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--wcf-shadow-sm);content:"";height:18px;left:3px;position:absolute;top:3px;width:18px}.wcf-toggle input:checked+.wcf-toggle-slider{background:#3b82f6;background:var(--wcf-primary)}.wcf-toggle input:checked+.wcf-toggle-slider:before{transform:translateX(20px)}.wcf-toggle-content{align-items:flex-start;display:flex;flex:1 1;gap:10px}.wcf-toggle-content>svg{color:#94a3b8;color:var(--wcf-text-muted);font-size:1.1rem;margin-top:2px}.wcf-toggle-title{color:#1e293b;color:var(--wcf-text);display:block;font-size:.9rem;font-weight:500}.wcf-toggle-desc{color:#94a3b8;color:var(--wcf-text-muted);display:block;font-size:.8rem;margin-top:2px}.wcf-validation-summary{background:#f8fafc;background:var(--wcf-bg-secondary);border-radius:10px;border-radius:var(--wcf-radius);margin-top:24px;padding:16px}.wcf-validation-summary h4{color:#1e293b;color:var(--wcf-text);font-size:.9rem;font-weight:600;margin:0 0 12px}.wcf-validation-items{display:flex;flex-direction:column;gap:8px}.wcf-validation-item{align-items:center;border-radius:6px;border-radius:var(--wcf-radius-sm);display:flex;font-size:.85rem;gap:8px;padding:8px 10px}.wcf-validation-item svg{font-size:1rem}.wcf-validation-item.success{background:#10b9811a;background:var(--wcf-success-light);color:#10b981;color:var(--wcf-success)}.wcf-validation-item.pending{background:#f59e0b1a;background:var(--wcf-warning-light);color:#f59e0b;color:var(--wcf-warning)}.wcf-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--wcf-radius);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;outline:none;padding:10px 18px;transition:all .2s ease;transition:var(--wcf-transition)}.wcf-btn:disabled{cursor:not-allowed;opacity:.6}.wcf-btn-primary{background:#3b82f6;background:var(--wcf-primary);color:#fff}.wcf-btn-primary:hover:not(:disabled){background:#2563eb;background:var(--wcf-primary-hover)}.wcf-btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--wcf-border);color:#1e293b;color:var(--wcf-text)}.wcf-btn-outline:hover:not(:disabled){background:#f8fafc;background:var(--wcf-bg-secondary);border-color:#94a3b8;border-color:var(--wcf-text-muted)}.wcf-btn-ghost{background:#0000;color:#64748b;color:var(--wcf-text-secondary)}.wcf-btn-ghost:hover:not(:disabled){background:#f8fafc;background:var(--wcf-bg-secondary);color:#1e293b;color:var(--wcf-text)}.wcf-btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--wcf-radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;transition:var(--wcf-transition);width:32px}.wcf-btn-danger{color:#94a3b8;color:var(--wcf-text-muted)}.wcf-btn-danger:hover{background:#ef44441a;background:var(--wcf-danger-light);color:#ef4444;color:var(--wcf-danger)}.wcf-navigation{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--wcf-border);display:flex;justify-content:space-between;margin-top:8px;padding:20px 0}.wcf-nav-left,.wcf-nav-right{align-items:center;display:flex;gap:10px}.wcf-error-banner{align-items:flex-start;background:#ef44441a;background:var(--wcf-danger-light);border:1px solid #ef444433;border-radius:10px;border-radius:var(--wcf-radius);display:flex;gap:10px;margin-bottom:16px;padding:14px}.wcf-error-banner svg{color:#ef4444;color:var(--wcf-danger);flex-shrink:0;font-size:1.1rem}.wcf-error-banner p{color:#ef4444;color:var(--wcf-danger);font-size:.9rem;line-height:1.5;margin:0}.wcf-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.wcf-loading p{color:#64748b;color:var(--wcf-text-secondary);font-size:.9rem;margin:0}.wcf-spinner{animation:wcf-spin 1s linear infinite;color:#3b82f6;color:var(--wcf-primary);font-size:1.5rem}@keyframes wcf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.wcf-container{padding:16px}.wcf-header-content h1{font-size:1.5rem}.wcf-step-indicator{gap:0;justify-content:flex-start;padding:16px 0}.wcf-step-item{padding:8px 10px}.wcf-step-icon{font-size:.9rem;height:36px;width:36px}.wcf-step-label{display:none}.wcf-step-connector{width:24px}.wcf-step-content{padding:16px}.wcf-form-row{gap:12px}.wcf-form-row,.wcf-format-options,.wcf-pricing-options{grid-template-columns:1fr}.wcf-schedule-info{align-items:flex-start;flex-direction:column}.wcf-navigation{flex-direction:column-reverse;gap:12px}.wcf-nav-left,.wcf-nav-right{justify-content:center;width:100%}.wcf-nav-right{flex-direction:column}.wcf-nav-right .wcf-btn{width:100%}}@media (max-width:480px){.wcf-container{padding:12px}.wcf-step-content{padding:14px}.wcf-step-header{flex-direction:column;text-align:center}.wcf-step-header-icon{margin:0 auto}.wcf-toggle{flex-wrap:wrap}.wcf-toggle-content{margin-top:8px;width:100%}.wcf-validation-item{font-size:.8rem}.wcf-btn{font-size:.85rem;padding:10px 14px}}@media (prefers-color-scheme:dark){:root{--wcf-bg:#0f172a;--wcf-bg-secondary:#1e293b;--wcf-bg-tertiary:#334155;--wcf-text:#f1f5f9;--wcf-text-secondary:#94a3b8;--wcf-text-muted:#64748b;--wcf-border:#334155;--wcf-border-light:#1e293b}.wcf-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}:root{--wdf-primary:#3b82f6;--wdf-primary-light:#dbeafe;--wdf-secondary:#64748b;--wdf-success:#10b981;--wdf-success-light:#d1fae5;--wdf-warning:#f59e0b;--wdf-warning-light:#fef3c7;--wdf-danger:#ef4444;--wdf-danger-light:#fee2e2;--wdf-purple:#8b5cf6;--wdf-purple-light:#ede9fe;--wdf-pink:#ec4899;--wdf-pink-light:#fce7f3;--wdf-cyan:#06b6d4;--wdf-cyan-light:#cffafe;--wdf-indigo:#6366f1;--wdf-indigo-light:#e0e7ff;--wdf-amber:#f59e0b;--wdf-amber-light:#fef3c7;--wdf-text-primary:#0f172a;--wdf-text-secondary:#475569;--wdf-text-muted:#94a3b8;--wdf-border:#e2e8f0;--wdf-border-light:#f1f5f9;--wdf-bg:#fff;--wdf-bg-subtle:#f8fafc;--wdf-bg-hover:#f1f5f9;--wdf-shadow-sm:0 1px 2px #0000000a;--wdf-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--wdf-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--wdf-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--wdf-radius-sm:6px;--wdf-radius:10px;--wdf-radius-lg:14px;--wdf-radius-xl:18px;--wdf-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.wdf-container,.wdf-container .wdf-section,.wdf-container section{margin-top:0!important;padding-top:0!important}.wdf-container{background:#0000;max-width:100%;padding:0}.wdf-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wdf-border);gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.wdf-header,.wdf-header-left{align-items:center;display:flex}.wdf-header-left{gap:8px}.wdf-header-icon{align-items:center;background:#ede9fe;background:var(--wdf-purple-light);border-radius:6px;color:#8b5cf6;color:var(--wdf-purple);display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.wdf-header-title{color:#0f172a;color:var(--wdf-text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}.wdf-header-count{background:#fff;background:var(--wdf-bg);border-radius:8px;color:#94a3b8;color:var(--wdf-text-muted);font-size:.75rem;font-weight:500;padding:2px 6px}.wdf-create-btn{align-items:center;background:#8b5cf6;background:var(--wdf-purple);border:none;border-radius:6px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--wdf-shadow);color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-create-btn:hover{background:#7c3aed;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--wdf-shadow-md);transform:translateY(-1px)}.wdf-filters{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.wdf-filter-group,.wdf-filters{align-items:center;display:flex}.wdf-filter-group{gap:6px}.wdf-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--wdf-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#0f172a;color:var(--wdf-text-primary);cursor:pointer;font-size:.8125rem;min-width:100px;padding:5px 26px 5px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-filter-select:focus{border-color:#8b5cf6;border-color:var(--wdf-purple);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--wdf-purple-light);outline:none}.wdf-search-wrapper{flex:1 1;max-width:250px;min-width:150px;position:relative}.wdf-search-input{background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#0f172a;color:var(--wdf-text-primary);font-size:.8125rem;padding:5px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition);width:100%}.wdf-search-input:focus{border-color:#8b5cf6;border-color:var(--wdf-purple);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--wdf-purple-light);outline:none}.wdf-list{display:flex;flex-direction:column;gap:14px}.wdf-card{background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:14px;border-radius:var(--wdf-radius-lg);padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-card:hover{border-color:#8b5cf6;border-color:var(--wdf-purple);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--wdf-shadow-md)}.wdf-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.wdf-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.wdf-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.6875rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.wdf-badge-question{background:#dbeafe;background:var(--wdf-primary-light);color:#3b82f6;color:var(--wdf-primary)}.wdf-badge-discussion{background:#ede9fe;background:var(--wdf-purple-light);color:#8b5cf6;color:var(--wdf-purple)}.wdf-badge-announcement{background:#fef3c7;background:var(--wdf-warning-light);color:#f59e0b;color:var(--wdf-warning)}.wdf-badge-day{background:#d1fae5;background:var(--wdf-success-light);color:#10b981;color:var(--wdf-success)}.wdf-badge-pinned{background:#fef3c7;background:var(--wdf-amber-light);color:#b45309}.wdf-badge-resolved{background:#d1fae5;background:var(--wdf-success-light);color:#10b981;color:var(--wdf-success)}.wdf-card-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.wdf-upvote-btn{align-items:center;background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#475569;color:var(--wdf-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-upvote-btn:hover{background:#dbeafe;background:var(--wdf-primary-light);border-color:#3b82f6;border-color:var(--wdf-primary);color:#3b82f6;color:var(--wdf-primary)}.wdf-resolve-btn{align-items:center;background:#10b981;background:var(--wdf-success);border:none;border-radius:6px;border-radius:var(--wdf-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-resolve-btn:hover{background:#059669}.wdf-card-title{color:#0f172a;color:var(--wdf-text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.wdf-card-content{color:#475569;color:var(--wdf-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:12px}.wdf-see-more-btn{background:none;border:none;color:#3b82f6;color:var(--wdf-primary);cursor:pointer;font-size:.8125rem;font-weight:600;margin-left:4px;padding:0}.wdf-see-more-btn:hover{text-decoration:underline}.wdf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.wdf-tag{background:#f8fafc;background:var(--wdf-bg-subtle);border-radius:4px;color:#475569;color:var(--wdf-text-secondary);font-size:.6875rem;font-weight:500;padding:3px 8px}.wdf-card-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--wdf-border-light);justify-content:space-between;padding-top:12px}.wdf-author,.wdf-card-footer{align-items:center;display:flex}.wdf-author{gap:10px}.wdf-author-avatar{object-fit:cover}.wdf-author-avatar,.wdf-author-fallback{border-radius:50%;height:32px;width:32px}.wdf-author-fallback{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--wdf-purple),var(--wdf-pink));color:#fff;display:none;font-size:.75rem;font-weight:600;justify-content:center}.wdf-author-info{align-items:center;display:flex;gap:8px}.wdf-author-name{color:#0f172a;color:var(--wdf-text-primary);font-size:.8125rem;font-weight:500}.wdf-separator,.wdf-time{color:#94a3b8;color:var(--wdf-text-muted);font-size:.75rem}.wdf-stats{gap:10px}.wdf-stat-btn,.wdf-stats{align-items:center;display:flex}.wdf-stat-btn{background:#f8fafc;background:var(--wdf-bg-subtle);border:none;border-radius:6px;border-radius:var(--wdf-radius-sm);color:#475569;color:var(--wdf-text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-stat-btn:hover{background:#f1f5f9;background:var(--wdf-bg-hover);color:#0f172a;color:var(--wdf-text-primary)}.wdf-replies{border-top:1px solid #f1f5f9;border-top:1px solid var(--wdf-border-light);margin-top:16px;padding-top:16px}.wdf-reply-card{background:#f8fafc;background:var(--wdf-bg-subtle);border-radius:10px;border-radius:var(--wdf-radius);display:flex;gap:12px;margin-bottom:10px;padding:12px}.wdf-reply-card:last-child{margin-bottom:0}.wdf-reply-avatar{object-fit:cover}.wdf-reply-avatar,.wdf-reply-avatar-fallback{border-radius:50%;flex-shrink:0;height:28px;width:28px}.wdf-reply-avatar-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--wdf-primary),var(--wdf-cyan));color:#fff;display:none;font-size:.6875rem;font-weight:600;justify-content:center}.wdf-reply-content{flex:1 1}.wdf-reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.wdf-reply-info{align-items:center;display:flex;gap:8px}.wdf-reply-name{color:#0f172a;color:var(--wdf-text-primary);font-size:.8125rem;font-weight:600}.wdf-reply-time{font-size:.6875rem}.wdf-reply-time,.wdf-reply-upvote{color:#94a3b8;color:var(--wdf-text-muted)}.wdf-reply-upvote{align-items:center;background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-reply-upvote:hover{background:#dbeafe;background:var(--wdf-primary-light);border-color:#3b82f6;border-color:var(--wdf-primary);color:#3b82f6;color:var(--wdf-primary)}.wdf-reply-text{color:#475569;color:var(--wdf-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.wdf-reply-form{background:#f8fafc;background:var(--wdf-bg-subtle);border-radius:10px;border-radius:var(--wdf-radius);margin-top:14px;padding:14px}.wdf-reply-textarea{background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#0f172a;color:var(--wdf-text-primary);font-size:.875rem;min-height:80px;padding:10px 12px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition);width:100%}.wdf-reply-textarea:focus{border-color:#8b5cf6;border-color:var(--wdf-purple);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--wdf-purple-light);outline:none}.wdf-reply-actions{display:flex;gap:10px;margin-top:10px}.wdf-empty{flex-direction:column;padding:60px 24px;text-align:center}.wdf-empty,.wdf-empty-icon{align-items:center;display:flex;justify-content:center}.wdf-empty-icon{background:#ede9fe;background:var(--wdf-purple-light);border-radius:50%;color:#8b5cf6;color:var(--wdf-purple);font-size:28px;height:64px;margin-bottom:16px;width:64px}.wdf-empty-title{color:#0f172a;color:var(--wdf-text-primary);font-size:1rem;font-weight:600;margin:0 0 6px}.wdf-empty-text{color:#94a3b8;color:var(--wdf-text-muted);font-size:.875rem;margin:0}.wdf-access-denied{background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:14px;border-radius:var(--wdf-radius-lg);flex-direction:column;padding:60px 24px;text-align:center}.wdf-access-denied,.wdf-access-denied-icon{align-items:center;display:flex;justify-content:center}.wdf-access-denied-icon{background:#fef3c7;background:var(--wdf-warning-light);border-radius:50%;color:#f59e0b;color:var(--wdf-warning);font-size:32px;height:72px;margin-bottom:20px;width:72px}.wdf-access-denied-title{color:#0f172a;color:var(--wdf-text-primary);font-size:1.125rem;font-weight:700;margin:0 0 8px}.wdf-access-denied-text{color:#475569;color:var(--wdf-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 20px;max-width:320px}.wdf-loading{color:#94a3b8;color:var(--wdf-text-muted);font-size:.875rem;gap:16px;justify-content:center;padding:60px 24px}.wdf-error,.wdf-loading{align-items:center;display:flex;flex-direction:column}.wdf-error{background:#fee2e2;background:var(--wdf-danger-light);border:1px solid #fca5a5;border-radius:14px;border-radius:var(--wdf-radius-lg);padding:48px 24px;text-align:center}.wdf-error-text{color:#ef4444;color:var(--wdf-danger);font-size:.875rem;margin:0 0 16px}.wdf-retry-btn{background:#ef4444;background:var(--wdf-danger);border:none;border-radius:6px;border-radius:var(--wdf-radius-sm);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-retry-btn:hover{background:#dc2626}.wdf-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.wdf-modal{background:#fff;background:var(--wdf-bg);border-radius:18px;border-radius:var(--wdf-radius-xl);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--wdf-shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.wdf-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wdf-border);display:flex;justify-content:space-between;padding:20px 24px}.wdf-modal-title{color:#0f172a;color:var(--wdf-text-primary);font-size:1.125rem;font-weight:700;margin:0}.wdf-modal-close{align-items:center;background:#f8fafc;background:var(--wdf-bg-subtle);border:none;border-radius:50%;color:#475569;color:var(--wdf-text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition);width:32px}.wdf-modal-close:hover{background:#f1f5f9;background:var(--wdf-bg-hover);color:#0f172a;color:var(--wdf-text-primary)}.wdf-modal-body{padding:24px}.wdf-form-group{margin-bottom:18px}.wdf-form-label{color:#0f172a;color:var(--wdf-text-primary);display:block;font-size:.8125rem;font-weight:600;margin-bottom:6px}.wdf-form-label .required{color:#ef4444;color:var(--wdf-danger);margin-left:2px}.wdf-form-input,.wdf-form-select,.wdf-form-textarea{background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#0f172a;color:var(--wdf-text-primary);font-size:.875rem;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition);width:100%}.wdf-form-input:focus,.wdf-form-select:focus,.wdf-form-textarea:focus{border-color:#8b5cf6;border-color:var(--wdf-purple);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--wdf-purple-light);outline:none}.wdf-form-textarea{min-height:100px;resize:vertical}.wdf-tag-input-wrapper{display:flex;gap:8px}.wdf-tag-input{background:#fff;background:var(--wdf-bg);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#0f172a;color:var(--wdf-text-primary);flex:1 1;font-size:.875rem;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-tag-input:focus{border-color:#8b5cf6;border-color:var(--wdf-purple);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--wdf-purple-light);outline:none}.wdf-add-tag-btn{background:#f8fafc;background:var(--wdf-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--wdf-border);border-radius:6px;border-radius:var(--wdf-radius-sm);color:#475569;color:var(--wdf-text-secondary);cursor:pointer;font-size:.8125rem;font-weight:600;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-add-tag-btn:hover{background:#f1f5f9;background:var(--wdf-bg-hover);color:#0f172a;color:var(--wdf-text-primary)}.wdf-tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.wdf-tag-item{background:#ede9fe;background:var(--wdf-purple-light);border-radius:20px;color:#8b5cf6;color:var(--wdf-purple);font-size:.75rem;font-weight:500;gap:6px;padding:5px 10px}.wdf-tag-item,.wdf-tag-remove{align-items:center;display:flex}.wdf-tag-remove{background:#8b5cf6;background:var(--wdf-purple);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:16px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition);width:16px}.wdf-tag-remove:hover{background:#7c3aed}.wdf-form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--wdf-border);display:flex;gap:12px;margin-top:24px;padding-top:20px}.wdf-btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--wdf-radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wdf-transition)}.wdf-btn-primary{background:#8b5cf6;background:var(--wdf-purple);color:#fff}.wdf-btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}.wdf-btn-secondary{background:#fff;background:var(--wdf-bg);border-color:#e2e8f0;border-color:var(--wdf-border);color:#475569;color:var(--wdf-text-secondary)}.wdf-btn-secondary:hover{background:#f1f5f9;background:var(--wdf-bg-hover);color:#0f172a;color:var(--wdf-text-primary)}@media (max-width:768px){.wdf-header{align-items:center;flex-direction:row;gap:8px}.wdf-filters{flex-direction:row;flex-wrap:wrap;gap:6px}.wdf-filter-group{flex-wrap:wrap;gap:5px}.wdf-filter-select{flex:0 1 auto;min-width:70px}.wdf-search-wrapper{flex:1 1;max-width:none;min-width:120px}.wdf-card-header{flex-direction:column;gap:8px}.wdf-card-footer{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.wdf-header{align-items:center;flex-direction:row}.wdf-header-title{font-size:.9375rem}.wdf-header-count{display:none}.wdf-create-btn{font-size:.7rem;padding:5px 8px}.wdf-create-btn span{display:none}.wdf-filters{gap:5px}.wdf-filter-select{font-size:.75rem;min-width:70px;padding:4px 22px 4px 6px}.wdf-search-input{font-size:.75rem;padding:4px 8px}.wdf-card{padding:10px}.wdf-card-actions{flex-wrap:wrap}}:root{--wrl-primary:#3b82f6;--wrl-primary-light:#dbeafe;--wrl-secondary:#64748b;--wrl-success:#10b981;--wrl-success-light:#d1fae5;--wrl-warning:#f59e0b;--wrl-warning-light:#fef3c7;--wrl-danger:#ef4444;--wrl-danger-light:#fee2e2;--wrl-purple:#8b5cf6;--wrl-purple-light:#ede9fe;--wrl-pink:#ec4899;--wrl-pink-light:#fce7f3;--wrl-cyan:#06b6d4;--wrl-cyan-light:#cffafe;--wrl-indigo:#6366f1;--wrl-indigo-light:#e0e7ff;--wrl-text-primary:#0f172a;--wrl-text-secondary:#475569;--wrl-text-muted:#94a3b8;--wrl-border:#e2e8f0;--wrl-border-light:#f1f5f9;--wrl-bg:#fff;--wrl-bg-subtle:#f8fafc;--wrl-bg-hover:#f1f5f9;--wrl-shadow-sm:0 1px 2px #0000000a;--wrl-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--wrl-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--wrl-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--wrl-radius-sm:6px;--wrl-radius:10px;--wrl-radius-lg:14px;--wrl-radius-xl:18px;--wrl-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.wrl-container,.wrl-container .wrl-section,.wrl-container section{margin-top:0!important;padding-top:0!important}.wrl-container{background:#0000;max-width:100%;padding:0}.wrl-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wrl-border);gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.wrl-header,.wrl-header-left{align-items:center;display:flex}.wrl-header-left{gap:8px}.wrl-header-icon{align-items:center;background:#dbeafe;background:var(--wrl-primary-light);border-radius:6px;color:#3b82f6;color:var(--wrl-primary);display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.wrl-header-title{color:#0f172a;color:var(--wrl-text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}.wrl-header-count{background:#fff;background:var(--wrl-bg);border-radius:8px;color:#94a3b8;color:var(--wrl-text-muted);font-size:.75rem;font-weight:500;padding:2px 6px}.wrl-upload-btn{align-items:center;background:#3b82f6;background:var(--wrl-primary);border:none;border-radius:6px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--wrl-shadow);color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-upload-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--wrl-shadow-md);transform:translateY(-1px)}.wrl-upload-btn:active{transform:translateY(0)}.wrl-filters{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.wrl-filter-group,.wrl-filters{align-items:center;display:flex}.wrl-filter-group{gap:6px}.wrl-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--wrl-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:6px;border-radius:var(--wrl-radius-sm);color:#0f172a;color:var(--wrl-text-primary);cursor:pointer;font-size:.8125rem;min-width:100px;padding:5px 26px 5px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-filter-select:focus{border-color:#3b82f6;border-color:var(--wrl-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--wrl-primary-light);outline:none}.wrl-search-wrapper{flex:1 1;max-width:250px;min-width:150px;position:relative}.wrl-search-input{background:#fff;background:var(--wrl-bg);border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:6px;border-radius:var(--wrl-radius-sm);color:#0f172a;color:var(--wrl-text-primary);font-size:.8125rem;padding:5px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition);width:100%}.wrl-search-input:focus{border-color:#3b82f6;border-color:var(--wrl-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--wrl-primary-light);outline:none}.wrl-search-input::placeholder{color:#94a3b8;color:var(--wrl-text-muted)}.wrl-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wrl-card{background:#fff;background:var(--wrl-bg);border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:14px;border-radius:var(--wrl-radius-lg);display:flex;flex-direction:column;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-card:hover{border-color:#3b82f6;border-color:var(--wrl-primary);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--wrl-shadow-md);transform:translateY(-2px)}.wrl-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.wrl-card-icon{align-items:center;border-radius:10px;border-radius:var(--wrl-radius);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.wrl-card-icon.pdf{background:#fee2e2;color:#dc2626}.wrl-card-icon.link{background:#dbeafe;background:var(--wrl-primary-light);color:#3b82f6;color:var(--wrl-primary)}.wrl-card-icon.video{background:#ede9fe;background:var(--wrl-purple-light);color:#8b5cf6;color:var(--wrl-purple)}.wrl-card-icon.document{background:#cffafe;background:var(--wrl-cyan-light);color:#06b6d4;color:var(--wrl-cyan)}.wrl-card-icon.assignment{background:#fef3c7;background:var(--wrl-warning-light);color:#f59e0b;color:var(--wrl-warning)}.wrl-card-icon.slides{background:#fce7f3;background:var(--wrl-pink-light);color:#ec4899;color:var(--wrl-pink)}.wrl-card-icon.presentation{background:#fce7f3;color:#db2777}.wrl-card-icon.worksheet{background:#d1fae5;background:var(--wrl-success-light);color:#10b981;color:var(--wrl-success)}.wrl-card-icon.reading{background:#e0e7ff;background:var(--wrl-indigo-light);color:#6366f1;color:var(--wrl-indigo)}.wrl-card-icon.code{background:#1e293b;color:#10b981}.wrl-card-icon.image{background:#fef3c7;color:#d97706}.wrl-card-icon.audio{background:#fce7f3;color:#ec4899}.wrl-card-icon.default{background:#f8fafc;background:var(--wrl-bg-subtle);color:#475569;color:var(--wrl-text-secondary)}.wrl-card-info{flex:1 1;min-width:0}.wrl-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--wrl-text-primary);display:-webkit-box;font-size:.9375rem;font-weight:600;line-height:1.4;margin:0 0 4px;overflow:hidden}.wrl-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.wrl-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.6875rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase}.wrl-badge-type{background:#dbeafe;background:var(--wrl-primary-light);color:#3b82f6;color:var(--wrl-primary)}.wrl-badge-day{background:#d1fae5;background:var(--wrl-success-light);color:#10b981;color:var(--wrl-success)}.wrl-badge-date{background:#f8fafc;background:var(--wrl-bg-subtle);color:#94a3b8;color:var(--wrl-text-muted);font-weight:500;text-transform:none}.wrl-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;color:var(--wrl-text-secondary);display:-webkit-box;font-size:.8125rem;line-height:1.5;margin-bottom:12px;overflow:hidden}.wrl-uploader{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--wrl-border-light);display:flex;gap:10px;margin-bottom:12px;padding:10px 0}.wrl-uploader-avatar{object-fit:cover}.wrl-uploader-avatar,.wrl-uploader-fallback{border-radius:50%;flex-shrink:0;height:28px;width:28px}.wrl-uploader-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--wrl-primary),var(--wrl-purple));color:#fff;display:none;font-size:.75rem;font-weight:600;justify-content:center}.wrl-uploader-info{flex:1 1;min-width:0}.wrl-uploader-name{color:#475569;color:var(--wrl-text-secondary);display:block;font-size:.75rem}.wrl-uploader-date{color:#94a3b8;color:var(--wrl-text-muted);font-size:.6875rem}.wrl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.wrl-tag{background:#f8fafc;background:var(--wrl-bg-subtle);border-radius:4px;color:#475569;color:var(--wrl-text-secondary);font-size:.6875rem;font-weight:500;padding:3px 8px}.wrl-card-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--wrl-border-light);display:flex;gap:8px;margin-top:auto;padding-top:12px}.wrl-btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--wrl-radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-btn-primary{background:#3b82f6;background:var(--wrl-primary);color:#fff}.wrl-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.wrl-btn-secondary{background:#fff;background:var(--wrl-bg);border-color:#e2e8f0;border-color:var(--wrl-border);color:#475569;color:var(--wrl-text-secondary)}.wrl-btn-secondary:hover{background:#f1f5f9;background:var(--wrl-bg-hover);color:#0f172a;color:var(--wrl-text-primary)}.wrl-btn-danger{background:#fff;background:var(--wrl-bg);border-color:#ef4444;border-color:var(--wrl-danger);color:#ef4444;color:var(--wrl-danger)}.wrl-btn-danger:hover{background:#fee2e2;background:var(--wrl-danger-light)}.wrl-btn-icon-only{flex:0 0 auto;padding:8px;width:36px}.wrl-empty{flex-direction:column;grid-column:1/-1;padding:48px 24px;text-align:center}.wrl-empty,.wrl-empty-icon{align-items:center;display:flex;justify-content:center}.wrl-empty-icon{background:#f8fafc;background:var(--wrl-bg-subtle);border-radius:50%;color:#94a3b8;color:var(--wrl-text-muted);font-size:28px;height:64px;margin-bottom:16px;width:64px}.wrl-empty-title{color:#0f172a;color:var(--wrl-text-primary);font-size:1rem;font-weight:600;margin:0 0 6px}.wrl-empty-text{color:#94a3b8;color:var(--wrl-text-muted);font-size:.875rem;line-height:1.5;margin:0;max-width:280px}.wrl-access-denied{background:#fff;background:var(--wrl-bg);border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:14px;border-radius:var(--wrl-radius-lg);flex-direction:column;padding:60px 24px;text-align:center}.wrl-access-denied,.wrl-access-denied-icon{align-items:center;display:flex;justify-content:center}.wrl-access-denied-icon{background:#fef3c7;background:var(--wrl-warning-light);border-radius:50%;color:#f59e0b;color:var(--wrl-warning);font-size:32px;height:72px;margin-bottom:20px;width:72px}.wrl-access-denied-title{color:#0f172a;color:var(--wrl-text-primary);font-size:1.125rem;font-weight:700;margin:0 0 8px}.wrl-access-denied-text{color:#475569;color:var(--wrl-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 20px;max-width:320px}.wrl-error{align-items:center;background:#fee2e2;background:var(--wrl-danger-light);border:1px solid #fca5a5;border-radius:14px;border-radius:var(--wrl-radius-lg);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.wrl-error-text{color:#ef4444;color:var(--wrl-danger);font-size:.875rem;margin:0 0 16px}.wrl-retry-btn{background:#ef4444;background:var(--wrl-danger);border:none;border-radius:6px;border-radius:var(--wrl-radius-sm);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-retry-btn:hover{background:#dc2626}.wrl-loading{color:#94a3b8;color:var(--wrl-text-muted);flex-direction:column;font-size:.875rem;gap:16px;padding:60px 24px}.wrl-loading,.wrl-modal-overlay{align-items:center;display:flex;justify-content:center}.wrl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;inset:0;padding:20px;position:fixed;z-index:1000}.wrl-upload-modal{background:#fff;background:var(--wrl-bg);border-radius:18px;border-radius:var(--wrl-radius-xl);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--wrl-shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.wrl-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wrl-border);display:flex;justify-content:space-between;padding:20px 24px}.wrl-modal-title{color:#0f172a;color:var(--wrl-text-primary);font-size:1.125rem;font-weight:700;margin:0}.wrl-modal-close{align-items:center;background:#f8fafc;background:var(--wrl-bg-subtle);border:none;border-radius:50%;color:#475569;color:var(--wrl-text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition);width:32px}.wrl-modal-close:hover{background:#f1f5f9;background:var(--wrl-bg-hover);color:#0f172a;color:var(--wrl-text-primary)}.wrl-modal-body{padding:24px}.wrl-form-group{margin-bottom:18px}.wrl-form-label{color:#0f172a;color:var(--wrl-text-primary);display:block;font-size:.8125rem;font-weight:600;margin-bottom:6px}.wrl-form-label .required{color:#ef4444;color:var(--wrl-danger);margin-left:2px}.wrl-form-input,.wrl-form-select,.wrl-form-textarea{background:#fff;background:var(--wrl-bg);border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:6px;border-radius:var(--wrl-radius-sm);color:#0f172a;color:var(--wrl-text-primary);font-size:.875rem;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition);width:100%}.wrl-form-input:focus,.wrl-form-select:focus,.wrl-form-textarea:focus{border-color:#3b82f6;border-color:var(--wrl-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--wrl-primary-light);outline:none}.wrl-form-textarea{min-height:80px;resize:vertical}.wrl-form-hint{color:#94a3b8;color:var(--wrl-text-muted);font-size:.75rem;margin-top:4px}.wrl-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wrl-tag-input-wrapper{display:flex;gap:8px}.wrl-tag-input{background:#fff;background:var(--wrl-bg);border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:6px;border-radius:var(--wrl-radius-sm);color:#0f172a;color:var(--wrl-text-primary);flex:1 1;font-size:.875rem;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-tag-input:focus{border-color:#3b82f6;border-color:var(--wrl-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--wrl-primary-light);outline:none}.wrl-add-tag-btn{background:#f8fafc;background:var(--wrl-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--wrl-border);border-radius:6px;border-radius:var(--wrl-radius-sm);color:#475569;color:var(--wrl-text-secondary);cursor:pointer;font-size:.8125rem;font-weight:600;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition)}.wrl-add-tag-btn:hover{background:#f1f5f9;background:var(--wrl-bg-hover);color:#0f172a;color:var(--wrl-text-primary)}.wrl-tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.wrl-tag-item{background:#dbeafe;background:var(--wrl-primary-light);border-radius:20px;color:#3b82f6;color:var(--wrl-primary);font-size:.75rem;font-weight:500;gap:6px;padding:5px 10px}.wrl-tag-item,.wrl-tag-remove{align-items:center;display:flex}.wrl-tag-remove{background:#3b82f6;background:var(--wrl-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:16px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wrl-transition);width:16px}.wrl-tag-remove:hover{background:#2563eb}.wrl-form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--wrl-border);display:flex;gap:12px;margin-top:24px;padding-top:20px}.wrl-form-actions .wrl-btn{flex:1 1}@media (max-width:768px){.wrl-header{gap:10px}.wrl-header,.wrl-header-info{align-items:center;flex-direction:row}.wrl-filters{flex-direction:row;flex-wrap:wrap;gap:6px}.wrl-filter-group{flex-wrap:wrap;gap:5px}.wrl-filter-select{flex:0 1 auto;min-width:70px}.wrl-search-wrapper{flex:1 1;max-width:none;min-width:120px}.wrl-form-row,.wrl-grid{grid-template-columns:1fr}.wrl-card-actions{flex-wrap:wrap}.wrl-btn{flex:1 1 auto;min-width:80px}}@media (max-width:480px){.wrl-header{align-items:center;flex-direction:row}.wrl-header-title{font-size:.9375rem}.wrl-header-count{display:none}.wrl-upload-btn{font-size:.7rem;padding:5px 8px}.wrl-upload-btn span{display:none}.wrl-filters{gap:5px}.wrl-filter-select{font-size:.75rem;min-width:70px;padding:4px 22px 4px 6px}.wrl-search-input{font-size:.75rem;padding:4px 8px}.wrl-card{padding:10px}.wrl-card-icon{font-size:14px;height:30px;width:30px}}:root{--wpm-primary:#3b82f6;--wpm-primary-light:#dbeafe;--wpm-secondary:#64748b;--wpm-success:#10b981;--wpm-success-light:#d1fae5;--wpm-warning:#f59e0b;--wpm-warning-light:#fef3c7;--wpm-danger:#ef4444;--wpm-danger-light:#fee2e2;--wpm-purple:#8b5cf6;--wpm-purple-light:#ede9fe;--wpm-pink:#ec4899;--wpm-pink-light:#fce7f3;--wpm-cyan:#06b6d4;--wpm-cyan-light:#cffafe;--wpm-indigo:#6366f1;--wpm-indigo-light:#e0e7ff;--wpm-amber:#f59e0b;--wpm-amber-light:#fef3c7;--wpm-text-primary:#0f172a;--wpm-text-secondary:#475569;--wpm-text-muted:#94a3b8;--wpm-border:#e2e8f0;--wpm-border-light:#f1f5f9;--wpm-bg:#fff;--wpm-bg-subtle:#f8fafc;--wpm-bg-hover:#f1f5f9;--wpm-shadow-sm:0 1px 2px #0000000a;--wpm-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--wpm-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--wpm-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--wpm-radius-sm:6px;--wpm-radius:10px;--wpm-radius-lg:14px;--wpm-radius-xl:18px;--wpm-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.wpm-container,.wpm-container .wpm-section,.wpm-container section{margin-top:0!important;padding-top:0!important}.wpm-container{background:#0000;max-width:100%;padding:0}.wpm-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wpm-border);gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.wpm-header,.wpm-header-left{align-items:center;display:flex}.wpm-header-left{gap:8px}.wpm-header-icon{align-items:center;background:#e0e7ff;background:var(--wpm-indigo-light);border-radius:6px;color:#6366f1;color:var(--wpm-indigo);display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.wpm-header-title{color:#0f172a;color:var(--wpm-text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}.wpm-header-count{background:#fff;background:var(--wpm-bg);border-radius:8px;color:#94a3b8;color:var(--wpm-text-muted);font-size:.75rem;font-weight:500;padding:2px 6px}.wpm-header-actions{display:flex;gap:6px}.wpm-export-btn{align-items:center;background:#fff;background:var(--wpm-bg);border:1px solid #e2e8f0;border:1px solid var(--wpm-border);border-radius:6px;color:#475569;color:var(--wpm-text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition)}.wpm-export-btn:hover:not(:disabled){background:#f1f5f9;background:var(--wpm-bg-hover);border-color:#3b82f6;border-color:var(--wpm-primary);color:#0f172a;color:var(--wpm-text-primary)}.wpm-export-btn:disabled{cursor:not-allowed;opacity:.5}.wpm-tabs{background:#fff;background:var(--wpm-bg);border:1px solid #e2e8f0;border:1px solid var(--wpm-border);border-radius:8px;display:flex;gap:0;margin-bottom:12px;overflow:hidden;overflow-x:auto}.wpm-tab{background:#0000;border:none;border-right:1px solid #e2e8f0;border-right:1px solid var(--wpm-border);color:#475569;color:var(--wpm-text-secondary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;min-width:80px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition);white-space:nowrap}.wpm-tab:last-child{border-right:none}.wpm-tab:hover:not(.active){background:#f8fafc;background:var(--wpm-bg-subtle);color:#0f172a;color:var(--wpm-text-primary)}.wpm-tab.active{background:#dbeafe;background:var(--wpm-primary-light);color:#3b82f6;color:var(--wpm-primary);font-weight:600}.wpm-tab-count{align-items:center;background:#f8fafc;background:var(--wpm-bg-subtle);border-radius:10px;display:inline-flex;font-size:.6875rem;font-weight:600;height:20px;justify-content:center;margin-left:6px;min-width:20px;padding:0 6px}.wpm-tab.active .wpm-tab-count{background:#3b82f6;background:var(--wpm-primary);color:#fff}.wpm-bulk-actions{align-items:center;background:#e0e7ff;background:var(--wpm-indigo-light);border:1px solid #c7d2fe;border-radius:10px;border-radius:var(--wpm-radius);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:14px 18px}.wpm-bulk-left{align-items:center;display:flex;gap:12px}.wpm-bulk-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--wpm-radius-sm);color:#6366f1;color:var(--wpm-indigo);cursor:pointer;font-size:.8125rem;font-weight:600;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition)}.wpm-bulk-btn:hover{background:#6366f126}.wpm-bulk-count{color:#6366f1;color:var(--wpm-indigo);font-size:.8125rem;font-weight:500}.wpm-bulk-right{display:flex;gap:8px}.wpm-approve-all-btn{align-items:center;background:#10b981;background:var(--wpm-success);border:none;border-radius:6px;border-radius:var(--wpm-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition)}.wpm-approve-all-btn:hover:not(:disabled){background:#059669}.wpm-approve-all-btn:disabled{cursor:not-allowed;opacity:.5}.wpm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.wpm-card{background:#fff;background:var(--wpm-bg);border:1px solid #e2e8f0;border:1px solid var(--wpm-border);border-radius:14px;border-radius:var(--wpm-radius-lg);padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition)}.wpm-card:hover{border-color:#3b82f6;border-color:var(--wpm-primary);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--wpm-shadow-md)}.wpm-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.wpm-checkbox{accent-color:#6366f1;accent-color:var(--wpm-indigo);cursor:pointer;flex-shrink:0;height:16px;width:16px}.wpm-avatar{object-fit:cover}.wpm-avatar,.wpm-avatar-fallback{border-radius:50%;flex-shrink:0;height:40px;width:40px}.wpm-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--wpm-indigo),var(--wpm-purple));color:#fff;display:none;font-size:.875rem;font-weight:600;justify-content:center}.wpm-user-info{flex:1 1;min-width:0}.wpm-user-name{color:#0f172a;color:var(--wpm-text-primary);font-size:.875rem;font-weight:600;margin:0 0 2px}.wpm-user-email,.wpm-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpm-user-email{color:#94a3b8;color:var(--wpm-text-muted);font-size:.7rem;margin:0 0 6px;word-break:break-all}.wpm-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.625rem;font-weight:600;gap:3px;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase}.wpm-status-pending{background:#fef3c7;background:var(--wpm-warning-light);color:#b45309}.wpm-status-approved{background:#d1fae5;background:var(--wpm-success-light);color:#10b981;color:var(--wpm-success)}.wpm-status-rejected{background:#fee2e2;background:var(--wpm-danger-light);color:#ef4444;color:var(--wpm-danger)}.wpm-status-payment-pending,.wpm-status-payment_pending{background:#ede9fe;background:var(--wpm-purple-light);color:#8b5cf6;color:var(--wpm-purple)}.wpm-card-details{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wpm-border-light);border-top:1px solid #f1f5f9;border-top:1px solid var(--wpm-border-light);margin-bottom:14px;padding:12px 0}.wpm-detail-row{display:flex;gap:8px;margin-bottom:8px}.wpm-detail-row:last-child{margin-bottom:0}.wpm-detail-label{color:#475569;color:var(--wpm-text-secondary);font-size:.75rem;font-weight:600;min-width:80px}.wpm-detail-value{color:#0f172a;color:var(--wpm-text-primary);flex:1 1;font-size:.75rem}.wpm-applied-date{color:#94a3b8;color:var(--wpm-text-muted);font-size:.6875rem;margin-top:4px}.wpm-payment-section{background:#f8fafc;background:var(--wpm-bg-subtle);border-radius:10px;border-radius:var(--wpm-radius);margin-bottom:14px;padding:12px}.wpm-payment-title{align-items:center;color:#0f172a;color:var(--wpm-text-primary);display:flex;font-size:.75rem;font-weight:600;gap:6px;margin:0 0 10px}.wpm-payment-details{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.wpm-payment-row{display:flex;font-size:.75rem;gap:8px}.wpm-payment-label{color:#475569;color:var(--wpm-text-secondary);font-weight:500;min-width:70px}.wpm-payment-value{color:#0f172a;color:var(--wpm-text-primary)}.wpm-view-proof-btn{align-items:center;background:#fff;background:var(--wpm-bg);border:1px solid #e2e8f0;border:1px solid var(--wpm-border);border-radius:6px;border-radius:var(--wpm-radius-sm);color:#475569;color:var(--wpm-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition);width:100%}.wpm-view-proof-btn:hover{background:#f1f5f9;background:var(--wpm-bg-hover);border-color:#3b82f6;border-color:var(--wpm-primary);color:#3b82f6;color:var(--wpm-primary)}.wpm-card-actions{display:flex;flex-wrap:wrap;gap:6px}.wpm-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:4px;justify-content:center;min-width:0;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition)}.wpm-btn-success{background:#10b981;background:var(--wpm-success);color:#fff}.wpm-btn-success:hover{background:#059669}.wpm-btn-danger{background:#fff;background:var(--wpm-bg);border-color:#ef4444;border-color:var(--wpm-danger);color:#ef4444;color:var(--wpm-danger)}.wpm-btn-danger:hover{background:#fee2e2;background:var(--wpm-danger-light)}.wpm-btn-warning{background:#fff;background:var(--wpm-bg);border-color:#f59e0b;border-color:var(--wpm-warning);color:#f59e0b;color:var(--wpm-warning)}.wpm-btn-warning:hover{background:#fef3c7;background:var(--wpm-warning-light)}.wpm-btn-secondary{background:#fff;background:var(--wpm-bg);border-color:#e2e8f0;border-color:var(--wpm-border);color:#475569;color:var(--wpm-text-secondary)}.wpm-btn-secondary:hover{background:#f1f5f9;background:var(--wpm-bg-hover);color:#0f172a;color:var(--wpm-text-primary)}.wpm-empty{flex-direction:column;grid-column:1/-1;padding:60px 24px;text-align:center}.wpm-empty,.wpm-empty-icon{align-items:center;display:flex;justify-content:center}.wpm-empty-icon{background:#e0e7ff;background:var(--wpm-indigo-light);border-radius:50%;color:#6366f1;color:var(--wpm-indigo);font-size:28px;height:64px;margin-bottom:16px;width:64px}.wpm-empty-title{color:#0f172a;color:var(--wpm-text-primary);font-size:1rem;font-weight:600;margin:0 0 6px}.wpm-empty-text{margin:0}.wpm-empty-text,.wpm-loading{color:#94a3b8;color:var(--wpm-text-muted);font-size:.875rem}.wpm-loading{gap:16px;justify-content:center;padding:60px 24px}.wpm-error,.wpm-loading{align-items:center;display:flex;flex-direction:column}.wpm-error{background:#fee2e2;background:var(--wpm-danger-light);border:1px solid #fca5a5;border-radius:14px;border-radius:var(--wpm-radius-lg);padding:48px 24px;text-align:center}.wpm-error-text{color:#ef4444;color:var(--wpm-danger);font-size:.875rem;margin:0 0 16px}.wpm-retry-btn{background:#ef4444;background:var(--wpm-danger);border:none;border-radius:6px;border-radius:var(--wpm-radius-sm);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition)}.wpm-retry-btn:hover{background:#dc2626}.wpm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.wpm-modal{background:#fff;background:var(--wpm-bg);border-radius:18px;border-radius:var(--wpm-radius-xl);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--wpm-shadow-lg);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.wpm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wpm-border);display:flex;justify-content:space-between;padding:18px 24px}.wpm-modal-title{color:#0f172a;color:var(--wpm-text-primary);font-size:1.0625rem;font-weight:700;margin:0}.wpm-modal-close{align-items:center;background:#f8fafc;background:var(--wpm-bg-subtle);border:none;border-radius:50%;color:#475569;color:var(--wpm-text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition);width:32px}.wpm-modal-close:hover{background:#f1f5f9;background:var(--wpm-bg-hover);color:#0f172a;color:var(--wpm-text-primary)}.wpm-modal-body{padding:24px}.wpm-modal-text{color:#475569;color:var(--wpm-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 16px}.wpm-modal-textarea{background:#fff;background:var(--wpm-bg);border:1px solid #e2e8f0;border:1px solid var(--wpm-border);border-radius:6px;border-radius:var(--wpm-radius-sm);color:#0f172a;color:var(--wpm-text-primary);font-size:.875rem;min-height:100px;padding:12px 14px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wpm-transition);width:100%}.wpm-modal-textarea:focus{border-color:#6366f1;border-color:var(--wpm-indigo);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--wpm-indigo-light);outline:none}.wpm-modal-actions{display:flex;gap:10px;margin-top:20px}.wpm-proof-modal{max-width:540px}.wpm-proof-image{max-height:350px;object-fit:contain}.wpm-proof-fallback,.wpm-proof-image{background:#f8fafc;background:var(--wpm-bg-subtle);border-radius:10px;border-radius:var(--wpm-radius);margin-bottom:16px;width:100%}.wpm-proof-fallback{color:#94a3b8;color:var(--wpm-text-muted);display:none;font-size:.875rem;padding:40px;text-align:center}.wpm-proof-details{background:#f8fafc;background:var(--wpm-bg-subtle);border-radius:10px;border-radius:var(--wpm-radius);display:flex;flex-direction:column;gap:8px;padding:14px}.wpm-proof-row{display:flex;font-size:.8125rem;gap:10px}.wpm-proof-label{color:#475569;color:var(--wpm-text-secondary);font-weight:600;min-width:100px}.wpm-proof-value{color:#0f172a;color:var(--wpm-text-primary);flex:1 1}.wpm-proof-notes{border-top:1px solid #e2e8f0;border-top:1px solid var(--wpm-border);margin-top:10px;padding-top:10px}.wpm-proof-notes-title{color:#475569;color:var(--wpm-text-secondary);font-size:.75rem;font-weight:600;margin:0 0 6px}.wpm-proof-notes-text{color:#0f172a;color:var(--wpm-text-primary);font-size:.8125rem;line-height:1.5;margin:0}@media (max-width:768px){.wpm-header{align-items:center;flex-direction:row;gap:8px}.wpm-header-actions{justify-content:flex-end}.wpm-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.wpm-tab{flex:0 0 auto;font-size:.7rem;min-width:70px;padding:5px 8px}.wpm-bulk-actions{flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px 12px}.wpm-bulk-left,.wpm-bulk-right{justify-content:flex-start;width:auto}.wpm-grid{grid-template-columns:1fr}.wpm-card{padding:12px}.wpm-avatar,.wpm-avatar-fallback{height:36px;width:36px}.wpm-avatar-fallback{font-size:.75rem}}@media (max-width:480px){.wpm-header{align-items:center;flex-direction:row}.wpm-header-title{font-size:.875rem}.wpm-header-count{display:none}.wpm-export-btn{padding:4px 6px}.wpm-export-btn span{display:none}.wpm-tabs{margin-bottom:10px}.wpm-tab{font-size:.65rem;min-width:60px;padding:4px 6px}.wpm-tab-count{display:none}.wpm-card{padding:10px}.wpm-card-header{gap:8px}.wpm-avatar,.wpm-avatar-fallback{height:32px;width:32px}.wpm-avatar-fallback{font-size:.7rem}.wpm-user-name{font-size:.8125rem}.wpm-user-email{font-size:.65rem}.wpm-status-badge{font-size:.55rem;padding:2px 6px}.wpm-card-actions{flex-direction:row}.wpm-btn{font-size:.7rem;padding:5px 8px}.wpm-modal-actions{flex-direction:column}.wpm-modal-actions .wpm-btn{width:100%}}:root{--wsd-pink:#ec4899;--wsd-blue:#3b82f6;--wsd-purple:#8b5cf6;--wsd-green:#10b981;--wsd-amber:#f59e0b;--wsd-indigo:#6366f1;--wsd-cyan:#06b6d4;--wsd-red:#ef4444;--wsd-slate-50:#f8fafc;--wsd-slate-100:#f1f5f9;--wsd-slate-200:#e2e8f0;--wsd-slate-300:#cbd5e1;--wsd-slate-400:#94a3b8;--wsd-slate-500:#64748b;--wsd-slate-600:#475569;--wsd-slate-700:#334155;--wsd-slate-800:#1e293b;--wsd-slate-900:#0f172a;--wsd-glass-bg:#ffffffb3;--wsd-glass-border:#ffffff4d;--wsd-shadow-sm:0 1px 2px #0000000d;--wsd-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--wsd-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--wsd-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--wsd-radius-sm:6px;--wsd-radius-md:10px;--wsd-radius-lg:14px;--wsd-radius-xl:20px;--wsd-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.wsd-page{background:#f8fafc;background:var(--wsd-slate-50);min-height:100vh}.wsd-card section,.wsd-overview section,.wsd-page .wsd-section,.wsd-page section{margin:0!important;padding:0!important;position:static!important}.wsd-back-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background:var(--wsd-glass-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wsd-slate-200);padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.wsd-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);border-radius:10px;border-radius:var(--wsd-radius-md);color:#475569;color:var(--wsd-slate-600);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition)}.wsd-back-btn:hover{background:#f8fafc;background:var(--wsd-slate-50);border-color:#3b82f6;border-color:var(--wsd-blue);color:#3b82f6;color:var(--wsd-blue);transform:translateX(-2px)}.wsd-back-btn svg{height:16px;width:16px}.wsd-hero{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wsd-slate-200);overflow:hidden;padding:12px 20px 14px;position:relative}.wsd-hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.wsd-badges-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.wsd-badges{display:flex;flex-wrap:wrap;gap:6px}.wsd-back-btn-inline{align-items:center;background:#ffffffe6;border:1px solid var(--wsd-border);border-radius:6px;color:#475569;color:var(--wsd-slate-600);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.wsd-back-btn-inline:hover{background:#fff;border-color:#3b82f6;border-color:var(--wsd-blue);color:#3b82f6;color:var(--wsd-blue)}.wsd-back-btn-inline svg{height:12px;width:12px}.wsd-badge{align-items:center;border-radius:14px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.wsd-badge svg{height:10px;width:10px}.wsd-badge-free{background:#10b98126;color:#10b981;color:var(--wsd-green)}.wsd-badge-soon{background:#f59e0b26;color:#f59e0b;color:var(--wsd-amber)}.wsd-badge-online{background:#06b6d426;color:#06b6d4;color:var(--wsd-cyan)}.wsd-badge-physical{background:#8b5cf626;color:#8b5cf6;color:var(--wsd-purple)}.wsd-title{color:#1e293b;color:var(--wsd-slate-800);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.wsd-organizer-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.wsd-organizer{align-items:center;display:flex;gap:8px}.wsd-organizer-avatar{border:2px solid #e2e8f0;border:2px solid var(--wsd-slate-200);border-radius:50%;flex-shrink:0;height:28px;overflow:hidden;width:28px}.wsd-organizer-avatar img{height:100%;object-fit:cover;width:100%}.wsd-organizer-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--wsd-indigo) 0,var(--wsd-purple) 100%);color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.wsd-organizer-info{display:flex;flex-direction:column;gap:0}.wsd-organizer-name{align-items:center;color:#334155;color:var(--wsd-slate-700);display:flex;font-size:13px;font-weight:600;gap:4px}.wsd-verified-icon{color:#3b82f6;color:var(--wsd-blue);height:14px;width:14px}.wsd-organizer-role{color:#64748b;color:var(--wsd-slate-500);font-size:11px}.wsd-rating{align-items:center;background:#f8fafc;background:var(--wsd-slate-50);border-radius:14px;display:flex;gap:4px;padding:4px 8px}.wsd-rating-stars{display:flex;gap:1px}.wsd-rating-stars svg{fill:#f59e0b;fill:var(--wsd-amber);color:#f59e0b;color:var(--wsd-amber);height:12px;width:12px}.wsd-rating-stars svg.wsd-empty-star{fill:#0000;color:#cbd5e1;color:var(--wsd-slate-300)}.wsd-rating-text{color:#475569;color:var(--wsd-slate-600);font-size:11px;font-weight:500}.wsd-meta-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.wsd-meta-pill{align-items:center;background:#f1f5f9;background:var(--wsd-slate-100);border-radius:6px;color:#475569;color:var(--wsd-slate-600);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.wsd-meta-pill svg{color:#6366f1;color:var(--wsd-indigo);height:12px;width:12px}.wsd-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.wsd-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--wsd-radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition)}.wsd-btn svg{height:14px;width:14px}.wsd-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--wsd-indigo) 0,var(--wsd-purple) 100%);box-shadow:0 1px 2px #0000000d;box-shadow:var(--wsd-shadow-sm);color:#fff}.wsd-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--wsd-shadow-lg);transform:translateY(-2px)}.wsd-btn-glass{background:#f1f5f9;background:var(--wsd-slate-100);border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);color:#475569;color:var(--wsd-slate-600)}.wsd-btn-glass:hover{background:#e2e8f0;background:var(--wsd-slate-200);color:#334155;color:var(--wsd-slate-700)}.wsd-btn-enrolled{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--wsd-green);cursor:default}.wsd-btn-pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--wsd-amber);cursor:default}.wsd-tabs{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--wsd-slate-200);position:-webkit-sticky;position:sticky;top:49px;z-index:90}.wsd-tabs-inner{-ms-overflow-style:none;display:flex;gap:4px;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.wsd-tabs-inner::-webkit-scrollbar{display:none}.wsd-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--wsd-slate-500);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition);white-space:nowrap}.wsd-tab svg{height:14px;width:14px}.wsd-tab:hover{background:#f8fafc;background:var(--wsd-slate-50);color:#334155;color:var(--wsd-slate-700)}.wsd-tab-active{border-bottom-color:#6366f1;border-bottom-color:var(--wsd-indigo);color:#6366f1;color:var(--wsd-indigo)}.wsd-tab-active:hover{background:#0000;color:#6366f1;color:var(--wsd-indigo)}.wsd-content{margin:0 auto;max-width:1200px;padding:14px 20px}.wsd-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 300px}.wsd-main,.wsd-sidebar{display:flex;flex-direction:column;gap:12px}.wsd-sidebar{position:-webkit-sticky;position:sticky;top:90px}.wsd-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);border-radius:14px;border-radius:var(--wsd-radius-lg);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition)}.wsd-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--wsd-shadow-md)}.wsd-card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wsd-slate-100);display:flex;justify-content:space-between;padding:10px 12px}.wsd-card-title{align-items:center;color:#1e293b;color:var(--wsd-slate-800);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.wsd-card-title svg{color:#6366f1;color:var(--wsd-indigo);height:16px;width:16px}.wsd-card-body{padding:12px}.wsd-overview{display:flex;flex-direction:column;gap:12px}.wsd-section{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wsd-slate-100);margin:0!important;padding:0 0 12px!important;position:static!important}.wsd-section:last-child{border-bottom:none;padding-bottom:0!important}.wsd-section-title{align-items:center;color:#1e293b;color:var(--wsd-slate-800);display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 6px}.wsd-section-title svg{color:#8b5cf6;color:var(--wsd-purple);height:14px;width:14px}.wsd-section-text{color:#475569;color:var(--wsd-slate-600);font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.wsd-tags{display:flex;flex-wrap:wrap;gap:6px}.wsd-tag{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:14px;color:#6366f1;color:var(--wsd-indigo);display:inline-flex;font-size:11px;font-weight:500;gap:3px;padding:4px 8px}.wsd-tag svg{height:10px;width:10px}.wsd-schedule{display:flex;flex-direction:column;gap:16px}.wsd-schedule-day{border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);border-radius:14px;border-radius:var(--wsd-radius-lg);overflow:hidden}.wsd-schedule-day-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--wsd-indigo) 0,var(--wsd-purple) 100%);color:#fff;display:flex;gap:10px;padding:12px 16px}.wsd-schedule-day-header svg{height:18px;width:18px}.wsd-schedule-day-title{font-size:14px;font-weight:600;margin:0}.wsd-sessions{display:flex;flex-direction:column}.wsd-session{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wsd-slate-100);display:flex;gap:14px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition)}.wsd-session:last-child{border-bottom:none}.wsd-session:hover{background:#f8fafc;background:var(--wsd-slate-50)}.wsd-session-time{align-items:center;color:#6366f1;color:var(--wsd-indigo);display:flex;font-size:13px;font-weight:600;gap:6px;min-width:130px;white-space:nowrap}.wsd-session-time svg{height:14px;width:14px}.wsd-session-content{flex:1 1}.wsd-session-topic{color:#1e293b;color:var(--wsd-slate-800);font-size:14px;font-weight:600;margin:0 0 4px}.wsd-session-agenda{color:#64748b;color:var(--wsd-slate-500);font-size:13px;line-height:1.5;margin:0}.wsd-organizer-card .wsd-card-body{padding:14px}.wsd-organizer-profile{display:flex;gap:12px;margin-bottom:12px}.wsd-organizer-lg-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--wsd-indigo) 0,var(--wsd-purple) 100%);border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.wsd-organizer-lg-avatar img{height:100%;object-fit:cover;width:100%}.wsd-organizer-lg-placeholder{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.wsd-organizer-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.wsd-organizer-lg-name{color:#1e293b;color:var(--wsd-slate-800);font-size:15px;font-weight:600;margin:0}.wsd-organizer-contact{align-items:center;color:#64748b;color:var(--wsd-slate-500);display:flex;font-size:12px;gap:6px}.wsd-organizer-contact svg{height:12px;width:12px}.wsd-organizer-contact a{color:#3b82f6;color:var(--wsd-blue);text-decoration:none}.wsd-organizer-contact a:hover{text-decoration:underline}.wsd-organizer-bio{border-top:1px solid #f1f5f9;border-top:1px solid var(--wsd-slate-100);color:#64748b;color:var(--wsd-slate-500);font-size:12px;line-height:1.5;margin:0 0 12px;padding-top:10px}.wsd-view-profile-btn{background:#f8fafc;background:var(--wsd-slate-50);border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);border-radius:6px;border-radius:var(--wsd-radius-sm);color:#475569;color:var(--wsd-slate-600);cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition);width:100%}.wsd-view-profile-btn:hover{background:#6366f1;background:var(--wsd-indigo);border-color:#6366f1;border-color:var(--wsd-indigo);color:#fff}.wsd-co-organizers{border-top:1px solid #f1f5f9;border-top:1px solid var(--wsd-slate-100);margin-top:12px;padding-top:12px}.wsd-co-title{color:#64748b;color:var(--wsd-slate-500);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.wsd-co-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.wsd-co-item{align-items:center;display:flex;gap:8px}.wsd-co-avatar{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--wsd-pink) 0,var(--wsd-purple) 100%);border-radius:50%;height:28px;overflow:hidden;width:28px}.wsd-co-avatar img{height:100%;object-fit:cover;width:100%}.wsd-co-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:600;height:100%;justify-content:center;width:100%}.wsd-co-name{color:#334155;color:var(--wsd-slate-700);font-size:13px;font-weight:500}.wsd-details-list{display:flex;flex-direction:column;gap:10px}.wsd-detail-row{align-items:flex-start;display:flex;gap:10px}.wsd-detail-icon{align-items:center;background:#f8fafc;background:var(--wsd-slate-50);border-radius:6px;border-radius:var(--wsd-radius-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.wsd-detail-icon svg{color:#6366f1;color:var(--wsd-indigo);height:16px;width:16px}.wsd-detail-content{display:flex;flex:1 1;flex-direction:column;gap:1px}.wsd-detail-label{color:#94a3b8;color:var(--wsd-slate-400);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wsd-detail-value{color:#1e293b;color:var(--wsd-slate-800);font-size:13px;font-weight:600}.wsd-countdown-row{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid #f59e0b33;border-radius:6px;border-radius:var(--wsd-radius-sm);padding:10px}.wsd-countdown-row .wsd-detail-icon{background:#f59e0b33}.wsd-countdown-row .wsd-detail-icon svg,.wsd-countdown-row .wsd-detail-value{color:#f59e0b;color:var(--wsd-amber)}.wsd-payment-card{background:linear-gradient(135deg,#10b9810d,#fff);border-color:#10b98133}.wsd-payment-methods{display:flex;flex-direction:column;gap:10px}.wsd-payment-method{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);border-radius:6px;border-radius:var(--wsd-radius-sm);padding:10px}.wsd-payment-method-title{align-items:center;color:#475569;color:var(--wsd-slate-600);display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:4px}.wsd-payment-method-title svg{color:#10b981;color:var(--wsd-green);height:14px;width:14px}.wsd-payment-detail{color:#1e293b;color:var(--wsd-slate-800);font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600}.wsd-payment-subtitle{color:#64748b;color:var(--wsd-slate-500);font-size:11px;margin-top:2px}.wsd-show-full-btn{background:#0000;border:1px dashed #cbd5e1;border:1px dashed var(--wsd-slate-300);border-radius:6px;border-radius:var(--wsd-radius-sm);color:#64748b;color:var(--wsd-slate-500);cursor:pointer;font-size:12px;font-weight:500;margin-top:10px;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition);width:100%}.wsd-show-full-btn:hover{border-color:#10b981;border-color:var(--wsd-green);color:#10b981;color:var(--wsd-green)}.wsd-payment-full{border-top:1px solid #e2e8f0;border-top:1px solid var(--wsd-slate-200);margin-top:12px;padding-top:12px}.wsd-payment-full-section{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--wsd-slate-100);margin-bottom:12px;padding-bottom:12px}.wsd-payment-full-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.wsd-payment-full-section h4{color:#334155;color:var(--wsd-slate-700);font-size:12px;font-weight:600;margin:0 0 8px}.wsd-payment-full-section p{color:#475569;color:var(--wsd-slate-600);font-size:12px;line-height:1.4;margin:4px 0}.wsd-payment-full-section p strong{color:#334155;color:var(--wsd-slate-700)}.wsd-announcements-preview{display:flex;flex-direction:column;gap:10px}.wsd-announcement-item{background:#f8fafc;background:var(--wsd-slate-50);border:1px solid #f1f5f9;border:1px solid var(--wsd-slate-100);border-radius:6px;border-radius:var(--wsd-radius-sm);padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition)}.wsd-announcement-item:hover{background:#f1f5f9;background:var(--wsd-slate-100)}.wsd-announcement-header{display:flex;gap:8px;margin-bottom:6px}.wsd-announcement-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.wsd-announcement-icon svg{height:14px;width:14px}.wsd-announcement-icon.wsd-urgent svg{color:#ef4444;color:var(--wsd-red)}.wsd-announcement-icon.wsd-important svg{color:#f59e0b;color:var(--wsd-amber)}.wsd-announcement-icon.wsd-normal svg{color:#3b82f6;color:var(--wsd-blue)}.wsd-announcement-info{flex:1 1;min-width:0}.wsd-announcement-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--wsd-slate-800);display:-webkit-box;font-size:12px;font-weight:600;line-height:1.3;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis}.wsd-announcement-meta{align-items:center;color:#94a3b8;color:var(--wsd-slate-400);display:flex;font-size:10px;gap:4px}.wsd-announcement-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--wsd-slate-500);display:-webkit-box;font-size:11px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.wsd-add-announcement-btn{align-items:center;background:#f8fafc;background:var(--wsd-slate-50);border:1px solid #e2e8f0;border:1px solid var(--wsd-slate-200);border-radius:6px;border-radius:var(--wsd-radius-sm);color:#6366f1;color:var(--wsd-indigo);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition);width:24px}.wsd-add-announcement-btn:hover{background:#6366f1;background:var(--wsd-indigo);border-color:#6366f1;border-color:var(--wsd-indigo);color:#fff}.wsd-add-announcement-btn svg{height:14px;width:14px}.wsd-view-all-btn{background:#0000;border:1px dashed #cbd5e1;border:1px dashed var(--wsd-slate-300);border-radius:6px;border-radius:var(--wsd-radius-sm);color:#64748b;color:var(--wsd-slate-500);cursor:pointer;font-size:12px;font-weight:500;margin-top:6px;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition);width:100%}.wsd-view-all-btn:hover{border-color:#6366f1;border-color:var(--wsd-indigo);color:#6366f1;color:var(--wsd-indigo)}.wsd-empty{flex-direction:column;padding:40px 20px;text-align:center}.wsd-empty,.wsd-empty-icon{align-items:center;display:flex;justify-content:center}.wsd-empty-icon{background:#f1f5f9;background:var(--wsd-slate-100);border-radius:50%;height:48px;margin-bottom:12px;width:48px}.wsd-empty-icon svg{color:#94a3b8;color:var(--wsd-slate-400);height:24px;width:24px}.wsd-empty-text{color:#64748b;color:var(--wsd-slate-500);font-size:14px;margin:0}.wsd-error,.wsd-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh;padding:40px 20px}.wsd-loading-spinner{animation:wsd-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--wsd-slate-200);border-radius:50%;border-top-color:var(--wsd-indigo);height:40px;width:40px}@keyframes wsd-spin{to{transform:rotate(1turn)}}.wsd-error-text,.wsd-loading-text{color:#64748b;color:var(--wsd-slate-500);font-size:14px;margin:0}.wsd-error-text{color:#ef4444;color:var(--wsd-red)}.wsd-retry-btn{background:#6366f1;background:var(--wsd-indigo);border:none;border-radius:10px;border-radius:var(--wsd-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--wsd-transition)}.wsd-retry-btn:hover{background:#8b5cf6;background:var(--wsd-purple);transform:translateY(-2px)}@media (max-width:1024px){.wsd-layout{gap:16px;grid-template-columns:1fr 280px}.wsd-content{padding:16px}.wsd-title{font-size:24px}.wsd-sidebar{position:static}}@media (max-width:768px){.wsd-layout{gap:16px;grid-template-columns:1fr}.wsd-sidebar{order:2}.wsd-main{order:1}.wsd-hero{padding:20px 16px 24px}.wsd-title{font-size:22px}.wsd-back-nav{padding:10px 16px}.wsd-tabs-inner{padding:0 16px}.wsd-tab{font-size:12px;padding:12px 14px}.wsd-content{padding:16px}.wsd-meta-pills{gap:8px}.wsd-meta-pill{font-size:11px;padding:5px 10px}.wsd-hero-actions{flex-direction:column}.wsd-btn{justify-content:center;width:100%}.wsd-session{flex-direction:column;gap:8px}.wsd-session-time{min-width:auto}.wsd-tabs{top:41px}}@media (max-width:480px){.wsd-hero{padding:16px 14px 20px}.wsd-title{font-size:20px}.wsd-badges-row{gap:8px}.wsd-back-btn-inline span{display:none}.wsd-back-btn-inline{padding:4px 8px}.wsd-badges{gap:6px}.wsd-badge{font-size:10px;padding:4px 8px}.wsd-organizer-row{align-items:flex-start;flex-direction:column;gap:10px}.wsd-rating{align-self:flex-start}.wsd-card-body,.wsd-content{padding:14px}.wsd-section-title{font-size:15px}.wsd-tab{gap:6px;padding:10px 12px}.wsd-tab span:not(.wsd-tab-icon){display:none}.wsd-organizer-lg-avatar{height:48px;width:48px}.wsd-detail-icon{height:28px;width:28px}.wsd-detail-icon svg{height:14px;width:14px}}:root{--mwp-blue:#3b82f6;--mwp-blue-light:#60a5fa;--mwp-blue-dark:#2563eb;--mwp-purple:#8b5cf6;--mwp-green:#10b981;--mwp-green-light:#34d399;--mwp-amber:#f59e0b;--mwp-amber-light:#fbbf24;--mwp-indigo:#6366f1;--mwp-cyan:#06b6d4;--mwp-pink:#ec4899;--mwp-red:#ef4444;--mwp-orange:#f97316;--mwp-slate-50:#f8fafc;--mwp-slate-100:#f1f5f9;--mwp-slate-200:#e2e8f0;--mwp-slate-300:#cbd5e1;--mwp-slate-400:#94a3b8;--mwp-slate-500:#64748b;--mwp-slate-600:#475569;--mwp-slate-700:#334155;--mwp-slate-800:#1e293b;--mwp-slate-900:#0f172a;--mwp-gradient-primary:linear-gradient(135deg,var(--mwp-blue) 0%,var(--mwp-purple) 100%);--mwp-gradient-success:linear-gradient(135deg,var(--mwp-green) 0%,#059669 100%);--mwp-shadow-sm:0 1px 2px 0 #0000000d;--mwp-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--mwp-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--mwp-radius-sm:6px;--mwp-radius-md:10px;--mwp-radius-lg:14px;--mwp-radius-full:9999px;--mwp-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--mwp-transition-base:200ms cubic-bezier(0.4,0,0.2,1)}.mwp-page{background:#f8fafc;background:var(--mwp-slate-50);min-height:100vh;padding:0}.mwp-container{margin:0 auto;max-width:1200px;padding:16px 20px 40px}.mwp-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.mwp-header-left{flex:1 1}.mwp-title{color:#0f172a;color:var(--mwp-slate-900);font-size:24px;font-weight:700;margin:0 0 4px}.mwp-subtitle{color:#64748b;color:var(--mwp-slate-500);font-size:14px;margin:0}.mwp-create-btn{flex-shrink:0}.mwp-tabs{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);border-radius:14px;border-radius:var(--mwp-radius-lg);display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding:6px}.mwp-tab{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--mwp-radius-md);color:#475569;color:var(--mwp-slate-600);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--mwp-transition-base);white-space:nowrap}.mwp-tab:hover{background:#f1f5f9;background:var(--mwp-slate-100);color:#1e293b;color:var(--mwp-slate-800)}.mwp-tab-active,.mwp-tab-active:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--mwp-gradient-primary);color:#fff}.mwp-tab-label{display:inline}.mwp-tab-count{align-items:center;background:#fff3;border-radius:9999px;border-radius:var(--mwp-radius-full);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mwp-tab:not(.mwp-tab-active) .mwp-tab-count{background:#e2e8f0;background:var(--mwp-slate-200);color:#475569;color:var(--mwp-slate-600)}.mwp-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mwp-filter-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);border-radius:9999px;border-radius:var(--mwp-radius-full);color:#475569;color:var(--mwp-slate-600);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--mwp-transition-base)}.mwp-filter-pill:hover{background:#f8fafc;background:var(--mwp-slate-50);border-color:#cbd5e1;border-color:var(--mwp-slate-300)}.mwp-filter-active{color:#fff}.mwp-filter-active,.mwp-filter-active:hover{background:#3b82f6;background:var(--pill-color,var(--mwp-blue));border-color:#3b82f6;border-color:var(--pill-color,var(--mwp-blue))}.mwp-pill-count{font-size:11px;font-weight:700;opacity:.85}.mwp-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;border-radius:var(--mwp-radius-md);color:#ef4444;color:var(--mwp-red);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.mwp-error p{flex:1 1;font-size:14px;margin:0}.mwp-error button{background:none;border:none;color:#ef4444;color:var(--mwp-red);cursor:pointer;opacity:.7;padding:4px}.mwp-error button:hover{opacity:1}.mwp-content{min-height:300px}.mwp-workshops-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.mwp-workshop-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);border-radius:14px;border-radius:var(--mwp-radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--mwp-transition-base)}.mwp-workshop-card:hover{border-color:#3b82f6;border-color:var(--mwp-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mwp-shadow-md)}.mwp-card-status{align-items:center;border-radius:9999px;border-radius:var(--mwp-radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;left:12px;letter-spacing:.3px;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.mwp-status-draft{background:#fbbf24;background:var(--mwp-amber-light);color:#92400e}.mwp-status-published{background:#d1fae5;color:#065f46}.mwp-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px;margin-top:28px}.mwp-card-category{background:#f1f5f9;background:var(--mwp-slate-100);border-radius:9999px;border-radius:var(--mwp-radius-full);color:#475569;color:var(--mwp-slate-600);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.mwp-card-price{color:#1e293b;color:var(--mwp-slate-800);font-size:14px;font-weight:700}.mwp-price-free{color:#10b981;color:var(--mwp-green)}.mwp-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--mwp-slate-900);display:-webkit-box;font-size:16px;font-weight:700;line-height:1.35;margin:0 0 6px;overflow:hidden}.mwp-card-desc{color:#64748b;color:var(--mwp-slate-500);font-size:13px;line-height:1.5;margin:0 0 12px}.mwp-card-meta{display:flex;gap:16px;margin-bottom:12px}.mwp-meta-item{align-items:center;color:#64748b;color:var(--mwp-slate-500);display:flex;font-size:12px;gap:6px}.mwp-meta-item svg{color:#94a3b8;color:var(--mwp-slate-400)}.mwp-card-actions{gap:8px}.mwp-card-actions,.mwp-card-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--mwp-slate-100);display:flex;margin-top:auto;padding-top:12px}.mwp-card-footer{align-items:center;gap:12px;justify-content:space-between}.mwp-enrolled-badge{background:#d1fae5;border-radius:9999px;border-radius:var(--mwp-radius-full);color:#065f46;font-size:12px;padding:6px 12px}.mwp-btn,.mwp-enrolled-badge{align-items:center;display:inline-flex;font-weight:600;gap:6px}.mwp-btn{border:none;border-radius:10px;border-radius:var(--mwp-radius-md);cursor:pointer;font-size:13px;justify-content:center;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--mwp-transition-base);white-space:nowrap}.mwp-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--mwp-gradient-primary);color:#fff}.mwp-btn-primary:hover{box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.mwp-btn-edit{background:#f1f5f9;background:var(--mwp-slate-100);color:#334155;color:var(--mwp-slate-700);flex:1 1}.mwp-btn-edit:hover{background:#e2e8f0;background:var(--mwp-slate-200)}.mwp-btn-publish{background:linear-gradient(135deg,#10b981,#059669);background:var(--mwp-gradient-success);color:#fff;flex:1 1}.mwp-btn-publish:hover{box-shadow:0 4px 12px #10b98159}.mwp-btn-publish:disabled{cursor:not-allowed;opacity:.7}.mwp-btn-delete{background:#fef2f2;color:#ef4444;color:var(--mwp-red);padding:8px 10px}.mwp-btn-delete:hover{background:#fee2e2}.mwp-btn-manage{background:#1e293b;background:var(--mwp-slate-800);color:#fff;flex:1 1}.mwp-btn-manage:hover{background:#0f172a;background:var(--mwp-slate-900)}.mwp-btn-view{background:#f1f5f9;background:var(--mwp-slate-100);color:#334155;color:var(--mwp-slate-700)}.mwp-btn-view:hover{background:#e2e8f0;background:var(--mwp-slate-200)}.mwp-btn-outline{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);color:#334155;color:var(--mwp-slate-700)}.mwp-btn-outline:hover{background:#f8fafc;background:var(--mwp-slate-50);border-color:#cbd5e1;border-color:var(--mwp-slate-300)}.mwp-spin{animation:mwp-spin 1s linear infinite}@keyframes mwp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mwp-applications-list{display:flex;flex-direction:column;gap:12px}.mwp-application-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);border-radius:14px;border-radius:var(--mwp-radius-lg);padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--mwp-transition-base)}.mwp-application-card:hover{border-color:#cbd5e1;border-color:var(--mwp-slate-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mwp-shadow-sm)}.mwp-app-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.mwp-app-title-wrap{flex:1 1;min-width:0}.mwp-app-title{color:#0f172a;color:var(--mwp-slate-900);font-size:16px;font-weight:700;line-height:1.3;margin:0 0 4px}.mwp-app-organizer{align-items:center;color:#64748b;color:var(--mwp-slate-500);display:flex;font-size:13px;gap:6px;margin:0}.mwp-app-status{align-items:center;background:var(--status-color);border-radius:9999px;border-radius:var(--mwp-radius-full);color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;white-space:nowrap}.mwp-app-info{margin-bottom:12px}.mwp-app-date{align-items:center;color:#64748b;color:var(--mwp-slate-500);display:flex;font-size:13px;gap:6px}.mwp-app-date svg{color:#94a3b8;color:var(--mwp-slate-400)}.mwp-rejection-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;border-radius:var(--mwp-radius-md);margin-top:12px;padding:14px}.mwp-rejection-header{align-items:center;color:#ef4444;color:var(--mwp-red);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.mwp-rejection-reason{background:#fff;border-left:3px solid #ef4444;border-left:3px solid var(--mwp-red);border-radius:6px;border-radius:var(--mwp-radius-sm);color:#334155;color:var(--mwp-slate-700);font-size:13px;margin:0 0 12px;padding:10px}.mwp-pending-actions{display:flex;gap:8px;margin-top:12px}.mwp-approved-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;border-radius:var(--mwp-radius-md);margin-top:12px;padding:14px}.mwp-approved-header{align-items:center;color:#065f46;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.mwp-empty{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);border-radius:14px;border-radius:var(--mwp-radius-lg);flex-direction:column;padding:60px 20px;text-align:center}.mwp-empty,.mwp-empty-icon{align-items:center;display:flex;justify-content:center}.mwp-empty-icon{background:#f1f5f9;background:var(--mwp-slate-100);border-radius:9999px;border-radius:var(--mwp-radius-full);color:#94a3b8;color:var(--mwp-slate-400);height:80px;margin-bottom:20px;width:80px}.mwp-empty-title{color:#1e293b;color:var(--mwp-slate-800);font-size:18px;font-weight:700;margin:0 0 8px}.mwp-empty-desc{color:#64748b;color:var(--mwp-slate-500);font-size:14px;margin:0 0 20px;max-width:300px}.mwp-skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.mwp-skeleton-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mwp-slate-200);border-radius:14px;border-radius:var(--mwp-radius-lg);padding:16px}.mwp-skeleton-header{animation:mwp-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--mwp-slate-100) 25%,var(--mwp-slate-200) 50%,var(--mwp-slate-100) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--mwp-radius-sm);height:20px;margin-bottom:16px;width:60%}.mwp-skeleton-title{height:24px;width:80%}.mwp-skeleton-desc,.mwp-skeleton-title{animation:mwp-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--mwp-slate-100) 25%,var(--mwp-slate-200) 50%,var(--mwp-slate-100) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--mwp-radius-sm);margin-bottom:12px}.mwp-skeleton-desc{height:40px;width:100%}.mwp-skeleton-meta{animation:mwp-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--mwp-slate-100) 25%,var(--mwp-slate-200) 50%,var(--mwp-slate-100) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--mwp-radius-sm);height:16px;width:50%}@keyframes mwp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.mwp-container{padding:16px}.mwp-workshops-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.mwp-header{align-items:stretch;flex-direction:column}.mwp-create-btn{justify-content:center;width:100%}.mwp-tabs{padding:4px}.mwp-tab{flex:1 1;justify-content:center;padding:10px 12px}.mwp-tab-label{display:none}.mwp-workshops-grid{gap:12px}.mwp-skeleton-grid,.mwp-workshops-grid{grid-template-columns:1fr}.mwp-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.mwp-filter-pill{flex-shrink:0}}@media (max-width:480px){.mwp-container{padding:12px}.mwp-title{font-size:20px}.mwp-subtitle{font-size:13px}.mwp-tab{padding:8px 10px}.mwp-application-card,.mwp-workshop-card{padding:14px}.mwp-card-actions{flex-wrap:wrap}.mwp-btn{font-size:12px;padding:7px 12px}.mwp-app-header{flex-direction:column;gap:8px}.mwp-app-status{align-self:flex-start}.mwp-pending-actions{flex-direction:column}.mwp-pending-actions .mwp-btn{width:100%}.mwp-empty{padding:40px 16px}.mwp-empty-icon{height:60px;width:60px}}.workshop-payment-instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:24px 0;padding:24px}.workshop-payment-instructions.compact{margin:16px 0;padding:16px}.workshop-payment-header{margin-bottom:24px;text-align:center}.workshop-payment-header h4{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:8px}.workshop-amount{background:#e8f5e8;border-radius:6px;color:#27ae60;display:inline-block;font-size:18px;font-weight:600;padding:8px 16px}.workshop-payment-methods{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.workshop-payment-method-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:16px;transition:box-shadow .2s ease}.workshop-payment-method-card:hover{box-shadow:0 2px 8px #0000001a}.workshop-payment-method-header{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;margin-bottom:12px;padding-bottom:8px}.workshop-payment-method-icon{font-size:24px;margin-right:12px}.workshop-payment-method-title{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.workshop-payment-details{grid-gap:8px;display:grid;gap:8px}.workshop-payment-detail{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:6px 0}.workshop-payment-detail:last-child{border-bottom:none}.workshop-detail-label{color:#6c757d;font-size:14px;font-weight:500}.workshop-detail-value{background:#f8f9fa;border-radius:3px;color:#2c3e50;font-family:Monaco,Consolas,monospace;font-size:13px;font-weight:600;padding:2px 6px}.workshop-additional-instructions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:16px 0;padding:16px}.workshop-additional-instructions h5{color:#856404;font-size:16px;font-weight:600;margin-bottom:8px}.workshop-additional-instructions p{color:#856404;font-size:14px;line-height:1.6;margin:0}.workshop-payment-contact-info{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;margin-top:16px;padding:16px}.workshop-payment-contact-info h5{color:#0c5460;font-size:16px;font-weight:600;margin-bottom:12px}.workshop-contact-methods{display:flex;flex-wrap:wrap;gap:24px}.workshop-contact-method{align-items:center;display:flex;gap:8px}.workshop-contact-icon{font-size:18px}.workshop-contact-link{color:#0c5460;font-size:14px;font-weight:500;text-decoration:none}.workshop-contact-link:hover{text-decoration:underline}@media (max-width:768px){.workshop-payment-instructions{margin:16px 0;padding:16px}.workshop-payment-header{align-items:flex-start;flex-direction:column;gap:12px}.workshop-payment-detail{align-items:flex-start;flex-direction:column;gap:4px}.workshop-detail-value{justify-content:flex-start}.workshop-contact-methods{flex-direction:column;gap:12px}}@media (max-width:480px){.workshop-payment-method-header{align-items:flex-start;flex-direction:column;gap:8px}.workshop-payment-detail{align-items:flex-start;flex-direction:column;gap:4px}.workshop-detail-value{font-size:12px}}.workshop-payment-proof-container{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.workshop-payment-proof-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px;text-align:center}.workshop-payment-proof-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:12px}.workshop-payment-proof-header p{color:#666;font-size:16px}.workshop-payment-info{background:#00c8531a;border-left:4px solid #00c853;border-radius:8px;margin-top:20px;padding:16px}.workshop-payment-info h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:8px}.workshop-price{color:#00c853;font-size:1.1rem;margin:0}.workshop-payment-loading-message{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:48px 32px;text-align:center}.workshop-payment-loading-message p{color:#666;font-size:16px;margin:0}.workshop-payment-upload-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.workshop-payment-form{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px}.workshop-payment-form h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:20px;text-align:center}.workshop-payment-form-group{margin-bottom:20px}.workshop-payment-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.workshop-payment-form-control{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.workshop-payment-form-control:focus{border-color:#00c853;box-shadow:0 0 0 3px #00c8531a;outline:none}.workshop-payment-form-control::placeholder{color:#999}select.workshop-payment-form-control{cursor:pointer}textarea.workshop-payment-form-control{min-height:80px;resize:vertical}.workshop-file-drop-zone{background:#fafafa;border:2px dashed #ddd;border-radius:16px;cursor:pointer;padding:48px 32px;text-align:center;transition:all .3s ease}.workshop-file-drop-zone:hover{background:#00c8530d;border-color:#00c853}.workshop-file-drop-zone.has-file{background:#00c8531a;border-color:#00c853}.workshop-drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:16px}.workshop-upload-icon{font-size:3rem;margin-bottom:8px}.workshop-drop-zone-content h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.workshop-drop-zone-content p{color:#666;margin:0}.workshop-file-types{color:#999;font-size:14px}.workshop-file-selected{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:16px;padding:16px}.workshop-file-icon{font-size:2rem}.workshop-file-info{text-align:left}.workshop-file-name{color:#1a1a1a;font-weight:600;margin:0 0 4px}.workshop-file-size{color:#666;font-size:14px;margin:0}.workshop-upload-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.workshop-cancel-btn,.workshop-remove-file-btn,.workshop-upload-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.workshop-upload-btn{background:#00c853;color:#fff}.workshop-upload-btn:hover:not(:disabled){background:#00a844;transform:translateY(-2px)}.workshop-upload-btn:disabled{background:#ccc;cursor:not-allowed}.workshop-remove-file-btn{background:#0000;border:2px solid #f44336;color:#f44336}.workshop-remove-file-btn:hover{background:#f443361a}.workshop-cancel-btn{background:#0000;border:2px solid #ddd;color:#666}.workshop-cancel-btn:hover{background:#0000000d;border-color:#999}.workshop-payment-success-message{padding:48px 32px;text-align:center}.workshop-payment-success-icon{align-items:center;background:#00c853;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.workshop-payment-success-message h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:12px}.workshop-payment-success-message p{color:#666;font-size:16px}.workshop-upload-guidelines{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.workshop-upload-guidelines h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:16px}.workshop-upload-guidelines ul{list-style:none;margin:0;padding:0}.workshop-upload-guidelines li{color:#666;padding:8px 0 8px 24px;position:relative}.workshop-upload-guidelines li:before{color:#00c853;content:"•";font-weight:700;left:0;position:absolute}.workshop-payment-error-message{background:#f443361a;border:1px solid #f443364d;border-radius:12px;margin-top:16px;padding:16px;text-align:center}.workshop-payment-error-message p{color:#f44336;margin:0}.edit-request-container{background-color:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.edit-request-header{margin-bottom:2rem}.back-button{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.back-button:hover{color:#0056b3;text-decoration:underline}.edit-request-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.edit-request-header p{color:#7f8c8d;font-size:1.1rem}.edit-request-content{display:flex;flex-direction:column;gap:2rem}.workshop-info-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.workshop-info-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 1rem}.workshop-meta{display:flex;flex-wrap:wrap;gap:1rem}.workshop-date,.workshop-price{background:#f8f9fa;border-radius:20px;color:#495057;font-size:.9rem;padding:.5rem 1rem}.current-application-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.current-application-card h4{color:#2c3e50;font-size:1.2rem;margin:0 0 1rem}.application-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.status-badge.payment_pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.applied-date{color:#7f8c8d;font-size:.9rem}.current-payment-proof{border-top:1px solid #e9ecef;padding-top:1rem}.current-payment-proof h5{color:#495057;margin:0 0 1rem}.payment-proof-preview{align-items:flex-start;display:flex;gap:1rem}.payment-proof-image{border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;height:250px;object-fit:cover;transition:transform .2s ease-in-out;width:250px}.payment-proof-image:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.image-container{position:relative}.image-fallback{align-items:center;background:#f8f9fa;border:2px dashed #dc3545;border-radius:12px;display:flex;height:250px;justify-content:center;width:250px}.cors-error-message{padding:.5rem;text-align:center}.cors-error-message p{color:#dc3545;font-size:.8rem;font-weight:600;margin:0 0 .5rem}.cors-error-message small{color:#6c757d;display:block;font-size:.7rem;margin-bottom:.5rem}.view-image-link{color:#007bff;font-size:.7rem;font-weight:600;text-decoration:none}.view-image-link:hover{text-decoration:underline}.no-image-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #6c757d;border-radius:12px;display:flex;flex-direction:column;height:250px;justify-content:center;text-align:center;width:250px}.no-image-placeholder p{color:#6c757d;font-size:.9rem;margin:0}.no-image-placeholder small{color:#adb5bd;font-size:.7rem}.payment-proof-details{flex:1 1}.payment-proof-details p{color:#495057;margin:.5rem 0}.payment-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.payment-status.pending{background:#fff3cd;color:#856404}.payment-status.approved{background:#d4edda;color:#155724}.payment-status.rejected{background:#f8d7da;color:#721c24}.payment-instructions-card{padding:1.5rem}.edit-request-form,.payment-instructions-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 10px #0000001a}.edit-request-form{padding:2rem}.edit-request-form h4{color:#2c3e50;font-size:1.3rem;margin:0 0 1.5rem}.form-field{margin-bottom:1.5rem}.form-field label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.file-upload-field{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.file-upload-container{margin-bottom:1rem;position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-upload-label{background:#fff;border:2px dashed #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:block;font-weight:600;padding:1rem;text-align:center;transition:all .2s ease-in-out}.file-upload-label:hover{background:#f8f9fa;border-color:#0056b3;transform:translateY(-2px)}.file-upload-label small{color:#6c757d;display:block;font-size:.8rem;font-weight:400;margin-top:.25rem}.file-help{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;color:#6c757d;font-size:.85rem;margin-top:.5rem;padding:.5rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:1rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:1rem;padding:1rem}.workshop-edit-form-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .15s ease-in-out}.cancel-btn:hover{background:#5a6268}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .15s ease-in-out}.submit-btn:hover:not(:disabled){background:#0056b3}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.edit-request-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.edit-request-error{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.edit-request-error h3{color:#dc3545;margin-bottom:1rem}.back-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.back-btn:hover{background:#0056b3}@media (max-width:768px){.edit-request-container{padding:1rem}.payment-proof-preview{flex-direction:column}.payment-proof-image{max-width:200px;width:100%}.workshop-edit-form-actions{flex-direction:column}}.workshops-routes{background:#f8f9fa;margin:0;min-height:100vh;padding:0}.workshops-routes>*{width:100%}.workshops-routes .payment-proof-container,.workshops-routes .workshop-creation-form{background:#f8f9fa;margin:0;max-width:none;min-height:100vh;padding:20px}.workshops-routes .my-workshops-container,.workshops-routes .workshop-list-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 20px 20px}@media (max-width:768px){.workshops-routes .payment-proof-container,.workshops-routes .workshop-creation-form{padding:16px}.workshops-routes .my-workshops-container,.workshops-routes .workshop-list-container{padding:0 16px 16px}}.cbx-post-detail-page{box-sizing:border-box;display:flex;gap:24px;max-width:100%;min-height:100%;padding:0 20px 20px;width:100%}.cbx-pdp-main{display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:720px;min-width:0}.cbx-pdp-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #0000000f;border-radius:14px;box-shadow:0 1px 3px #00000014;display:flex;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cbx-pdp-back-btn,.cbx-pdp-home-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.cbx-pdp-back-btn{background:#f1f5f9;color:#475569}.cbx-pdp-back-btn:hover{background:#e2e8f0;transform:translateX(-2px)}.cbx-pdp-home-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 2px 8px #3b82f64d;color:#fff}.cbx-pdp-home-btn:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-2px)}.cbx-pdp-back-btn svg,.cbx-pdp-home-btn svg{font-size:14px}.cbx-pdp-content{display:flex;flex-direction:column;gap:20px}.cbx-pdp-loading{padding:20px}.cbx-pdp-error,.cbx-pdp-loading{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014}.cbx-pdp-error{border:1px solid #0000000f;padding:48px 24px;text-align:center}.cbx-pdp-error__icon{color:#ef4444;font-size:48px;margin-bottom:16px;opacity:.8}.cbx-pdp-error__title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.cbx-pdp-error__message{color:#64748b;font-size:14px;margin:0 0 20px}.cbx-pdp-error__link{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.cbx-pdp-error__link:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-2px)}.cbx-pdp-auth{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.cbx-pdp-auth__icon{color:#6366f1;font-size:64px;margin-bottom:20px}.cbx-pdp-auth__title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.cbx-pdp-auth__text{color:#64748b;font-size:14px;margin:0 0 24px}.cbx-pdp-auth__btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .2s}.cbx-pdp-auth__btn:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-3px)}.cbx-pdp-related-section{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:24px}.cbx-pdp-related-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px}.cbx-pdp-related-list{display:flex;flex-direction:column;gap:16px}.cbx-pdp-related-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:16px;text-decoration:none;transition:all .2s ease}.cbx-pdp-related-card:hover{background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border-color:#6366f133;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.cbx-pdp-related-author{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:10px}.cbx-pdp-related-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.cbx-pdp-avatar-initials{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.cbx-pdp-related-content{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.5;margin:0;overflow:hidden}.cbx-pdp-related-tags{display:flex;flex-wrap:wrap;gap:8px}.cbx-pdp-related-tag{background:#6366f11a;border-radius:20px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 10px}@media (min-width:1400px){.cbx-post-detail-page{gap:32px;padding:0 32px 24px}.cbx-pdp-main{max-width:780px}}@media (max-width:1024px){.cbx-post-detail-page{gap:20px;padding:0 16px 16px}.cbx-pdp-main{max-width:100%}}@media (max-width:768px){.cbx-post-detail-page{flex-direction:column;gap:12px;padding:0 12px 12px}.cbx-pdp-header{border-radius:12px;padding:10px 12px}.cbx-pdp-back-btn,.cbx-pdp-home-btn{font-size:12px;padding:8px 12px}.cbx-pdp-error{padding:32px 16px}.cbx-pdp-related-section{padding:16px}.cbx-pdp-related-card{padding:14px}}@media (max-width:480px){.cbx-post-detail-page{padding:0 8px 8px}.cbx-pdp-header{flex-wrap:wrap;gap:8px}.cbx-pdp-back-btn,.cbx-pdp-home-btn{flex:1 1;justify-content:center}}.trending-topics-page{background:#f3f4f6;display:flex;min-height:100vh}.ttp-main{flex:1 1;margin:0 auto;max-width:800px;padding:20px}.ttp-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:24px}.ttp-header h1{align-items:center;color:#111827;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0 0 8px}.ttp-fire-icon{color:#f59e0b}.ttp-header p{color:#6b7280;font-size:14px;margin:0}.ttp-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.ttp-loading{display:flex;flex-direction:column;gap:12px}.ttp-skeleton-item{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;height:60px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ttp-empty{padding:60px 20px;text-align:center}.ttp-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.ttp-empty h3{color:#374151;font-size:18px;margin:0 0 8px}.ttp-empty p{color:#6b7280;font-size:14px;margin:0}.ttp-topics-grid{display:flex;flex-direction:column;gap:10px}.ttp-topic-card{align-items:center;background:#f9fafb;border:1px solid #0000;border-radius:10px;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .2s}.ttp-topic-card:hover{background:#f3f4f6;border-color:#e5e7eb;transform:translateX(4px)}.ttp-topic-rank{align-items:center;background:#4f46e5;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;min-width:40px}.ttp-topic-card:first-child .ttp-topic-rank{background:#f59e0b}.ttp-topic-card:nth-child(2) .ttp-topic-rank{background:#9ca3af}.ttp-topic-card:nth-child(3) .ttp-topic-rank{background:#cd7f32}.ttp-topic-info{flex:1 1}.ttp-topic-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.ttp-topic-count{color:#6b7280;font-size:13px;margin:0}.ttp-topic-growth{align-items:center;color:#10b981;display:flex;font-size:13px;font-weight:600;gap:4px}.ttp-container{margin:60px auto;max-width:600px;padding:20px}.ttp-auth-required{background:#fff;border-radius:12px;padding:40px;text-align:center}.ttp-auth-required h2{color:#374151;margin:0 0 16px}.ttp-login-btn{background:#4f46e5;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:10px 24px;text-decoration:none}@media (max-width:768px){.ttp-main{padding:12px}.ttp-header{padding:16px}.ttp-header h1{font-size:20px}.ttp-topic-card{padding:12px}.ttp-topic-name{font-size:14px}}.unanswered-questions-page{background:#f3f4f6;display:flex;min-height:100vh}.uqp-main{flex:1 1;margin:0 auto;max-width:680px;padding:20px}.uqp-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.uqp-header-info h1{align-items:center;color:#111827;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 6px}.uqp-icon{color:#4f46e5}.uqp-header-info p{color:#6b7280;font-size:14px;margin:0}.uqp-filters{align-items:center;display:flex;gap:8px}.uqp-filter-icon{color:#6b7280;font-size:14px}.uqp-sort-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.uqp-sort-select:focus{border-color:#4f46e5;outline:none}.uqp-content,.uqp-loading{display:flex;flex-direction:column;gap:16px}.uqp-empty{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:60px 20px;text-align:center}.uqp-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.uqp-empty h3{color:#374151;font-size:18px;margin:0 0 8px}.uqp-empty p{color:#6b7280;font-size:14px;margin:0}.uqp-questions-list{display:flex;flex-direction:column;gap:16px}.uqp-load-more{display:flex;justify-content:center;padding:20px 0}.uqp-load-more-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s}.uqp-load-more-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.uqp-load-more-btn:disabled{cursor:not-allowed;opacity:.6}.uqp-container{margin:60px auto;max-width:600px;padding:20px}.uqp-auth-required{background:#fff;border-radius:12px;padding:40px;text-align:center}.uqp-auth-required h2{color:#374151;margin:0 0 16px}.uqp-login-btn{background:#4f46e5;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:10px 24px;text-decoration:none}@media (max-width:768px){.uqp-main{padding:12px}.uqp-header{align-items:stretch;flex-direction:column;padding:16px}.uqp-header-info h1{font-size:18px}.uqp-filters{justify-content:flex-end}.uqp-sort-select{flex:1 1;max-width:200px}}.topic-page{background:#f5f5f5;box-sizing:border-box;min-height:100vh;padding:80px 20px 20px;width:100%}.topic-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:900px;width:100%}.topic-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;justify-content:space-between;padding:24px}.topic-info{flex:1 1;min-width:0}.topic-info h1{color:#3b82f6;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.topic-stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.topic-stats span{color:#6b7280;font-size:14px;font-weight:500}.topic-stats .trending{background:#fef3c7;border-radius:6px;color:#78350f;font-weight:600;padding:4px 12px}.follow-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 28px;transition:all .2s;white-space:nowrap}.follow-btn:hover{background:#4338ca;transform:translateY(-1px)}.follow-btn.following{background:#fff;border:2px solid #4f46e5;color:#4f46e5}.follow-btn.following:hover{background:#f3f4f6}.related-topics{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.related-topics h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.topics-list{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:#eff6ff;border-radius:20px;color:#3b82f6;display:inline-block;font-size:14px;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .2s}.topic-tag:hover{background:#dbeafe;transform:translateY(-1px)}.sort-options{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:12px}.sort-options button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.sort-options button:hover{background:#f3f4f6;color:#111827}.sort-options button.active{background:#eff6ff;color:#3b82f6}.posts-list,.posts-loading{display:flex;flex-direction:column;gap:0;width:100%}.posts-list .feed-post{max-width:100%;width:100%}.empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-state p{margin:0}@media (max-width:767px){.topic-page{padding:70px 12px 12px}.topic-container{max-width:100%}.topic-header{flex-direction:column;padding:20px 16px}.topic-info h1{font-size:24px}.follow-btn{width:100%}.topic-stats{gap:12px}.related-topics{padding:16px}}.drafts-page{margin:0 auto;max-width:900px;padding:24px}.drafts-page header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.drafts-page h1{color:#111827;font-size:28px;font-weight:700;margin:0}.create-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:8px;color:#fff;font-size:15px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s}.create-btn:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.tabs button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s}.tabs button.active,.tabs button:hover{color:#4f46e5}.tabs button.active:after{background:#4f46e5;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.drafts-list{display:flex;flex-direction:column;gap:16px}.draft-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.draft-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.draft-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.draft-type{background:#eff6ff;border-radius:6px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.draft-date{color:#6b7280;font-size:13px}.draft-content{margin-bottom:16px}.draft-content h3{color:#111827;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.draft-preview{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.scheduled-info{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#78350f;font-size:13px;font-weight:500;margin-bottom:16px;padding:12px}.draft-actions{align-items:center;display:flex;gap:8px}.draft-actions .edit-btn,.draft-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.draft-actions .edit-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.draft-actions .edit-btn:hover{background:#dbeafe}.draft-actions button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.draft-actions button:hover{background:#e5e7eb}.draft-actions .delete-btn{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;margin-left:auto}.draft-actions .delete-btn:hover{background:#fecaca}.loading{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.empty-state{padding:80px 20px;text-align:center}.empty-state p{color:#6b7280;font-size:16px;margin-bottom:16px}.empty-state a{background:#4f46e5;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s}.empty-state a:hover{background:#4338ca;transform:translateY(-2px)}@media (max-width:767px){.drafts-page{padding:16px}.drafts-page header{align-items:flex-start;flex-direction:column;gap:16px}.drafts-page h1{font-size:24px}.tabs{overflow-x:auto}.tabs button{font-size:14px;padding:10px 16px}.draft-card{padding:16px}.draft-actions{flex-wrap:wrap}}:root{--primary-color:#00c853;--secondary-color:#00e676;--accent-color:#69f0ae;--text-color:#1f2937;--light-text:#6b7280;--background-color:#fff;--section-bg:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-md:0.75rem;--border-radius-lg:1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}.loading-screen,body{background-color:#fff;background-color:var(--background-color)}.loading-screen{align-items:center;color:#00c853;color:var(--primary-color);display:flex;font-size:1.5rem;height:100vh;justify-content:center;width:100%}.loading-screen:after{animation:loading-spinner 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#00c853;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:30px;margin-left:10px;width:30px}@keyframes loading-spinner{to{transform:rotate(1turn)}}.App{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}main{flex:1 1 auto;min-height:0}.container{margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}section{padding:6rem 0;position:relative}.section-title{color:#1f2937;color:var(--text-color);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center}.section-subtitle{color:#6b7280;color:var(--light-text);font-size:1.125rem;margin:0 auto 4rem;max-width:700px;text-align:center}.btn{align-items:center;border-radius:.5rem;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#00c853;background-color:var(--primary-color);border:none;box-shadow:0 4px 14px #00c85340;color:#fff}.btn-primary:hover{background-color:#00e676;background-color:var(--secondary-color);box-shadow:0 6px 20px #00c85359;transform:translateY(-2px)}.btn-outline{background-color:#00c8530d;border:2px solid #00c8534d;color:#00c853;color:var(--primary-color)}.btn-outline:hover{background-color:#00c8531a;border-color:#00c853;border-color:var(--primary-color);transform:translateY(-2px)}.btn-text{background:#0000;color:#1f2937;color:var(--text-color);padding:.75rem 1rem}.btn-text:hover{color:#00c853;color:var(--primary-color)}.card{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-5px)}.grid-2{grid-gap:2rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:2rem}.grid-3{grid-gap:2rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.container{padding:0 1.5rem}.section-title{font-size:2.25rem}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){section{padding:5rem 0}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-title{font-size:2rem}section{padding:4rem 0}.container{padding:0 1rem}.grid-2{grid-template-columns:1fr}.section-subtitle{font-size:1rem;margin-bottom:3rem}}@media (max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr}.section-title{font-size:1.75rem}}.Toastify__toast{border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow)}.Toastify__toast--success{background:#fff;border:1px solid #059669;color:#059669}.Toastify__toast--error{background:#fff;border:1px solid #dc2626;color:#dc2626}.research-rooms-sidebar-layout{background-color:#f9fafb;background-color:var(
    --section-bg
  );display:flex;margin-left:220px;margin-top:0;min-height:100vh;padding-left:24px;padding-right:24px;padding-top:24px;transition:margin-left .3s ease,width .3s ease,padding-left .3s ease;width:calc(100% - 220px)}.sidebar-navbar.collapsed~.research-rooms-sidebar-layout{margin-left:64px;width:calc(100% - 64px)}.research-rooms-sidebar-layout>*{background-color:#fff;background-color:var(
    --background-color
  );border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:0;width:100%}.research-rooms-sidebar-layout>.room-detail{height:calc(100vh - 48px);overflow:hidden;position:relative}.research-rooms-sidebar-layout.room-detail-active,.research-rooms-sidebar-layout:has(.room-detail){height:100vh;overflow:hidden}@media (max-width:1200px){.research-rooms-sidebar-layout>*{padding:0}}@media (max-width:1024px){.research-rooms-sidebar-layout{margin-left:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;padding:60px 0 0;width:100%}.sidebar-navbar.collapsed~.research-rooms-sidebar-layout{margin-left:0;width:100%}.research-rooms-sidebar-layout>*{border-radius:0;padding:0}.research-rooms-sidebar-layout>.room-detail{height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow:hidden;position:relative}.research-rooms-sidebar-layout.room-detail-active,.research-rooms-sidebar-layout:has(.room-detail){bottom:0;height:100vh;height:100dvh;left:0;overflow:hidden;padding-top:0;position:fixed;right:0;top:0}}@media (max-width:768px){.research-rooms-sidebar-layout{margin-left:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;padding:60px 0 0;width:100%}.research-rooms-sidebar-layout>*{border-radius:0;padding:0}.research-rooms-sidebar-layout>.room-detail{height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow:hidden;position:relative}.research-rooms-sidebar-layout.room-detail-active,.research-rooms-sidebar-layout:has(.room-detail){bottom:0;height:100vh;height:100dvh;left:0;overflow:hidden;padding-top:0;position:fixed;right:0;top:0}}@media (max-width:1024px){.cdash.cdash-chat-active{bottom:0!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:60px!important}}@media (max-width:480px){.research-rooms-sidebar-layout{min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;padding:60px 0 0}.research-rooms-sidebar-layout>*{border-radius:0;padding:0}.research-rooms-sidebar-layout>.room-detail{height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow:hidden;position:relative}.research-rooms-sidebar-layout.room-detail-active,.research-rooms-sidebar-layout:has(.room-detail){bottom:0;height:100vh;height:100dvh;left:0;overflow:hidden;padding-top:0;position:fixed;right:0;top:0}}.stg-main-fullpage{background:#0000;margin:0!important;min-height:100vh;padding:0!important;width:100%!important}.stg-main-fullpage>*{background:#0000;border-radius:0;box-shadow:none;padding:0;width:100%}
/*# sourceMappingURL=main.159f6293.css.map*/