.login-container{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-box{background:#fff;border:1px solid #e8ecef;border-radius:16px;width:100%;max-width:420px;padding:3rem;box-shadow:0 8px 32px #0000001a}.login-title{color:#1a1a1a;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#4a90e2 0%,#50c878 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-subtitle{color:#6c757d;text-align:center;margin-bottom:2.5rem;font-size:.9375rem;font-weight:500}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group label{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.form-group input{color:#1a1a1a;background:#fff;border:2px solid #e8ecef;border-radius:10px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:none;border-radius:10px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4a90e240}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4a90e259}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:#721c24;text-align:center;background:linear-gradient(135deg,#fee 0%,#fcc 100%);border:1px solid #f5c6cb;border-radius:10px;padding:1rem;font-size:.875rem;font-weight:500}.analytics-panel{flex-direction:column;width:100%;max-width:100%;min-height:100%;display:flex}.analytics-panel-header{flex-wrap:wrap;align-items:start;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.analytics-panel-header h3{border:none;margin:0;padding:0;line-height:1.25}.analytics-charts{flex:1;grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width<=1200px){.analytics-charts{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.analytics-charts{grid-template-columns:1fr}}.chart-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;min-height:260px;transition:all .3s;display:flex}.chart-container h4{color:#1a1a1a;text-align:left;letter-spacing:-.01em;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.05rem;font-weight:600}.chart-container .recharts-wrapper{flex:1}.recharts-cartesian-grid-horizontal line{display:none}.recharts-cartesian-grid-vertical line{stroke:#f5f5f5;stroke-dasharray:3 3}.recharts-bar{transition:all .2s}.recharts-bar:hover{opacity:.85;filter:brightness(1.05)}.recharts-bar-rectangle{transition:all .2s}.recharts-bar-rectangle:hover{opacity:.85}.sync-button-container{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sync-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #4a90e240}.sync-button:hover:not(:disabled){background:linear-gradient(135deg,#357abd 0%,#2a5f8f 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4a90e259}.sync-button:active:not(:disabled){transform:translateY(0)}.sync-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sync-message{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s slideIn;display:inline-flex}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sync-message.success{color:#155724;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:1px solid #c3e6cb}.sync-message.error{color:#721c24;background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);border:1px solid #f5c6cb}.sync-message.info{color:#0c5460;background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border:1px solid #bee5eb}.timeline-chart{flex-direction:column;width:100%;min-height:100%;display:flex}.timeline-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.timeline-chart-header h3{margin:0}.timeline-chart-dropdown{position:relative}.timeline-chart-dropdown-trigger{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e8ecef;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s;display:inline-flex}.timeline-chart-dropdown-trigger:hover{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e226}.timeline-chart-dropdown-label{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.timeline-chart-dropdown-arrow{color:#6c757d;font-size:.75rem}.timeline-chart-dropdown-backdrop{z-index:10;position:fixed;inset:0}.timeline-chart-dropdown-menu{z-index:11;background:#fff;border:1px solid #e8ecef;border-radius:10px;grid-template-columns:1fr 1fr;gap:0 .5rem;width:max-content;min-width:320px;max-width:min(90vw,520px);max-height:70vh;margin-top:4px;padding:.5rem 0;display:grid;position:absolute;top:100%;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001f}.timeline-chart-dropdown-topic{min-width:0;padding:.25rem .75rem .5rem}.timeline-chart-dropdown-topic-title{color:#6c757d;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem;padding-top:.35rem;font-size:.75rem;font-weight:600}.timeline-chart-dropdown-topic:first-child .timeline-chart-dropdown-topic-title{padding-top:0}.timeline-chart-dropdown-subtopics{flex-direction:column;gap:2px;display:flex}.timeline-chart-dropdown-subtopic{text-align:left;color:#1a1a1a;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.4rem .6rem;font-size:.8125rem;transition:background .15s;display:block}.timeline-chart-dropdown-subtopic:hover{background:#f0f7ff}.timeline-chart-dropdown-subtopic.selected{color:#1976d2;background:#e3f2fd;font-weight:500}.timeline-chart-container{flex:1;width:100%;min-height:280px}.timeline-chart-container .recharts-cartesian-grid-horizontal line,.timeline-chart-container .recharts-cartesian-grid-vertical line{stroke:#f0f0f0;stroke-dasharray:3 3}.timeline-chart-container .recharts-bar-rectangle{rx:4;ry:4}.recharts-tooltip-wrapper{outline:none}.timeline-chart-container .recharts-legend-wrapper{padding-top:0}.timeline-chart-container .recharts-legend-item-icon{border-radius:2px}.timeline-chart-container .recharts-legend-item{margin-left:.75rem}.timeline-chart-container .recharts-legend-item:first-child{margin-left:0}.timeline-chart-container .recharts-legend-item-text{font-size:.8125rem}.popular-posts{width:100%}.popular-posts h3{margin-bottom:1.5rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.post-card{background:#fff;border:1px solid #e8ecef;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.post-card:hover{border-color:#d0d7de;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.post-image{object-fit:cover;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);width:100%;height:220px;display:block}.post-video-container{background:#000;width:100%;height:220px;position:relative;overflow:hidden}.post-video{object-fit:cover;width:100%;height:100%;display:block}.post-video-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:10;background:#000000bf;border-radius:6px;padding:.375rem .75rem;font-size:.6875rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.post-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.post-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8125rem;display:flex}.post-type{text-transform:capitalize;color:#6c757d;background:#f8f9fa;border:1px solid #e8ecef;border-radius:12px;padding:.25rem .75rem;font-weight:600}.post-date{color:#6c757d;font-weight:500}.post-message{color:#2d3748;flex:1;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.6}.post-stats{border-top:1px solid #f0f0f0;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;padding-top:1rem;display:grid}.post-stats .stat-item{color:#6c757d;flex-direction:column;gap:.25rem;padding:.5rem;font-size:.8125rem;display:flex}.post-stats .stat-item strong{color:#1a1a1a;font-size:1.125rem;font-weight:700}.post-stats .stat-item-clickable{cursor:pointer;border-radius:6px;margin:-.25rem;transition:all .2s}.post-stats .stat-item-clickable:hover{background-color:#4a90e21a;transform:translateY(-1px)}.post-stats .stat-item-clickable:hover strong{color:#4a90e2}.post-link{color:#4a90e2;align-items:center;gap:.5rem;margin-top:auto;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.post-link:hover{color:#357abd;text-decoration:underline}.page-stats{flex-direction:column;width:100%;min-height:220px;display:flex}.page-stats h3{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.page-stats-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.page-stat-card{background:#f8f9fa;border:1px solid #e8ecef;border-radius:10px;flex-direction:column;min-height:120px;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:flex}.page-stat-card:hover{background:#fff;border-color:#c5d9f0;box-shadow:0 2px 8px #4a90e21a}.page-stat-main{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.page-stat-name{color:#1a1a2e;border-bottom:1px solid #e8ecef;padding-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.3}.page-stat-metrics{font-variant-numeric:tabular-nums;flex-direction:column;gap:.5rem;display:flex}.page-stat-metric{justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.page-stat-metric-label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:inline-flex}.page-stat-icon{color:#6c757d;opacity:.92;flex-shrink:0;width:1rem;height:1rem}.page-stat-metric-followers .page-stat-icon{color:#357abd}.page-stat-metric-likes .page-stat-icon{color:#c45c5c}.page-stat-metric-rating .page-stat-icon{color:#b8860b}.page-stat-metric-value{color:#1a1a1a;font-size:1rem;font-weight:600}.page-stat-sep{display:none}.page-stat-rating-max,.page-stat-reviews{color:#6c757d;font-size:.75rem;font-weight:400}.page-stat-recommendations{border-top:1px solid #e8ecef;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.page-stat-recommendation{color:#2d3748;padding:.25rem 0;font-size:.8125rem;line-height:1.5}.tag-analysis-widget{background:#fff;border-radius:12px}.tag-analysis-header{flex-wrap:wrap;align-items:start;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.tag-analysis-header h3{color:#1a1a1a;border:none;margin:0;padding:0;font-size:1.25rem;font-weight:700;line-height:1.25}.widget-indicator{color:#6c757d;font-size:.8125rem;font-weight:500}.tag-chart-container{width:100%;margin-bottom:1.5rem}.tag-list{flex-direction:column;gap:.75rem;width:50%;display:none}.tag-item{background:#f8f9fa;border-left:3px solid #4a90e2;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.tag-color-indicator{border-radius:4px;flex-shrink:0;width:16px;height:16px}.tag-name{color:#1a1a1a;flex:1;font-size:.9375rem;font-weight:600}.tag-count{color:#6c757d;font-size:.875rem;font-weight:500}.empty-state{text-align:center;color:#6c757d;padding:3rem 1rem}.empty-state p{margin:.5rem 0}.loading{text-align:center;color:#6c757d;padding:2rem}.actions-panel{width:100%}.actions-panel h3{margin-bottom:1.5rem}.actions-header{background:#f8f9fa;border:1px solid #e8ecef;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.actions-filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.clear-filter-btn{color:#f44336;cursor:pointer;background-color:#fff;border:1px solid #f44336;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.clear-filter-btn:hover{color:#fff;background:#f44336}.status-filter{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:160px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.status-filter:hover{border-color:#4a90e2;box-shadow:0 2px 4px #4a90e21a}.status-filter:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.actions-list{flex-direction:column;gap:1rem;display:flex}.action-card{background:#fff;border:1px solid #e8ecef;border-radius:10px;padding:1.5rem;transition:all .3s}.action-card:hover{border-color:#d0d7de;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-card.highlighted-action{background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);border:2px solid #4a90e2;animation:3s ease-in-out highlightAction;box-shadow:0 0 0 4px #4a90e233}@keyframes highlightAction{0%{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);transform:scale(1.02)}50%{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}to{background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);transform:scale(1)}}.action-status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:16px;padding:.375rem .875rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #00000026}.action-comment,.action-notes{color:#2d3748;background:#f8f9fa;border-left:3px solid #4a90e2;border-radius:8px;margin-bottom:.75rem;padding:.875rem;font-size:.9375rem;line-height:1.6}.action-comment strong,.action-notes strong{color:#1a1a1a;margin-bottom:.375rem;font-weight:600;display:block}.action-assigned{color:#6c757d;margin-bottom:1rem;font-size:.875rem;font-weight:500}.action-controls{border-top:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.status-select{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:160px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.view-comment-link{color:#4a90e2;border:1px solid #4a90e2;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.view-comment-link:hover{color:#fff;background:#4a90e2;text-decoration:none}.action-details{border-top:1px solid #f0f0f0;margin:1rem 0;padding-top:1rem}.action-details-content{background:#f8f9fa;border:1px solid #e8ecef;border-radius:8px;margin-top:1rem;padding:1rem}.steps-content{flex-direction:column;gap:.75rem;display:flex}.step-number{color:#fff;background:#4a90e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.replies-content{flex-direction:column;gap:.75rem;display:flex}.reply-item{background:#fff;border-left:3px solid #50c878;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.reply-text{color:#2d3748;flex:1;font-size:.875rem;font-style:italic;line-height:1.6}.dashboard{background:linear-gradient(#f8f9fa 0%,#fff 100%);width:100%;max-width:100%;min-height:calc(100vh - 80px);margin:0 auto;padding:.7rem 2rem 2rem}.date-input:hover::-webkit-calendar-picker-indicator{opacity:1;filter:invert(.3)sepia()saturate(5)hue-rotate(200deg)}.date-input:focus::-webkit-calendar-picker-indicator{opacity:1;filter:invert(.3)sepia()saturate(5)hue-rotate(200deg)}.date-input::-webkit-datetime-edit-month-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-day-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-year-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-month-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-datetime-edit-day-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-datetime-edit-year-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input:hover::-webkit-calendar-picker-indicator{opacity:1}.date-input:focus::-webkit-calendar-picker-indicator{opacity:1}.dashboard-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:.5rem;display:grid}.dashboard-section{background:#fff;border:1px solid #e8ecef;border-radius:12px;flex-direction:column;width:100%;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.dashboard-section.analytics-section,.dashboard-section.timeline-section{width:100%;max-width:100%}.dashboard-section:before{content:"";opacity:0;background:linear-gradient(#4a90e2 0%,#50c878 100%);border-radius:3px 0 0 3px;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.dashboard-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.dashboard-section:hover:before,.dashboard-section:focus-within:before{opacity:1}.dashboard-section.full-width{grid-column:1/-1}.dashboard-section.half-width{grid-column:span 6}.dashboard-section.third-width{grid-column:span 4}.dashboard-section.analytics-section,.dashboard-section.timeline-section{grid-column:1/-1}.dashboard-section h3{color:#1a1a1a;letter-spacing:-.01em;margin:0 0 .5rem;font-size:1rem;font-weight:600}@media (width<=1024px){.dashboard{padding:1.5rem}.dashboard-section.analytics-section,.dashboard-section.timeline-section{grid-column:1/-1}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-section.analytics-section,.dashboard-section.timeline-section{grid-column:1/-1}.dashboard{padding:1rem}.dashboard-section{padding:1.5rem}.time-filter-container{flex-direction:column;align-items:flex-start;gap:.75rem}.time-filter-select{width:100%}.custom-date-range{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.date-input-wrapper,.date-input{width:100%;min-width:auto}.date-separator{text-align:center;padding:0}.apply-date-btn{width:100%}}.posts-page{background:linear-gradient(#f8f9fa 0%,#fff 100%);width:100%;min-height:calc(100vh - 80px);padding:2rem}.posts-content{background:#fff;border:1px solid #e8ecef;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000a}.time-filter-container{background:#fafbfc;border:1px solid #e8ecef;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000d}.custom-date-range{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e8ecef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding:1.25rem;display:flex;box-shadow:0 2px 8px #0000000a}.date-input:hover::-webkit-calendar-picker-indicator{opacity:1;filter:invert(.3)sepia()saturate(5)hue-rotate(200deg)}.date-input:focus::-webkit-calendar-picker-indicator{opacity:1;filter:invert(.3)sepia()saturate(5)hue-rotate(200deg)}.date-input::-webkit-datetime-edit-month-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-day-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-year-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-month-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-datetime-edit-day-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-datetime-edit-year-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}@media (width<=768px){.posts-page{padding:1.5rem}.time-filter-container{flex-direction:column;align-items:flex-start;gap:.75rem}.time-filter-select{width:100%}.custom-date-range{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.date-input-wrapper,.date-input{width:100%;min-width:auto}.date-separator{text-align:center;padding:0}.apply-date-btn{width:100%}}.load-more-btn{color:#4a90e2;cursor:pointer;background:#fff;border:2px solid #4a90e2;border-radius:8px;width:100%;max-width:320px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:block}.loading-inline{text-align:center;color:#6c757d;padding:.75rem;font-size:.875rem}.link-preview-card{color:inherit;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-width:320px;min-height:44px;margin-top:.375rem;text-decoration:none;transition:border-color .2s,background .2s;display:block;overflow:hidden}.link-preview-card:hover{background:#f1f3f5;border-color:#dee2e6}.link-preview-card-loading{color:#868e96;justify-content:center;align-items:center;gap:2px;padding:.5rem .75rem;font-size:.75rem;display:flex}.link-preview-card-loading-dot{animation:1s ease-in-out infinite link-preview-blink}.link-preview-card-loading-dot:nth-child(2){animation-delay:.15s}.link-preview-card-loading-dot:nth-child(3){animation-delay:.3s}@keyframes link-preview-blink{0%,to{opacity:.3}50%{opacity:1}}.link-preview-card-fallback-content{min-height:56px}.link-preview-card-fallback-icon{color:#868e96;font-size:1.5rem}.link-preview-card-url-fallback{text-overflow:ellipsis;white-space:nowrap;color:#868e96;font-size:.6875rem;font-weight:400;overflow:hidden}.link-preview-card-content{align-items:stretch;gap:0;display:flex}.link-preview-card-image-wrap{background:#e9ecef;flex-shrink:0;width:72px;min-height:56px}.link-preview-card-image{object-fit:cover;width:100%;height:100%;max-height:80px;display:block}.link-preview-card-image-placeholder{color:#adb5bd;background:#e9ecef;justify-content:center;align-items:center;width:100%;height:100%;min-height:56px;font-size:1.25rem;display:flex}.link-preview-card-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;padding:.375rem .5rem;display:flex}.link-preview-card-label{text-transform:uppercase;letter-spacing:.03em;color:#868e96;font-size:.625rem;font-weight:600}.link-preview-card-title{color:#495057;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.link-preview-card-description{color:#868e96;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6875rem;line-height:1.35;display:-webkit-box;overflow:hidden}.comments-panel{width:100%}.comments-panel h3{margin-bottom:1.5rem}.comments-filters{background:#fafbfc;border:1px solid #e8ecef;border-radius:10px;flex-wrap:wrap;gap:.875rem;margin-bottom:2rem;padding:1.25rem;display:flex}.filter-select{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:160px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.filter-select:hover{border-color:#4a90e2;box-shadow:0 2px 4px #4a90e21a}.comments-list{flex-direction:column;gap:1rem;display:flex}.comment-card{background:#fff;border:1px solid #e8ecef;border-radius:10px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.comment-card:before{content:"";opacity:0;background:linear-gradient(#4a90e2 0%,#50c878 100%);border-radius:3px 0 0 3px;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.comment-card:hover:before,.comment-card:focus-within:before,.comment-card.selected-comment:before{opacity:1}.comment-card-with-preview{flex-direction:column;gap:0;display:flex}.comment-card-top{width:100%;margin-bottom:.75rem}.comment-card-with-preview .comment-card-body{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.comment-card-left{flex:1;min-width:0}.comment-card-with-preview .comment-card-right{flex-shrink:0;width:280px;max-width:100%}.comment-card:hover{border-color:#d0d7de;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.comment-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.comment-author{color:#1a1a1a;font-size:.95rem;font-weight:600}.comment-date{color:#6c757d;font-size:.8125rem;font-weight:500}.comment-channel{color:#555c62;margin-bottom:.5rem;font-size:.75rem;font-weight:450}.comment-card-right .comment-link-preview{flex-flow:column wrap;gap:.5rem;margin-top:0;margin-bottom:0;display:flex}.comment-message{color:#2d3748;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.comment-tags{flex-wrap:wrap;gap:.625rem;margin-bottom:.875rem;display:flex}.comment-tag-selector{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.tag-select{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;min-width:200px;max-height:100px;padding:.5rem .75rem;font-size:.8125rem;overflow-y:auto}.tag-select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.tag-select:disabled{cursor:not-allowed;background:#f8f9fa}.tag-updating{color:#6c757d;font-size:.75rem;font-style:italic}.tag.custom-tag{background-color:#4a90e2}.tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:16px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.tag.action{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.tag.moderation{background:#607d8b}.tag.moderation.potential_promotion{background:#8e44ad}.tag.moderation.malicious{background:#d32f2f}.tag.moderation.trolling{background:#6d4c41}.tag.moderation-action{background:#455a64}.tag.moderation-status.active{background:#607d8b}.tag.moderation-status.hidden{background:#ff9800}.tag.moderation-status.deleted{background:#e53935}.comment-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.action-link{color:#4a90e2;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.action-link:hover{color:#357abd;text-decoration:underline}.view-action-link{color:#4a90e2;cursor:pointer;letter-spacing:-.02em;background:#e3f2fd;border:1.5px solid #4a90e2;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.view-action-link .action-count{color:#fff;background:#4a90e2;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 .5rem;font-size:.8125rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #4a90e266}.view-action-link .action-text{color:#1a1a1a;font-weight:700}.view-action-link .action-arrow{color:#357abd;margin-left:.125rem;font-size:1.125rem;font-weight:700;transition:transform .25s}.view-action-link:hover{background:#4a90e2;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.view-action-link:hover .action-count{color:#4a90e2;background:#fff;box-shadow:0 2px 6px #00000026}.view-action-link:hover .action-text{color:#fff}.view-action-link:hover .action-arrow{color:#fff;transform:translate(4px)}.view-action-link:active{transform:translateY(0);box-shadow:0 2px 6px #4a90e240}.analyze-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:none;border-radius:8px;margin-top:.75rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #4a90e233}.analyze-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.analyze-btn:active{transform:translateY(0)}.moderation-actions{flex-wrap:wrap;gap:.5rem;margin-top:.625rem;display:flex}.moderation-btn{color:#fff;cursor:pointer;border:none;border-radius:7px;padding:.45rem .7rem;font-size:.75rem;font-weight:600}.moderation-btn.recommended{background:#4a90e2}.moderation-btn.hide{background:#ff9800}.moderation-btn.delete{background:#e53935}.moderation-btn:disabled{opacity:.65;cursor:not-allowed}.load-more-sentinel{visibility:hidden;pointer-events:none;width:100%;height:1px}.load-more-btn{color:#4a90e2;cursor:pointer;background:#fff;border:2px solid #4a90e2;border-radius:8px;width:100%;margin-top:1.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.load-more-btn:hover{color:#fff;background:#4a90e2;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e233}.loading{text-align:center;color:#6c757d;padding:2rem;font-weight:500}.comment-card.highlight-comment{border-color:#4a90e2;animation:2s ease-in-out highlightComment;box-shadow:0 0 0 3px #4a90e233}@keyframes highlightComment{0%{background-color:#4a90e21a;transform:scale(1.02)}to{background-color:#fff;transform:scale(1)}}.comment-action-view{gap:1.5rem;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-side{flex:0 0 45%;animation:.4s slideLeft}@keyframes slideLeft{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}.actions-side{background:#f8f9fa;border:1px solid #e8ecef;border-radius:10px;flex:1;padding:1.5rem;animation:.4s slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.back-btn{color:#4a90e2;cursor:pointer;background:#fff;border:1.5px solid #4a90e2;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{color:#fff;background:#4a90e2;transform:translate(-4px);box-shadow:0 2px 8px #4a90e24d}.selected-comment{margin-top:0}.actions-side-title{color:#1a1a1a;border-bottom:2px solid #e8ecef;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.actions-list-inline{flex-direction:column;gap:1rem;display:flex}.action-card-inline{background:#fff;border:1px solid #e8ecef;border-radius:10px;padding:1.25rem;transition:all .3s}.action-card-inline:hover{border-color:#d0d7de;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.action-status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:16px;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.action-date{color:#6c757d;font-size:.8125rem;font-weight:500}.action-type{color:#1a1a1a;text-transform:capitalize;margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.action-details{margin:1rem 0}.action-details-toggle{color:#4a90e2;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;font-weight:600;transition:color .2s;display:flex}.action-details-toggle:hover{color:#357abd}.action-details-content{border-top:1px solid #e8ecef;margin-top:1rem;padding-top:1rem}.action-detail-item{margin-bottom:1.25rem}.action-detail-item:last-child{margin-bottom:0}.action-detail-item strong{color:#1a1a1a;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.action-detail-item p{color:#2d3748;margin:0;font-size:.875rem;line-height:1.6}.steps-content{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.step-item{background:#f8f9fa;border-left:3px solid #4a90e2;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.step-number{color:#fff;background:#4a90e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.step-text{color:#2d3748;flex:1;font-size:.875rem;line-height:1.5}.replies-content{flex-direction:column;gap:.625rem;margin-top:.5rem;display:flex}.reply-item{background:#f0f7ff;border:1px solid #e3f2fd;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.625rem .875rem;display:flex}.reply-number{color:#4a90e2;flex-shrink:0;font-size:.8125rem;font-weight:600}.reply-text{color:#2d3748;flex:1;font-size:.875rem;line-height:1.5}.action-notes{color:#2d3748;background:#fff8e1;border-left:3px solid #ff9800;border-radius:6px;margin-top:.75rem;padding:.75rem;font-size:.875rem;line-height:1.5}.action-notes strong{color:#1a1a1a;font-weight:600}.action-controls{gap:.75rem;display:flex}.status-select{cursor:pointer;color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;min-width:140px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s}.status-select:hover{border-color:#4a90e2;box-shadow:0 2px 4px #4a90e21a}.status-select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}@media (width<=768px){.comment-action-view{flex-direction:column;gap:1rem}.comment-side{flex:1;animation:.4s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.actions-side{animation:.4s slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.comments-page{background:linear-gradient(#f8f9fa 0%,#fff 100%);width:100%;min-height:calc(100vh - 80px);padding:2rem}.analyze-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4a90e240}.analyze-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd 0%,#2a5f8f 100%);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e259}.analyze-all-btn:active:not(:disabled){transform:translateY(0)}.analyze-all-btn:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#9e9e9e 0%,#757575 100%)}.analyze-icon,.analyze-spinner{font-size:1rem}.analyze-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.time-filter-container{background:#fafbfc;border:1px solid #e8ecef;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.8rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000d}.time-filter-filters{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.time-filter-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-label{color:#1a1a1a;white-space:nowrap;font-size:.875rem;font-weight:600}.filter-group-checkbox .checkbox-label{cursor:pointer;white-space:normal;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.filter-group-checkbox input[type=checkbox]{accent-color:#4a90e2;cursor:pointer;width:1rem;height:1rem}.filter-select{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:150px;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}.filter-select:hover{border-color:#adb5bd}.filter-select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.time-filter-label{color:#1a1a1a;white-space:nowrap;font-size:.875rem;font-weight:600}.time-filter-select{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:160px;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.time-filter-select:hover{border-color:#4a90e2;box-shadow:0 2px 4px #4a90e21a}.time-filter-select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.custom-date-range{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e8ecef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem;display:flex;box-shadow:0 2px 8px #0000000a}.date-input-wrapper{align-items:center;min-width:160px;display:inline-flex;position:relative}.date-input{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1.5px solid #e8ecef;border-radius:10px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000000d}.clear-date-btn{color:#fff;cursor:pointer;z-index:10;background:#dc3545;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1rem;font-weight:600;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.clear-date-btn:hover{background:#c82333;transform:translateY(-50%)scale(1.1);box-shadow:0 2px 4px #dc35454d}.clear-date-btn:active{transform:translateY(-50%)scale(.95)}.date-input:hover{border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 2px 8px #4a90e226}.date-input:focus{border-color:#4a90e2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #4a90e21a,0 2px 8px #4a90e226}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.5);margin-right:.5rem;transition:opacity .2s}.date-input:hover::-webkit-calendar-picker-indicator{opacity:1;filter:invert(.3)sepia()saturate(5)hue-rotate(200deg)}.date-input:focus::-webkit-calendar-picker-indicator{opacity:1;filter:invert(.3)sepia()saturate(5)hue-rotate(200deg)}.date-input::-webkit-datetime-edit{color:#1a1a1a;padding:0;font-weight:500}.date-input::-webkit-datetime-edit-fields-wrapper{padding:0}.date-input::-webkit-datetime-edit-text{color:#6c757d;padding:0 .25rem}.date-input::-webkit-datetime-edit-month-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-day-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-year-field{color:#1a1a1a;padding:0 .125rem;font-weight:600}.date-input::-webkit-datetime-edit-month-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-datetime-edit-day-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-datetime-edit-year-field:focus{color:#4a90e2;background-color:#4a90e21a;border-radius:4px;outline:none}.date-input::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a90e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px;width:20px;height:20px;margin-right:.5rem}.date-input:hover::-webkit-calendar-picker-indicator{opacity:1}.date-input:focus::-webkit-calendar-picker-indicator{opacity:1}.date-separator{color:#6c757d;letter-spacing:.5px;text-transform:uppercase;padding:0 .25rem;font-size:.875rem;font-weight:600}.apply-date-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:#4a90e2;border:none;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #4a90e240}.apply-date-btn:hover:not(:disabled){background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e259}.apply-date-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #4a90e240}.apply-date-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #4a90e226}.active-filter-badge{color:#1a1a1a;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #4a90e2;border-radius:10px;justify-content:flex-start;align-items:center;gap:.95rem;margin-bottom:1rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.active-filter-badge span{color:#1a1a1a}.active-filter-badge-with-preview{flex-wrap:wrap;align-items:center}.active-filter-badge-with-preview .active-filter-label{flex-shrink:0;margin-right:0;font-weight:600}.active-filter-badge-with-preview .active-filter-preview-wrap{flex:0 auto;min-width:0;max-width:360px}.active-filter-badge-with-preview .active-filter-preview-wrap .link-preview-card{max-width:100%}.active-filter-loading{color:#6c757d;font-size:.875rem}.clear-filter-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:1rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.clear-filter-btn:hover{background:#c82333;transform:scale(1.1);box-shadow:0 2px 4px #dc35454d}.comments-content{flex-direction:column;gap:1.75rem;display:flex}.comments-section,.actions-section{background:#fff;border:1px solid #e8ecef;border-radius:12px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.comments-section:before,.actions-section:before{content:"";opacity:0;background:linear-gradient(90deg,#4a90e2 0%,#50c878 100%);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.comments-section:hover:before,.actions-section:hover:before{opacity:1}.comments-section:hover,.actions-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}@media (width<=768px){.comments-page{padding:1.5rem}.time-filter-container{flex-direction:column;align-items:flex-start;gap:.75rem}.time-filter-select{width:100%}.custom-date-range{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.date-input-wrapper,.date-input{width:100%;min-width:auto}.date-separator{text-align:center;padding:0}.apply-date-btn{width:100%}}.sync-page{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.sync-loading{color:#666;justify-content:center;align-items:center;min-height:300px;font-size:1rem;display:flex}.sync-header{margin-bottom:1.5rem}.sync-header-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.sync-header h1{color:#1a1a1a;margin:0;font-size:1.75rem;font-weight:600}.sync-refresh-btn{color:#4a90e2;cursor:pointer;background:#fff;border:1px solid #4a90e2;border-radius:6px;padding:.4rem .9rem;font-size:.9rem;font-weight:500}.sync-refresh-btn:hover{background:#f0f7ff}.sync-subtitle{color:#666;margin:0;font-size:.9rem}.sync-schedule-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000f}.sync-schedule-card h2{color:#333;margin:0 0 .75rem;font-size:1rem;font-weight:600}.schedule-status{align-items:center;gap:1rem;display:flex}.schedule-badge{border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:500}.schedule-badge.enabled{color:#2e7d32;background:#e8f5e9}.schedule-badge.disabled{color:#757575;background:#f5f5f5}.schedule-interval{color:#666;font-size:.9rem}.sync-empty,.sync-no-runs{text-align:center;color:#666;background:#fafafa;border:1px dashed #ddd;border-radius:8px;padding:2rem;font-size:.95rem}.sync-credentials-list{flex-direction:column;gap:1.5rem;display:flex}.sync-credential-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000000f}.sync-credential-header{margin-bottom:.75rem}.sync-credential-header h3{color:#1a1a1a;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.sync-credential-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sync-credential-meta .last-sync{color:#666;font-size:.85rem}.sync-credential-meta .last-sync.never{color:#999}.last-run-status,.run-status{color:#fff;text-transform:capitalize;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.sync-error-msg{color:#c62828;background:#ffebee;border-left:3px solid #f44336;border-radius:0 4px 4px 0;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem}.sync-timeline-wrap{border-top:1px solid #eee;margin-top:.75rem;padding-top:.5rem}.sync-timeline-axis{color:#888;justify-content:space-between;margin-bottom:.35rem;font-size:.75rem;display:flex}.sync-timeline-track{background:#f0f0f0;border-radius:6px;height:28px;position:relative;overflow:hidden}.sync-timeline-empty{color:#999;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.sync-timeline-segment{cursor:default;border-radius:4px;min-width:8px;position:absolute;top:4px;bottom:4px}.sync-legend{color:#666;gap:1rem;margin-top:.5rem;font-size:.75rem;display:flex}.sync-legend-item{align-items:center;gap:.35rem;display:inline-flex}.sync-legend-item:before{content:"";border-radius:3px;width:12px;height:10px}.sync-legend-item.success:before{background:#4caf50}.sync-legend-item.failed:before{background:#f44336}.sync-legend-item.running:before{background:#2196f3}.settings{background:linear-gradient(#f8f9fa 0%,#fff 100%);width:100%;max-width:100%;min-height:calc(100vh - 80px);margin:0 auto;padding:1.5rem}.settings h2{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.settings-description{color:#6c757d;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.message{border:1px solid;border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500}.message.success{color:#155724;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border-color:#c3e6cb}.message.error{color:#721c24;background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);border-color:#f5c6cb}.settings-collapsible{margin-bottom:1.5rem}.settings-collapsible-header{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;border-bottom:1px solid #e8ecef;align-items:center;gap:.5rem;margin:0;padding:.5rem 0;transition:color .2s;display:flex}.settings-collapsible-header:hover{color:#4a90e2}.settings-collapsible-header:focus{outline:none}.settings-collapsible-header:hover .settings-collapsible-icon{color:#4a90e2}.settings-collapsible-header h3{color:inherit;margin:0;font-size:1.125rem;font-weight:600}.settings-collapsible-icon{color:#6c757d;flex-shrink:0;font-size:.625rem;transition:color .2s,transform .2s}.settings-collapsible-content{border:none;padding:1rem 0 0}.settings-collapsible-content .integrations-section,.settings-collapsible-content .credentials-list-section,.settings-collapsible-content .credentials-form-section{margin-top:0}.settings-collapsible-content .schedule-section,.settings-collapsible-content .tags-section{background:0 0;border:none;margin-top:0;padding:1.25rem 0}.tag-form-title{color:#1a1a1a;margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.integrations-section{background:#fff;border:1px solid #e8ecef;border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.integrations-section h3{color:#1a1a1a;letter-spacing:-.01em;margin:0 0 1rem;font-size:1.0625rem;font-weight:600}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.integration-card{cursor:pointer;background:#fff;border:1px solid #e8ecef;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex;position:relative}.integration-card:hover{border-color:#1877f2;box-shadow:0 1px 4px #1877f214}.integration-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.integration-content{flex:1;min-width:0}.integration-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.integration-content h4{color:#1a1a1a;letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:600}.integration-content p{color:#6c757d;margin:0;font-size:.75rem;line-height:1.35}.integration-status{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;flex-shrink:0;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.integration-status.connected{color:#2e7d32;background:#e8f5e9}.form-header{border-bottom:1px solid #e8ecef;margin-bottom:1.25rem;padding-bottom:.75rem}.back-to-integrations-btn{color:#4a90e2;cursor:pointer;background:#fff;border:1px solid #4a90e2;border-radius:6px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.back-to-integrations-btn:hover{color:#fff;background:#4a90e2;box-shadow:0 1px 4px #4a90e233}.form-header h3{color:#1a1a1a;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.settings-content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.credentials-form-section{background:#fff;border:1px solid #e8ecef;border-radius:8px;margin-bottom:1.25rem;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.credentials-list-section{background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.credentials-form-section:before,.credentials-list-section:before{display:none}.credentials-form-section:hover,.credentials-list-section:hover{box-shadow:0 2px 8px #0000000f}.credentials-form-section h3,.credentials-list-section h3{color:#1a1a1a;letter-spacing:-.01em;border-bottom:1px solid #e8ecef;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.0625rem;font-weight:600}.credential-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#1a1a1a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:0;font-size:.75rem;font-weight:600}.required{color:#dc3545}.form-input{color:#1a1a1a;background:#fff;border:1px solid #e8ecef;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.form-input:disabled{color:#6c757d;cursor:not-allowed;background:#f8f9fa}.form-help{color:#6c757d;margin-top:.2rem;font-size:.6875rem;font-weight:500}.checkbox-group{align-items:center;gap:.75rem;display:flex}.checkbox-group label{cursor:pointer;text-transform:none;letter-spacing:normal;color:#1a1a1a;align-items:center;gap:.75rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#4a90e2;width:1rem;height:1rem}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#4a90e2;box-shadow:0 1px 3px #4a90e233}.btn-primary:hover:not(:disabled){background:#357abd;box-shadow:0 2px 6px #4a90e240}.btn-secondary{color:#6c757d;background:#fff;border:1px solid #e8ecef}.btn-secondary:hover{color:#1a1a1a;background:#f8f9fa;border-color:#adb5bd}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.credentials-list{flex-direction:column;gap:1.25rem;display:flex}.credential-card{background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:1rem;transition:all .2s;position:relative}.credential-card:hover{border-color:#dee2e6;box-shadow:0 2px 6px #0000000f}.credential-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.credential-info{flex:1;min-width:0}.credential-info h4{color:#1a1a1a;letter-spacing:-.01em;margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.credential-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.page-id{color:#6c757d;font-size:.8125rem;font-weight:500}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.status-badge.active{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);box-shadow:0 2px 4px #4caf504d}.status-badge.inactive{color:#fff;background:#6c757d}.credential-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.credential-details{border-top:1px solid #f0f0f0;flex-direction:column;gap:.35rem;margin-top:.75rem;padding-top:.75rem;display:flex}.detail-item{color:#6c757d;font-size:.75rem;line-height:1.4}.detail-item strong{color:#1a1a1a;margin-right:.5rem;font-weight:600}.btn-sm{cursor:pointer;border:none;border-radius:6px;padding:.35rem .65rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s}.btn-edit{color:#fff;background:#ff9800}.btn-edit:hover{background:#f57c00;box-shadow:0 1px 4px #ff980040}.btn-delete{color:#fff;background:#dc3545}.btn-delete:hover{background:#c82333;box-shadow:0 1px 4px #dc354540}.btn-sync{color:#fff;background:#4a90e2}.btn-sync:hover:not(:disabled){background:#357abd;box-shadow:0 1px 4px #4a90e240}.btn-sync:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;color:#6c757d;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;padding:1.5rem 1rem;font-size:.8125rem}.loading{text-align:center;color:#6c757d;padding:2rem;font-size:.875rem;font-weight:500}@media (width<=968px){.settings{padding:1.5rem}.settings-content{grid-template-columns:1fr;gap:1.5rem}.integrations-grid{grid-template-columns:1fr}.credential-header{flex-direction:column;align-items:stretch}.credential-actions{flex-direction:column;width:100%}.credential-actions .btn{width:100%}}.tags-section{border-top:none;margin-top:0;padding-top:0}.tag-form{background:#fff;border:1px solid #e8ecef;border-radius:6px;margin-bottom:1rem;padding:1rem}.tags-list h4{color:#1a1a1a;margin-bottom:.75rem;font-size:.9375rem}.tags-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.tag-card{background:#fff;border:1px solid #e8ecef;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.tag-header{align-items:center;gap:.75rem;display:flex}.tag-color-badge{border-radius:4px;flex-shrink:0;width:20px;height:20px}.tag-name{color:#1a1a1a;font-size:.9375rem;font-weight:600}.tag-description{color:#6c757d;margin:0;font-size:.875rem;line-height:1.5}.tag-actions{gap:.5rem;margin-top:.5rem;display:flex}.layout{background:linear-gradient(#f8f9fa 0%,#fff 100%);flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f7fa;border-bottom:2px solid #e8ecef;padding:1.25rem 2rem;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.header-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.logo{color:#1a1a1a;letter-spacing:-.02em;background:linear-gradient(135deg,#4a90e2 0%,#50c878 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.625rem;font-weight:700;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.8}.header-right{align-items:center;gap:1.25rem;display:flex}.user-info{color:#1a1a1a;background:#eef1f6;border:1px solid #e8ecef;border-radius:8px;padding:.5rem 1rem;font-size:.9375rem;font-weight:600}.user-email{color:#6c757d;font-size:.8125rem;font-weight:400}.logout-btn{color:#dc3545;cursor:pointer;background:0 0;border:2px solid #dc3545;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.logout-btn:hover{color:#fff;background:#dc3545;transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.nav-tabs{flex:1;justify-content:center;gap:.5rem;display:flex}.nav-tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;position:relative}.nav-tab:after{content:"";background:linear-gradient(90deg,#4a90e2 0%,#50c878 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-tab:hover,.nav-tab.active{color:#1a1a1a;background:#eef1f6}.nav-tab.active:after{width:80%}.main-content{flex:1;width:100%;max-width:1800px;margin:0 auto}@media (width<=768px){.header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.nav-tabs{justify-content:flex-start;width:100%}.main-content{padding:0}.user-info{font-size:.875rem}}.app{background:linear-gradient(#f8f9fa 0%,#fff 100%);min-height:100vh}button{font-family:inherit;transition:all .2s}button:focus{outline:2px solid var(--primary-color);outline-offset:2px}a{color:var(--primary-color);transition:color .2s}a:hover{color:var(--primary-dark)}input,select,textarea{font-family:inherit;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4a90e21a}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4a90e2;--primary-dark:#357abd;--secondary-color:#50c878;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--border-color:#e8ecef;--border-light:#f0f0f0;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:8px;--radius-md:10px;--radius-lg:12px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:linear-gradient(#f8f9fa 0%,#fff 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{color:var(--text-primary);background:#4a90e233}