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