:root{--ai-accent-primary:var(--accent-primary);--ai-accent-hover:var(--accent-hover);--ai-background-primary:#fff;--ai-background-secondary:#f7f7f8;--ai-text-primary:var(--text-primary);--ai-text-secondary:var(--text-secondary);--ai-border-primary:var(--border-primary);--ai-border-secondary:var(--border-secondary);--ai-shadow-color:var(--shadow-color);--ai-input-background:#ececf1;--ai-button-background:#ececf1;--ai-button-text:var(--text-primary);--ai-timestamp:var(--text-tertiary);--ai-overlay-shadow:var(--shadow-color);--ai-user-avatar-bg:#ececf1;--ai-user-avatar-text:var(--text-secondary);--theme-transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.theme-dark{--ai-accent-primary:#1a4b8c;--ai-background-primary:var(--background-primary);--ai-background-secondary:var(--background-secondary);--ai-text-primary:var(--text-primary);--ai-text-secondary:var(--text-secondary);--ai-border-primary:var(--border-primary);--ai-border-secondary:var(--border-secondary);--ai-shadow-color:var(--shadow-color);--ai-input-background:var(--background-secondary);--ai-button-background:var(--background-secondary);--ai-button-text:var(--text-primary);--ai-timestamp:var(--text-tertiary);--ai-overlay-shadow:var(--shadow-color);--ai-user-avatar-bg:var(--background-secondary);--ai-user-avatar-text:var(--text-secondary)}@keyframes ai-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ai-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-assistant-portal-container{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.ai-assistant-portal-container>*{pointer-events:auto}.ai-button{align-items:center;animation:ai-pulse 2s infinite;background-color:var(--ai-accent-primary);border:none;border-radius:50%;bottom:32px;box-shadow:0 4px 10px #0003,0 0 0 4px #6366f11a;color:#fff;cursor:pointer;display:flex!important;height:56px;justify-content:center;outline:none;padding:0;position:fixed;right:32px;transition:all .3s ease;width:56px;z-index:9998}.ai-button:hover{box-shadow:0 6px 16px #0000004d,0 0 0 6px #6366f133;transform:scale(1.1)}@keyframes ai-pulse{0%,to{box-shadow:0 4px 10px #0003,0 0 0 4px #6366f11a}50%{box-shadow:0 4px 10px #0003,0 0 0 8px #6366f133}}.ai-overlay{border-radius:12px;bottom:32px;box-shadow:0 10px 25px -5px var(--ai-overlay-shadow);display:flex;flex-direction:column;height:600px;max-height:80vh;overflow:hidden;position:fixed;right:32px;transition:var(--theme-transition);width:420px;z-index:100}.ai-overlay.minimized{height:auto;width:auto}.ai-overlay.expanded{height:600px;max-height:80vh;width:420px}@media screen and (max-width:768px){.ai-button{animation:none;bottom:80px;box-shadow:0 4px 12px #00000026;display:flex!important;height:56px;right:16px;width:56px;z-index:9999}.ai-overlay{border-radius:16px 16px 0 0;bottom:0;left:0;margin:0;max-height:85vh;pointer-events:auto!important;position:fixed;right:0;top:auto;width:100%!important}.ai-overlay.expanded{height:100%;max-height:100vh;width:100%}.ai-overlay.minimized{height:auto!important;min-height:60px}.ai-backdrop{background:#00000080;display:block!important}.ai-backdrop,.ai-header{pointer-events:auto!important}.ai-header{padding:8px!important}.ai-input-area{background:var(--ai-background-primary);border-top:1px solid var(--ai-border-primary);bottom:0;left:0;padding:12px;position:fixed;right:0}.ai-conversation{height:calc(100vh - 120px)!important;padding:8px!important}.ai-message{margin:8px 0;max-width:90%;padding:12px}.ai-message.user{margin-left:auto}.ai-message.assistant{margin-right:auto}.ai-header{position:-webkit-sticky;position:sticky;top:0;z-index:1}.ai-controls{padding:8px}.ai-input{font-size:16px;min-height:44px;padding:8px 12px}.ai-send-button,.ai-voice-button{height:44px;width:44px}}.ai-header{align-items:center;background-color:var(--ai-accent-primary);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px;pointer-events:auto;position:relative;z-index:10}@media (max-width:768px){.ai-header{padding:8px!important}}.ai-header-left{gap:12px;pointer-events:auto}.ai-header-left,.ai-logo{align-items:center;display:flex}.ai-logo{background-color:#fff;border-radius:50%;color:var(--ai-accent-primary);font-weight:700;height:32px;justify-content:center;width:32px}.ai-title{font-weight:600}.ai-status{font-size:12px;opacity:.8}.ai-header-right{gap:8px}.ai-btn,.ai-header-right{align-items:center;display:flex}.ai-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;pointer-events:auto;touch-action:manipulation;transition:background-color .2s;width:40px;z-index:1}.ai-btn:active,.ai-btn:hover{background-color:#fff3}@media (max-width:768px){.ai-btn{height:48px!important;min-height:48px;min-width:48px;width:48px!important}.ai-header-right{gap:12px}}.ai-conversation{background-color:var(--ai-background-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px;transition:var(--theme-transition)}@media (max-width:768px){.ai-conversation{height:calc(100vh - 120px)!important;padding:8px!important}}.message-container{display:flex;margin-bottom:16px;width:100%}.message-container.sender{justify-content:flex-end}.message-container.receiver{justify-content:flex-start}.message-wrapper{display:flex;max-width:75%}.message-container.sender .message-wrapper{flex-direction:row-reverse}.avatar{align-items:center;background-color:var(--ai-background-secondary);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;margin:0 8px;width:36px}.avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-content{display:flex;flex-direction:column}.message-container.sender .message-content{align-items:flex-end}.message-container.receiver .message-content{align-items:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;line-height:1.5;margin-bottom:4px;max-width:100%;padding:12px 16px;transition:var(--theme-transition)}.message-bubble:has(.post-message-container){padding:0}.ai-bubble,.message-container.receiver .message-bubble{background-color:var(--ai-background-primary);border-top-left-radius:4px;color:var(--ai-text-primary)}.message-container.sender .message-bubble,.user-bubble{background-color:var(--ai-accent-primary);border-top-right-radius:4px;color:#fff}.message-time{color:var(--ai-timestamp);font-size:11px;margin-top:2px}.ai-input-area{background-color:var(--ai-background-primary);border-top:1px solid var(--ai-border-primary);display:flex;flex-direction:row-reverse;gap:8px;padding:12px}.ai-input,.ai-input-area{transition:var(--theme-transition)}.ai-input{background-color:var(--ai-input-background);border:1px solid var(--ai-border-primary);border-radius:22px;color:var(--ai-text-primary);flex:1 1;font-family:inherit;font-size:14px;height:44px;outline:none;padding:0 16px}.ai-input::placeholder{color:#6e6e80;opacity:1}.theme-dark .ai-input::placeholder{color:var(--text-tertiary);opacity:.8}.ai-input:focus{border-color:var(--ai-accent-primary);box-shadow:0 0 0 2px #6b21a81a}.ai-action-btn{align-items:center;background-color:var(--ai-button-background);border:1px solid var(--ai-border-primary);border-radius:50%;color:var(--ai-button-text);cursor:pointer;display:flex;height:44px;justify-content:center;transition:var(--theme-transition);width:44px}.ai-action-btn:hover{background-color:var(--ai-background-secondary);border-color:var(--ai-border-secondary)}.ai-send-btn{background-color:var(--ai-accent-primary);color:#fff}.ai-send-btn:hover{background-color:var(--ai-accent-hover)}@media (prefers-color-scheme:dark){:root{--background-primary:#161618;--background-secondary:#26262a;--text-primary:#f7f7f8;--text-secondary:#d5d5e0;--border-primary:#7f7f8a;--shadow-color:#00000040}.ai-overlay{background-color:var(--background-secondary)}.ai-conversation{background-color:var(--background-primary)}.ai-input-area{background-color:var(--background-secondary);border-color:#3a3a42}.ai-input{background-color:initial;border-color:#3a3a42}.ai-bubble,.ai-input{color:var(--text-primary)}.ai-bubble{background-color:var(--background-secondary)}.ai-action-btn{background-color:initial;border:1px solid #3a3a42;color:var(--text-secondary)}.ai-action-btn:hover{background-color:#ffffff0d}}.analytics-container{box-sizing:border-box;overflow-x:hidden}.page-title{word-wrap:break-word;font-size:24px;font-weight:600;margin-bottom:24px;overflow-wrap:break-word}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card,.stats-cards{box-sizing:border-box;width:100%}.stat-card{background-color:var(--background-secondary);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:160px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-light .stat-card{border:var(--border-width) solid var(--border-primary)!important}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:16px 20px 12px}.stat-card-header h3{word-wrap:break-word;color:var(--text-secondary);font-size:16px;font-weight:500;margin:0;overflow-wrap:break-word;text-align:center}.stat-card-content{align-items:center;background-color:var(--background-secondary);box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:20px}.stat-value{word-wrap:break-word;color:var(--text-primary);font-size:28px;font-weight:700;margin:0;overflow-wrap:break-word;text-align:center}.stat-card-footer{background-color:var(--background-tertiary);border-top:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:12px 20px 16px}.stat-label{word-wrap:break-word;color:var(--text-tertiary);font-size:14px;margin:0;overflow-wrap:break-word;text-align:center}.activity-section{background-color:var(--background-secondary);border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;margin-top:30px;overflow:hidden;width:100%}.activity-section-header{background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:20px 20px 16px}.activity-section-header h3{word-wrap:break-word;color:var(--text-primary);font-size:18px;margin:0;overflow-wrap:break-word}.activity-section-content{background-color:var(--background-secondary);box-sizing:border-box;flex:1 1;padding:20px;width:100%}.activity-section-footer{background-color:var(--background-tertiary);border-top:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:12px 20px 16px}.activity-footer-text{word-wrap:break-word;color:var(--text-tertiary);font-size:13px;font-style:italic;margin:0;overflow-wrap:break-word;text-align:center}.no-activity{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-activity p{font-size:14px;margin:8px 0}.no-activity p:first-child{color:var(--text-primary);font-size:16px;font-weight:500}.recent-activity-list{flex-direction:column;gap:12px}.activity-item,.recent-activity-list{box-sizing:border-box;display:flex;width:100%}.activity-item{align-items:flex-start;background-color:var(--background-primary);border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.activity-item:hover{background-color:var(--background-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.activity-item:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.activity-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.activity-item:focus:not(:focus-visible){outline:none}.pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:20px;padding:20px 0 0}.pagination-info{display:flex;flex-direction:column;gap:4px}.page-info{color:var(--text-primary);font-size:14px;font-weight:500}.activities-info{color:var(--text-secondary);font-size:12px}.pagination-buttons{display:flex;gap:12px}.pagination-btn{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--background-secondary);border-color:var(--primary-color);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{background-color:var(--background-tertiary);cursor:not-allowed;opacity:.5}@media (max-width:768px){.pagination{align-items:center;flex-direction:column;gap:16px}.pagination-buttons{gap:8px}.pagination-btn{min-width:100px;padding:10px 20px}}.activity-item.last-viewed{animation:highlight-fade 3s ease-out;background-color:#4a90e21a;border-left:4px solid #4a90e2}@keyframes highlight-fade{0%{background-color:#4a90e233;transform:translateX(-5px)}to{background-color:#4a90e21a;transform:translateX(0)}}.activity-status{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;margin-right:15px;width:30px}.activity-details{box-sizing:border-box;flex:1 1;min-width:0}.activity-question{color:var(--text-primary);cursor:help;font-size:14px;line-height:1.4;margin:0 0 5px;max-width:100%}.activity-meta,.activity-question{word-wrap:break-word;overflow-wrap:break-word}.activity-meta{color:var(--text-tertiary);font-size:13px;margin:0}.chart-container{background-color:var(--background-secondary);border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:30px;overflow:hidden;width:100%}.chart-header{background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:20px 20px 16px}.chart-header h3{word-wrap:break-word;color:var(--text-primary);font-size:18px;margin:0;overflow-wrap:break-word}.chart-content{background-color:var(--background-secondary);box-sizing:border-box;flex:1 1;overflow:hidden;padding:20px;width:100%}.chart-footer{background-color:var(--background-tertiary);border-top:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:12px 20px 16px}.chart-footer p{word-wrap:break-word;color:var(--text-tertiary);font-size:13px;font-style:italic;margin:0;overflow-wrap:break-word;text-align:center}.performance-stats{margin-top:24px}.performance-stats,.stat-row{box-sizing:border-box;width:100%}.stat-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background-color:var(--background-secondary);border-radius:8px;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;width:100%}.stat-item-header{background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:16px 20px 12px}.stat-item-header h4{word-wrap:break-word;color:var(--text-secondary);font-size:14px;margin:0;overflow-wrap:break-word;text-align:center}.stat-item-content{align-items:center;background-color:var(--background-secondary);box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:20px}.stat-item-content p{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.stat-item-footer{background-color:var(--background-tertiary);border-top:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:12px 20px 16px}.stat-item-footer span{word-wrap:break-word;color:var(--text-tertiary);display:block;font-size:12px;overflow-wrap:break-word;text-align:center}.categories-list{background-color:var(--background-secondary);border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;width:100%}.categories-header{background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:20px 20px 16px}.categories-header h3{word-wrap:break-word;color:var(--text-primary);font-size:18px;margin:0;overflow-wrap:break-word}.categories-content{background-color:var(--background-secondary);box-sizing:border-box;flex:1 1;overflow:hidden;padding:20px;width:100%}.categories-footer{background-color:var(--background-tertiary);border-top:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;padding:12px 20px 16px}.categories-footer p{word-wrap:break-word;color:var(--text-tertiary);font-size:13px;font-style:italic;margin:0;overflow-wrap:break-word;text-align:center}.table-container{background-color:var(--background-secondary);border-radius:8px;overflow-x:auto;width:100%}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--background-tertiary);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.category-table{background-color:var(--background-secondary);border-collapse:collapse;border-radius:8px;min-width:600px;overflow:hidden;width:100%}.category-table td,.category-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.category-table th{background-color:var(--background-tertiary);color:var(--text-primary);font-weight:600}.category-table td{color:var(--text-secondary)}.category-table tr.weak-area{background-color:var(--error-light)}.category-table tr:hover{background-color:var(--background-hover)}.weak-areas-section{display:flex;flex-direction:column}.weak-areas-header{border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;flex-shrink:0;padding:20px 20px 16px}.weak-areas-header h3{color:var(--text-primary);font-size:18px;margin:0}.weak-areas-content{border-radius:0 0 12px 12px;flex:1 1;padding:20px}.weak-areas-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.weak-area-card{background-color:var(--background-secondary);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.weak-area-header{background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px 20px 12px}.weak-area-header h4{color:var(--text-primary);font-size:18px;margin:0}.weak-area-content{background-color:var(--background-secondary);flex:1 1;padding:20px}.weak-area-rate{color:var(--error-color);font-weight:500;margin-bottom:16px}.recommendations h5{color:var(--text-primary);font-size:16px;margin:15px 0 10px}.recommendations ul{color:var(--text-secondary);margin:0;padding-left:20px}.recommendations li{line-height:1.5;margin-bottom:8px}.recommendations li strong{color:var(--text-primary)}.weak-area-footer{background-color:var(--background-tertiary);border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 20px 16px}.weak-area-footer span{color:var(--text-tertiary);display:block;font-size:12px;font-style:italic;text-align:center}.no-weak-areas{background-color:var(--success-light);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;text-align:center}.no-weak-areas-header{background-color:var(--success-color);border-bottom:1px solid var(--success-dark);flex-shrink:0;padding:16px 20px 12px}.no-weak-areas-header h4{color:#fff;font-size:18px;margin:0}.no-weak-areas-content{background-color:var(--success-light);flex:1 1;padding:20px}.no-weak-areas-content p:first-child{color:var(--success-color);font-size:18px;font-weight:600;margin-bottom:8px}.no-weak-areas-content p:last-child{color:var(--success-dark);margin:0}.no-weak-areas-footer{background-color:var(--success-color);border-top:1px solid var(--success-dark);flex-shrink:0;padding:12px 20px 16px}.no-weak-areas-footer span{color:#fff;display:block;font-size:12px;font-style:italic;text-align:center}@media (min-width:1025px){.stats-cards{gap:24px;grid-template-columns:repeat(4,1fr)}.stat-card{min-height:180px}.stat-value{font-size:32px}}@media (max-width:1024px){.stats-cards{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-container{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.page-title{word-wrap:break-word;font-size:18px;margin-bottom:16px;overflow-wrap:break-word}.stats-cards{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;width:100%}.stat-card{box-sizing:border-box;min-height:120px;width:100%}.stat-card-header{padding:10px 12px 6px}.stat-card-header h3{word-wrap:break-word;font-size:13px;overflow-wrap:break-word}.stat-card-content{padding:12px}.stat-value{word-wrap:break-word;font-size:20px;overflow-wrap:break-word}.stat-card-footer{padding:6px 12px 10px}.stat-label{word-wrap:break-word;font-size:11px;overflow-wrap:break-word}.stat-row{gap:12px;grid-template-columns:1fr;width:100%}.stat-item{box-sizing:border-box;width:100%}.stat-item-header{padding:10px 12px 6px}.stat-item-header h4{word-wrap:break-word;font-size:12px;overflow-wrap:break-word}.stat-item-content{padding:12px}.stat-item-content p{font-size:18px}.stat-item-footer{padding:6px 12px 10px}.stat-item-footer span{word-wrap:break-word;font-size:10px;overflow-wrap:break-word}.weak-areas-list{gap:12px;grid-template-columns:1fr;width:100%}.weak-area-card{box-sizing:border-box;min-height:auto;width:100%}.weak-area-header{padding:10px 12px 6px}.weak-area-header h4{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.weak-area-content{padding:12px}.weak-area-footer{padding:6px 12px 10px}.weak-area-footer span{word-wrap:break-word;font-size:10px;overflow-wrap:break-word}.chart-container{box-sizing:border-box;margin-bottom:20px;overflow:hidden;width:100%}.chart-header{padding:12px 12px 8px}.chart-header h3{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.chart-content{box-sizing:border-box;overflow:hidden;padding:12px;width:100%}.chart-footer{padding:6px 12px 10px}.chart-footer p{word-wrap:break-word;font-size:11px;overflow-wrap:break-word}.categories-list,.categories-section{box-sizing:border-box;width:100%}.categories-list{margin-top:16px}.categories-header{padding:12px 12px 8px}.categories-header h3{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.categories-content{box-sizing:border-box;overflow:hidden;padding:12px;width:100%}.categories-footer{padding:6px 12px 10px}.categories-footer p{word-wrap:break-word;font-size:11px;overflow-wrap:break-word}.table-container{overflow-x:auto}.category-table,.table-container{background-color:var(--background-secondary);border-radius:8px;box-sizing:border-box;max-width:100%;width:100%}.category-table{border-collapse:collapse;display:table;font-size:12px;margin-top:0;min-width:500px;overflow:hidden}.category-table td,.category-table th{box-sizing:border-box;max-width:120px;min-width:70px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.category-table th{background-color:var(--background-tertiary);font-size:11px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.category-table td{font-size:11px}.activity-section{box-sizing:border-box;margin-top:20px;width:100%}.activity-section-header{padding:12px 12px 8px}.activity-section-header h3{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.activity-section-content{box-sizing:border-box;padding:12px;width:100%}.activity-section-footer{padding:6px 12px 10px}.activity-footer-text{word-wrap:break-word;font-size:11px;overflow-wrap:break-word}.activity-item{box-sizing:border-box;padding:10px;width:100%}.activity-status{flex-shrink:0;font-size:12px;height:22px;margin-right:10px;width:22px}.activity-question{font-size:13px}.activity-meta,.activity-question{word-wrap:break-word;overflow-wrap:break-word}.activity-meta{font-size:11px}.weak-areas-section{box-sizing:border-box;width:100%}.weak-areas-header{padding:12px 12px 8px}.weak-areas-header h3{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.weak-areas-content{padding:12px}.no-weak-areas,.weak-areas-content{box-sizing:border-box;width:100%}.no-weak-areas-header{padding:10px 12px 6px}.no-weak-areas-header h4{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.no-weak-areas-content{box-sizing:border-box;padding:12px;width:100%}.no-weak-areas-content p:first-child{word-wrap:break-word;font-size:15px;overflow-wrap:break-word}.no-weak-areas-footer{padding:6px 12px 10px}.no-weak-areas-footer span{word-wrap:break-word;font-size:10px;overflow-wrap:break-word}}@media (max-width:480px){.analytics-container{max-width:100vw;overflow-x:hidden}.stats-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:110px}.stat-value{font-size:18px}.categories-content,.chart-content{padding:8px}.category-table{font-size:10px;min-width:450px}.category-table td,.category-table th{font-size:10px;max-width:100px;min-width:60px;padding:6px 8px}.activity-section-content,.no-weak-areas-content,.weak-areas-content{padding:8px}}@media (max-width:768px) and (orientation:landscape){.stats-cards{grid-template-columns:repeat(2,1fr)}.chart-content{height:200px}.category-table{max-height:250px;overflow-y:auto}}.checkout-section .stat-card{align-items:center;background-color:unset!important;border-radius:unset!important;display:flex;flex-direction:column;margin:0 auto!important;max-width:180px!important;padding:unset!important;width:180px!important}.checkout-section .stat-card .remove-btn{align-items:center;background:none;border:none;border-radius:9999px;color:#ef4444;display:flex;font-size:18px;justify-content:center;min-height:28px;min-width:28px;padding:0;position:absolute;right:8px;top:8px;transition:color .2s;z-index:2}.checkout-section .stat-card .remove-btn:hover{color:#b91c1c}.social-overview{margin-bottom:30px}.social-overview h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 20px}.social-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.social-stat-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.social-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-stat-card h4{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.social-stat-card .stat-value{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.social-stat-card .stat-label{color:var(--text-tertiary);font-size:12px;font-weight:400}.social-engagement-charts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.social-engagement-charts .chart-container{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.social-engagement-charts .chart-container h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.social-insights{margin-bottom:30px}.social-insights h4{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:var(--background-secondary);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:12px;padding:20px}.insight-card.high{border-left-color:#10b981}.insight-card.medium{border-left-color:#f59e0b}.insight-card.low{border-left-color:#6b7280}.insight-card h5{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.insight-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.insight-card .recommendation{color:var(--primary-color);font-size:13px;font-style:italic;font-weight:500}.recent-social-activity{margin-bottom:30px}.recent-social-activity h4{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.recent-posts-list{display:flex;flex-direction:column;gap:15px}.recent-post-item{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.recent-post-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.post-preview p{color:var(--text-primary);font-size:14px;line-height:1.5}.post-metrics{display:flex;gap:20px;margin-bottom:15px}.post-metrics span{color:var(--text-secondary);font-size:13px;font-weight:500}.post-meta{justify-content:space-between}.post-meta .category{background:var(--primary-color);border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.post-meta .date{color:var(--text-tertiary);font-size:12px}.no-social-data{padding:40px 20px;text-align:center}.no-social-data h4{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 10px}.no-social-data p{color:var(--text-secondary);font-size:16px;margin:0}.loading-section{padding:40px 20px;text-align:center}.loading-section p{color:var(--text-secondary);font-size:16px}@media (max-width:768px){.social-stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.social-engagement-charts{gap:20px;grid-template-columns:1fr}.insights-grid{gap:15px;grid-template-columns:1fr}.social-stat-card{padding:15px}.social-stat-card .stat-value{font-size:24px}}@media (max-width:480px){.social-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.post-meta{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:320px){.social-stats-grid{gap:10px;grid-template-columns:1fr}.social-stat-card{min-height:100px}.social-stat-card .stat-value{font-size:20px}.stats-cards{gap:8px;grid-template-columns:1fr}.stat-card{min-height:100px}.stat-value{font-size:16px}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:50vh;padding:2rem}.error-boundary-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.error-boundary-icon{color:#e74c3c;display:flex;justify-content:center;margin-bottom:1.5rem}.error-boundary-icon svg{height:64px;width:64px}.error-boundary-title{color:#2c3e50;font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.error-boundary-message{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:2rem}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.error-boundary-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;min-width:120px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.error-boundary-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.error-boundary-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:2rem;padding:1rem;text-align:left}.error-boundary-details summary{background:#e9ecef;border-radius:4px;color:#495057;cursor:pointer;font-weight:500;margin-bottom:.5rem;padding:.5rem}.error-boundary-component-stack,.error-boundary-stack{background:#2c3e50;border-radius:4px;color:#ecf0f1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;margin:.5rem 0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.error-boundary-component-stack{background:#34495e;margin-top:.5rem}.error-boundary-card.network-error .error-boundary-icon{color:#f39c12}.error-boundary-card.network-error .error-boundary-title{color:#d68910}.error-boundary-card.auth-error .error-boundary-icon{color:#e67e22}.error-boundary-card.auth-error .error-boundary-title{color:#d35400}[data-theme=dark] .error-boundary-container{background:linear-gradient(135deg,#2c3e50,#34495e)}[data-theme=dark] .error-boundary-card{background:#34495e;border-color:#4a5f7a;color:#ecf0f1}[data-theme=dark] .error-boundary-title{color:#ecf0f1}[data-theme=dark] .error-boundary-message{color:#bdc3c7}[data-theme=dark] .error-boundary-details{background:#2c3e50;border-color:#4a5f7a}[data-theme=dark] .error-boundary-details summary{background:#4a5f7a;color:#ecf0f1}@media (max-width:768px){.error-boundary-container{min-height:40vh;padding:1rem}.error-boundary-card{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-actions{align-items:center;flex-direction:column}.error-boundary-btn{max-width:200px;width:100%}}@media (max-width:480px){.error-boundary-card{padding:1.5rem 1rem}.error-boundary-title{font-size:1.25rem}.error-boundary-message{font-size:.9rem}}@keyframes errorBoundaryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-boundary-card{animation:errorBoundaryFadeIn .3s ease-out}.error-boundary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-boundary-btn:disabled:hover{box-shadow:none;transform:none}.error-boundary-btn:focus,.error-boundary-details summary:focus{outline:2px solid #007bff;outline-offset:2px}.error-state{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;padding:2rem;text-align:center}.error-state-small{min-height:120px;padding:1rem}.error-state-medium{min-height:200px;padding:2rem}.error-state-large{min-height:300px;padding:3rem}.error-state-content{max-width:400px;width:100%}.error-state-icon{color:#dc3545;display:flex;justify-content:center;margin-bottom:1rem}.error-state-icon svg{height:48px;width:48px}.error-state-small .error-state-icon svg{height:32px;width:32px}.error-state-large .error-state-icon svg{height:64px;width:64px}.error-state-title{color:#2c3e50;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.error-state-small .error-state-title{font-size:1rem}.error-state-large .error-state-title{font-size:1.5rem}.error-state-message{color:#6c757d;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.error-state-small .error-state-message{font-size:.8rem;margin-bottom:1rem}.error-state-large .error-state-message{font-size:1rem;margin-bottom:2rem}.error-state-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.error-state-btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.error-state-small .error-state-btn{font-size:.8rem;padding:.375rem .75rem}.error-state-large .error-state-btn{font-size:1rem;padding:.75rem 1.5rem}.error-state-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.error-state-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:1.5rem;padding:1rem;text-align:left}.error-state-details summary{background:#e9ecef;border-radius:4px;color:#495057;cursor:pointer;font-weight:500;margin-bottom:.5rem;padding:.5rem}.error-state-stack{background:#2c3e50;border-radius:4px;color:#ecf0f1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;margin:.5rem 0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .error-state{background:#2c3e50;border-color:#4a5f7a;color:#ecf0f1}[data-theme=dark] .error-state-title{color:#ecf0f1}[data-theme=dark] .error-state-message{color:#bdc3c7}[data-theme=dark] .error-state-details{background:#34495e;border-color:#4a5f7a}[data-theme=dark] .error-state-details summary{background:#4a5f7a;color:#ecf0f1}@media (max-width:768px){.error-state{padding:1rem}.error-state-actions{align-items:center;flex-direction:column}.error-state-btn{max-width:200px;width:100%}}@media (max-width:480px){.error-state-small{min-height:100px;padding:.75rem}.error-state-medium{min-height:150px;padding:1.5rem}.error-state-large{min-height:200px;padding:2rem}}.error-boundary-test{margin:0 auto;max-width:800px;padding:2rem}.error-test-header{margin-bottom:2rem;text-align:center}.error-test-header h2{color:#2c3e50;margin-bottom:.5rem}.error-test-header p{color:#6c757d;font-size:1rem}.error-test-nav{background:#f8f9fa;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem}.error-test-content,.error-test-nav{border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem}.error-test-content{background:#fff;box-shadow:0 2px 4px #0000001a;padding:2rem}.error-handler-test,.error-test-component{text-align:center}.error-handler-test h3,.error-test-component h3{color:#2c3e50;margin-bottom:1rem}.error-handler-test p,.error-test-component p{color:#6c757d;margin-bottom:1.5rem}.error-test-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-test-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-top:2rem;padding:1.5rem}.error-test-info h4{color:#1976d2;margin-bottom:1rem}.error-test-info ul{color:#424242;margin:0;padding-left:1.5rem}.error-test-info li{line-height:1.4;margin-bottom:.5rem}[data-theme=dark] .error-boundary-test,[data-theme=dark] .error-test-header h2{color:#ecf0f1}[data-theme=dark] .error-test-header p{color:#bdc3c7}[data-theme=dark] .error-test-nav{background:#2c3e50;border-color:#4a5f7a}[data-theme=dark] .error-test-content{background:#34495e;border-color:#4a5f7a}[data-theme=dark] .error-handler-test h3,[data-theme=dark] .error-test-component h3{color:#ecf0f1}[data-theme=dark] .error-handler-test p,[data-theme=dark] .error-test-component p{color:#bdc3c7}[data-theme=dark] .error-test-info{background:#1e3a5f;border-color:#3f51b5}[data-theme=dark] .error-test-info h4{color:#64b5f6}[data-theme=dark] .error-test-info ul{color:#e3f2fd}@media (max-width:768px){.error-boundary-test{padding:1rem}.error-test-actions,.error-test-nav{align-items:center;flex-direction:column}.error-test-actions .btn{max-width:200px;width:100%}}.theme-dark,:root{--border-subtle:#ffffff1a}.theme-light{--border-subtle:#0000001a}.analytics-container{margin:0 auto;max-width:1200px;padding:1.5rem}.feed-header{border-bottom:var(--border-width) solid var(--border-primary);justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.title-section{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px}.search-toggle-btn{align-items:center;background:var(--surface-secondary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.search-toggle-btn:hover{background:var(--surface-hover);border-color:var(--accent-primary);color:var(--text-primary)}.search-toggle-btn:active{transform:scale(.95)}.search-container{border-bottom:var(--border-width) solid var(--border-primary);margin-bottom:20px;padding:0 0 20px}.search-container input{font-size:16px;transition:all .2s ease}.search-container input:focus{box-shadow:0 0 0 2px var(--accent-primary);outline:none}.page-title{align-items:center;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.create-post-btn,.page-title{display:flex;flex-shrink:0;white-space:nowrap}.create-post-btn{border-radius:8px;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s ease}.create-post-btn:active{background:var(--accent-hover);transform:translateY(0)}.analytics-tabs .flex{background-color:var(--surface-secondary);border:.5px solid var(--border-primary);border-radius:.5rem;padding:.25rem}.analytics-tabs button{background:#0000;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.analytics-tabs button:hover{background:var(--surface-primary);color:var(--text-primary)}.analytics-tabs button.active{background:var(--surface-primary);border:.5px solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--accent-primary)}.theme-dark .analytics-tabs .flex{background-color:var(--surface-secondary);border-color:var(--border-primary)}.theme-dark .analytics-tabs button{color:var(--text-secondary)}.theme-dark .analytics-tabs button:hover{background:var(--surface-primary);color:var(--text-primary)}.theme-dark .analytics-tabs button.active{background:var(--surface-primary);border-color:var(--border-primary);color:var(--accent-primary)}.menu-button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.menu-button:hover{background:var(--surface-secondary);color:var(--text-primary)}.menu-button:active{background:var(--surface-primary)}.theme-dark .menu-button{color:var(--text-secondary)}.theme-dark .menu-button:hover{background:var(--surface-secondary);color:var(--text-primary)}.dropdown-menu,.theme-dark .menu-button:active{background:var(--surface-primary)}.dropdown-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu button:hover{background:var(--surface-secondary)}.dropdown-menu button:first-child{border-radius:.5rem .5rem 0 0}.dropdown-menu button:last-child{border-radius:0 0 .5rem .5rem}.dropdown-menu button:only-child{border-radius:.5rem}.theme-dark .dropdown-menu{background:var(--surface-primary);border-color:var(--border-primary)}.theme-dark .dropdown-menu button{color:var(--text-primary)}.theme-dark .dropdown-menu button:hover{background:var(--surface-secondary)}.groups-content{min-height:400px}.groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}@media (max-width:640px){.groups-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.group-card{background:var(--surface-primary);border:.5px solid var(--border-primary);border-radius:1rem;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.group-card:hover{box-shadow:var(--shadow-md)}.group-image-container{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));height:200px;overflow:hidden;position:relative;width:100%}.group-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.group-card:hover .group-image{transform:scale(1.05)}.group-logo-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:3rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:3rem}.group-logo{color:var(--accent-primary);height:2rem;width:2rem}.group-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1rem;color:var(--text-primary);font-size:.75rem;font-weight:600;left:1rem;padding:.25rem .75rem;position:absolute;top:1rem}.group-info{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 1.5rem}.group-name{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:0;max-width:21ch;overflow:hidden;padding-bottom:.75rem;text-overflow:ellipsis;white-space:nowrap}.group-location{align-items:center;display:flex;gap:.375rem}.group-location,.group-posts{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:0}.group-meta,.group-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.group-stats{border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem;padding:.75rem 0}.group-members{gap:.25rem}.group-members,.group-posts{align-items:center;display:flex}.group-posts{color:var(--text-primary);font-weight:600;gap:.375rem}.group-rating{align-items:center;display:flex;font-weight:500;gap:.25rem}.star-icon{color:#fbbf24;height:1rem;width:1rem}.group-active-members{margin-bottom:0}.active-members-avatars{align-items:center;display:flex;gap:-.25rem;padding:.5rem 0}.member-avatar{align-items:center;background:var(--surface-secondary);border:1px solid var(--surface-primary);border-radius:50%;color:var(--text-primary);display:flex;font-size:.625rem;font-weight:600;height:1.5rem;justify-content:center;margin-left:-.25rem;overflow:hidden;position:relative;width:1.5rem}.member-avatar:first-child{margin-left:0}.member-avatar.more-members{background:var(--accent-primary);color:#fff;font-size:.5rem;font-weight:700}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;display:flex;font-size:.75rem;font-weight:600;height:100%;justify-content:center;width:100%}.theme-dark .member-avatar{background:var(--surface-secondary);border-color:var(--surface-primary);color:var(--text-primary)}.theme-dark .member-avatar.more-members{background:var(--accent-primary);color:#fff}.theme-dark .avatar-fallback{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff}.empty-state .w-16{color:var(--text-secondary);margin:0 auto 1rem}.empty-state h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.theme-dark .group-card{background:var(--surface-primary);border-color:var(--border-primary)}.theme-dark .group-logo-overlay{background:#000000b3;border-color:#fff3}.theme-dark .group-badge{background:#000c;border-color:#fff3;color:var(--text-primary)}.empty-state{padding:3rem 1rem;text-align:center}.empty-state h3{margin-bottom:.5rem}.empty-state p{margin-bottom:1rem}.group-card{transition:all .2s ease-in-out}.group-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.dark .group-card:hover{box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn-primary{align-items:center;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{background:var(--accent-hover);transform:translateY(0)}.btn-secondary{align-items:center;background:var(--surface-primary);border:.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:var(--surface-secondary);border-color:var(--text-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary:active{background:var(--surface-secondary);transform:translateY(0)}.btn-outline{align-items:center;background:#0000;border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-outline:hover{background:#ef44441a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-outline:active{background:#ef444426;transform:translateY(0)}.theme-dark .btn-primary{background:var(--accent-primary);color:#fff}.theme-dark .btn-primary:hover{background:var(--accent-hover)}.theme-dark .btn-secondary{background:var(--surface-primary);border:.5px solid var(--border-primary);color:var(--text-primary)}.theme-dark .btn-secondary:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.theme-dark .btn-outline{background:#0000;border:1px solid var(--danger-color);color:var(--danger-color)}.theme-dark .btn-outline:hover{background:#ef444433}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.modal-content{background-color:var(--surface-primary);border-radius:.5rem;box-shadow:var(--shadow-lg)}.form-input,.modal-content{border:.5px solid var(--border-primary)}.form-input{background:var(--surface-primary);color:var(--text-primary);transition:all .2s ease-in-out}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{resize:none}.privacy-option{background:var(--surface-primary);border:.5px solid var(--border-primary);cursor:pointer;transition:all .2s ease-in-out}.privacy-option:hover{background:var(--surface-secondary)}.privacy-option.selected{background:#3b82f61a;border-color:var(--accent-primary)}.radio-custom{-webkit-appearance:none;appearance:none;border:2px solid var(--border-primary);border-radius:50%;cursor:pointer;height:1rem;position:relative;transition:all .2s ease-in-out;width:1rem}.radio-custom:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.radio-custom:checked:after{background-color:#fff;border-radius:50%;content:"";height:.375rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.image-upload{cursor:pointer;display:inline-block;position:relative}.image-upload input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.image-preview{object-fit:cover}.image-placeholder,.image-preview{border-radius:.5rem;height:4rem;width:4rem}.image-placeholder{align-items:center;background-color:var(--surface-secondary);display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.analytics-container{padding:1rem}.feed-header{gap:16px;justify-content:space-between}.feed-header,.title-section{align-items:center;flex-direction:row}.title-section{gap:12px}.page-title{font-size:1.5rem;line-height:1.2}.create-post-btn{font-size:13px;justify-content:center;padding:10px 16px;width:auto}.search-toggle-btn{height:36px;width:36px}.search-container{margin-bottom:16px;padding:0 0 16px}.search-container input{font-size:16px}.groups-content{min-height:300px}.empty-state{padding:2rem 1rem}.group-card{margin-bottom:1rem}.btn-outline,.btn-primary,.btn-secondary{font-size:13px;padding:.625rem 1.25rem}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.focus-visible:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.dropdown-menu{background-color:var(--surface-primary);border:.5px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);position:absolute;right:0;top:2rem;width:12rem;z-index:10}.dropdown-item{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease-in-out;width:100%}.dropdown-item:hover{background-color:var(--surface-secondary)}.group-actions{margin-top:0;padding:1rem 0 0}.group-actions,.join-leave-btn{display:flex;justify-content:center}.join-leave-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;min-width:100px;padding:.5rem 1rem;transition:all .2s ease}.join-btn{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.join-btn:hover:not(:disabled){background:var(--accent-primary-dark);border-color:var(--accent-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.leave-btn{background:var(--error-primary);border:1px solid var(--error-primary);color:#fff}.leave-btn:hover:not(:disabled){background:var(--error-primary-dark);border-color:var(--error-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pending-btn{cursor:not-allowed}.cancel-btn,.pending-btn{background:var(--warning-primary);border:1px solid var(--warning-primary);color:#fff}.cancel-btn:hover:not(:disabled){background:var(--warning-primary-dark);border-color:var(--warning-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.join-leave-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.theme-dark .join-btn{background:var(--accent-primary);color:#fff}.theme-dark .join-btn:hover:not(:disabled){background:var(--accent-primary-dark)}.theme-dark .leave-btn{background:var(--error-primary);color:#fff}.theme-dark .leave-btn:hover:not(:disabled){background:var(--error-primary-dark)}.theme-dark .cancel-btn,.theme-dark .pending-btn{background:var(--warning-primary);color:#fff}.theme-dark .cancel-btn:hover:not(:disabled){background:var(--warning-primary-dark)}.group-posts-section{max-width:100%;width:100%}.feed-header{display:flex;margin-bottom:1.5rem}.create-post-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-fast) ease}.create-post-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state,.loading-state{gap:1rem}.empty-state p{font-size:1.1rem;margin:0}.load-more-section{display:flex;justify-content:center;margin-top:2rem}.group-post-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:var(--shadow-sm);padding:.3rem;transition:all .2s ease}.group-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.post-author{align-items:center;display:flex;flex:1 1;gap:.75rem}.author-avatar{border-radius:50%;height:40px;object-fit:cover;transition:all .2s ease;width:40px}.author-avatar.clickable-avatar{cursor:pointer}.author-avatar.clickable-avatar:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.author-avatar.fallback-avatar{align-items:center;background:var(--surface-secondary);color:var(--text-secondary);display:flex;justify-content:center}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.post-author-name.clickable-username{cursor:pointer;transition:color .2s ease}.post-author-name.clickable-username:hover{color:var(--accent-primary)}.post-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem}.post-category{background:var(--accent-primary);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.post-time{font-size:.875rem}.post-views{align-items:center;display:flex;gap:.25rem}.edited-badge{background:var(--surface-secondary);border-radius:.25rem;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.post-menu-container{position:relative}.post-menu-btn{background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.post-menu-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.post-menu-dropdown{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.post-menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.post-menu-item:hover{background:var(--surface-secondary)}.post-menu-item.delete{color:var(--danger-color)}.post-menu-item.report{color:var(--warning-color)}.post-text{word-wrap:break-word;color:var(--text-primary);line-height:1.6;margin:0 0 1rem}.post-media{margin-top:1rem}.post-media-grid{border-radius:.5rem;overflow:hidden}.post-actions{border-top:1px solid var(--border-primary);gap:1rem;padding-top:1rem}.post-action-btn,.post-actions{align-items:center;display:flex}.post-action-btn{background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.post-action-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.post-action-btn.liked{color:var(--accent-primary)}.post-action-btn:disabled{cursor:not-allowed;opacity:.5}.comment-input-section{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:1rem}.comment-input{align-items:flex-end;display:flex;gap:.75rem}.comment-input-field{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);flex:1 1;font-size:.875rem;max-height:120px;min-height:40px;padding:.75rem;resize:vertical}.comment-input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.comment-submit-btn{background:var(--accent-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.comment-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.5}.post-comments{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:1rem}.comment{background:var(--surface-secondary);border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:16px;position:relative;transition:all .2s ease}.comment:last-child{border-bottom:none;margin-bottom:0}.comment-header{display:flex;gap:8px;margin-bottom:8px;padding-bottom:4px}.comment-info{flex:1 1;flex-direction:column;gap:4px}.comment-author{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.comment-author .username-info{align-items:center;display:flex;flex-direction:row;gap:8px}.comment-avatar{border:none;border-radius:50%;height:24px;object-fit:cover;width:24px}.comment-avatar.fallback-avatar{align-items:center;background:var(--surface-secondary);color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:center}.comment-info{display:flex;flex-wrap:nowrap;gap:8px}.comment-author-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.comment-time{color:var(--text-secondary);font-size:12px;font-weight:400}.comment-actions{align-items:center;display:flex;gap:12px}.comment-delete-btn,.comment-like-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem;transition:all .2s ease}.comment-delete-btn:hover,.comment-like-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.comment-like-btn.liked{color:var(--accent-primary)}.comment-delete-btn{color:var(--danger-color)}.comment-content,.comment-content p{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0}.comment-content{word-wrap:break-word;font-size:15px;line-height:1.6;margin-bottom:16px;margin:0 0 8px}.comment-content p{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0}.comment-replies{border-left:2px solid var(--border-primary);margin-left:2rem;margin-top:.75rem;padding-left:1rem}.reply-item{margin-bottom:.75rem}.reply-item:last-child{margin-bottom:0}.reply-header{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px;padding-bottom:4px}.reply-author{display:flex;flex:1 1;flex-direction:column;gap:4px}.reply-avatar{border-radius:50%;height:20px;object-fit:cover;width:20px}.reply-avatar.fallback-avatar{align-items:center;background:var(--surface-secondary);color:var(--text-secondary);display:flex;font-size:.625rem;justify-content:center}.reply-info{display:flex;flex-direction:column;gap:.125rem}.reply-author-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.reply-time{color:var(--text-secondary);font-size:.625rem}.reply-actions{align-items:center;display:flex;gap:.25rem;margin-left:28px;margin-top:4px}.reply-delete-btn,.reply-like-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.625rem;gap:.25rem;padding:.25rem;transition:all .2s ease}.reply-delete-btn:hover,.reply-like-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.reply-like-btn.liked{color:var(--accent-primary)}.reply-delete-btn{color:var(--danger-color)}.reply-content,.reply-content p{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0}.reply-content{font-size:13px;margin:0 0 6px;padding-left:28px}.reply-input{align-items:flex-end;display:flex;gap:.5rem;margin-top:.5rem}.reply-input-field{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);flex:1 1;font-size:.75rem;max-height:80px;min-height:32px;padding:.5rem;resize:vertical}.reply-input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1);outline:none}.reply-submit-btn{background:var(--accent-primary);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.reply-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.reply-submit-btn:disabled{cursor:not-allowed;opacity:.5}.group-post-creator-modal{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:1rem;box-shadow:var(--shadow-lg);left:50%;max-height:90vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.modal-body{padding:1.5rem}.modal-body-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.modal-body-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.post-input-section{margin-bottom:24px}.post-textarea{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;min-height:120px;padding:1rem;resize:vertical;width:100%}.post-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.character-count{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;text-align:right}.media-preview-section{border-bottom:1px solid var(--border-primary);padding:1.5rem}.post-media-preview{border-radius:.5rem;overflow:hidden}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-group label{font-weight:500}.option-group label,.option-select{color:var(--text-primary);font-size:.875rem}.option-select{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem}.option-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.media-upload-area{border-bottom:1px solid var(--border-primary);border:2px dashed var(--border-primary);border-radius:.5rem;cursor:pointer;margin:1.5rem;padding:1.5rem;text-align:center;transition:all .2s ease}.media-upload-area:hover{background:rgba(var(--accent-primary-rgb),.05);border-color:var(--accent-primary)}.upload-hint{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem}.upload-hint svg{color:var(--accent-primary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.create-post-btn{align-items:center!important;background:var(--background-primary)!important;border:var(--border-width) solid var(--border-primary)!important;border-radius:12px!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;font-size:14px!important;gap:0!important;height:40px!important;justify-content:center!important;margin:0!important;max-width:40px!important;min-width:40px!important;overflow:hidden!important;padding:8px!important;position:relative!important;transition:all var(--transition-medium) ease!important;width:40px!important}.create-post-btn:hover{background:var(--surface-secondary)!important;border-color:var(--accent-primary)!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-2px)!important}.create-post-btn:active{transform:translateY(0)!important}.create-post-btn svg{color:var(--text-primary)!important;flex-shrink:0!important;height:20px!important;transition:color var(--transition-medium) ease!important;width:20px!important}.create-post-btn:hover svg{color:var(--accent-primary)!important}.create-post-btn>:not(svg){display:none!important}.create-post-btn{font-size:0!important}.create-post-btn svg{font-size:20px!important}.group-post-creator-modal{margin:1rem;width:95%}.social-options{grid-template-columns:1fr}.modal-actions{flex-direction:column}.comment-input,.reply-input{align-items:stretch;flex-direction:column}}.theme-dark .group-post-card,.theme-dark .post-menu-dropdown{background:var(--surface-primary);border-color:var(--border-primary)}.theme-dark .comment-input-field,.theme-dark .option-select,.theme-dark .post-textarea,.theme-dark .reply-input-field{background:var(--surface-primary);border-color:var(--border-primary);color:var(--text-primary)}.membership-warning{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef3cd,#fde68a);border:1px solid #f59e0b;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.warning-content{align-items:flex-start;display:flex;gap:.75rem}.warning-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.warning-text{flex:1 1}.warning-text strong{color:#92400e;display:block;font-weight:600;margin-bottom:.25rem}.warning-text p{color:#a16207;font-size:.875rem;line-height:1.4;margin:0}.theme-dark .membership-warning{background:linear-gradient(135deg,#451a03,#78350f);border-color:#d97706}.theme-dark .warning-text strong{color:#fbbf24}.theme-dark .warning-text p{color:#fcd34d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.privacy-posts-content{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s ease}.privacy-posts-content:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.privacy-posts-text{margin-bottom:0}.privacy-posts-text h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.privacy-posts-text p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.privacy-posts-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-fast) ease}.privacy-posts-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.privacy-posts-btn:active{transform:translateY(0)}