@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root,:root[data-theme=dark]{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-elevated:#252525;--color-text:#fff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#6b6b6b;--color-primary:#06b6d4;--color-primary-hover:#22d3ee;--color-success:#22c55e;--color-success-bg:#22c55e26;--color-error:#ef4444;--color-error-bg:#ef444426;--color-warning:#f59e0b;--color-mutual:#10b981;--color-border:#333;--color-border-light:#ffffff14;--color-primary-soft:#06b6d41f;--color-surface-selected:#06b6d414;--color-primary-border:#06b6d459;--color-signal-good:#22c55e;--color-signal-mid:#eab308;--color-signal-warn:#f97316;--signal-good-bg:#22c55e26;--signal-mid-bg:#eab30826;--signal-warn-bg:#f9731626;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--sidebar-width:360px;--header-height:60px;--nav-height:48px;--color-bg-primary:var(--color-bg);--color-bg-secondary:var(--color-surface);--color-bg-hover:var(--color-surface-elevated);--color-text-primary:var(--color-text)}:root[data-theme=light]{--color-bg:#fff;--color-surface:#f9f9f8;--color-surface-elevated:#f2f2f2;--color-text:#1a1919;--color-text-secondary:#343332;--color-text-tertiary:#4e4c4b;--color-primary:#c62a1e;--color-primary-hover:#e93a2b;--color-success:#0f9a2f;--color-success-bg:#0f9a2f24;--color-error:#c20023;--color-error-bg:#c200231a;--color-warning:#cc7818;--color-mutual:#0f9a2f;--color-border:#cdcccb;--color-border-light:#00000024;--color-primary-soft:#e93a2b24;--color-surface-selected:#e93a2b1a;--color-primary-border:#c62a1e73;--color-signal-good:#0f9a2f;--color-signal-mid:#b38f00;--color-signal-warn:#b85f0a;--signal-good-bg:#0f9a2f29;--signal-mid-bg:#b38f002e;--signal-warn-bg:#b85f0a24;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a;--sidebar-width:360px;--header-height:60px;--nav-height:48px;--color-bg-primary:var(--color-bg);--color-bg-secondary:var(--color-surface);--color-bg-hover:var(--color-surface-elevated);--color-text-primary:var(--color-text)}@media (min-width:1600px){:root{--sidebar-width:400px}}@media (min-width:1200px){.graph-main{min-width:60vw}.graph-sidebar{max-width:40vw}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;display:flex}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}a[target=_blank]{color:inherit;text-decoration:none}a[target=_blank]:hover{color:var(--color-primary-hover);text-decoration:underline}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-content{flex:1;display:flex;overflow:hidden auto}.app-content>*{min-width:85vw;margin:0 auto}.app-main{flex:1;overflow:hidden}.app-nav{height:var(--nav-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:32px;padding:0 24px;display:flex}.nav-brand{color:inherit;align-items:center;text-decoration:none;display:flex}.nav-brand h1{color:var(--color-text);white-space:nowrap;margin:0;font-size:16px;font-weight:600}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--color-text-secondary);border-radius:var(--radius-md);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.nav-links a:hover{color:var(--color-text);background:var(--color-surface-elevated)}.nav-links a.active{color:var(--color-primary);background:#6366f11a}.extension-warning{color:var(--color-warning);text-align:center;background:#f59e0b26;border-bottom:1px solid #f59e0b4d;padding:10px 24px;font-size:13px;font-weight:500}.graph-container{background:var(--color-bg);background-image:radial-gradient(at top,#6366f114 0%,#0000 50%),radial-gradient(at 100% 100%,#22c55e0d 0%,#0000 50%);width:100%;height:100%;position:relative}.network-graph{width:100%;height:100%;position:relative}.network-graph:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#6366f14d 20% 80%,#0000);width:2px;position:absolute;top:0;bottom:0;right:0}.sigma-container{background:0 0;width:100%;height:100%}.zoom-controls{background:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:2px;display:flex;position:absolute;bottom:24px;right:24px;overflow:hidden}.zoom-controls button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:#252525f2;border:none;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.zoom-controls button:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.selection-info{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#252525f2;align-items:center;gap:16px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:24px;left:24px}.selection-info button{border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.selection-info button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}.selection-box{border:2px dashed var(--color-primary);pointer-events:none;z-index:100;background:#6366f11a;position:absolute}.shift-overlay{cursor:crosshair;z-index:50;position:absolute;inset:0}.info-tooltip-trigger{cursor:help;vertical-align:middle;align-items:center;display:inline-flex}.info-tooltip-icon{background:var(--color-border);width:15px;height:15px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:10px;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex}.info-tooltip-trigger:hover .info-tooltip-icon{background:var(--color-primary);color:#fff}.info-tooltip-popup{z-index:10000;background:var(--color-surface-elevated);border:1px solid var(--color-border-light);color:var(--color-text-secondary);pointer-events:auto;word-break:keep-all;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.55;animation:.12s tooltipFadeIn;position:fixed;box-shadow:0 8px 24px #00000080}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.node-hover-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);pointer-events:none;z-index:1000;padding:12px;position:absolute}.hover-card-header{gap:12px;margin-bottom:12px;display:flex}.hover-card-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.hover-card-avatar-placeholder{background:var(--color-border);color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.hover-card-info{flex-direction:column;justify-content:center;gap:2px;display:flex}.hover-card-username-row{align-items:center;gap:6px;display:flex}.hover-card-username{color:var(--color-text);align-items:center;gap:6px;font-weight:600;display:flex}.copy-icon-btn{width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.copy-icon-btn:hover{color:var(--color-text);background:var(--color-border)}.pinned-profile-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);z-index:1000;pointer-events:auto;padding:12px;position:absolute;top:16px;left:16px}.username-row{align-items:center;gap:4px;display:flex}.private-badge{background:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;font-weight:500}.hover-card-fullname{color:var(--color-text-secondary);font-size:13px}.hover-card-stats{border-top:1px solid var(--color-border);gap:16px;padding-top:8px;display:flex}.hover-card-stat{flex-direction:column;display:flex}.hover-card-stat .stat-value{color:var(--color-text);font-weight:600}.hover-card-stat .stat-label{color:var(--color-text-secondary);font-size:12px}.search-bar{width:280px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:12px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);width:100%;color:var(--color-text);outline:none;padding:8px 32px 8px 36px;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-text-tertiary)}.clear-search{background:var(--color-border);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;right:8px}.clear-search:hover{background:var(--color-border-light)}.search-results{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:300px;box-shadow:var(--shadow-lg);z-index:100;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-result-item{cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s;display:flex}.search-result-item:hover,.search-result-item.selected{background:var(--color-border)}.result-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.result-avatar-placeholder{background:var(--color-border);color:var(--color-text-secondary);justify-content:center;align-items:center;font-weight:600;display:flex}.result-info{flex-direction:column;display:flex}.result-username{color:var(--color-text);font-weight:500}.result-fullname{color:var(--color-text-secondary);font-size:13px}.no-results{text-align:center;color:var(--color-text-secondary);padding:16px}.graph-controls{flex-direction:column;gap:16px;display:flex}.controls-section{flex-direction:column;gap:12px;display:flex}.controls-section h3{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat-item{background:var(--color-surface-elevated);border-radius:var(--radius-md);flex-direction:column;align-items:center;padding:12px;display:flex}.stat-item .stat-value{color:var(--color-text);font-size:20px;font-weight:600}.stat-item .stat-label{color:var(--color-text-secondary);font-size:11px}.no-data{color:var(--color-text-tertiary);font-style:italic}.filter-hint{color:var(--color-text-tertiary);margin-bottom:8px;font-size:12px;font-style:italic}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{color:var(--color-text-secondary);font-size:13px}.filter-group.checkbox label{cursor:pointer;align-items:center;gap:8px;display:flex}.filter-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);outline:none;padding:8px 12px;font-size:14px}select.filter-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.filter-input:focus{border-color:var(--color-primary)}.action-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .15s}.action-btn.primary{background:var(--color-primary);color:#fff}.action-btn.primary:hover{background:var(--color-primary-hover)}.action-btn.primary:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.legend{flex-direction:column;gap:8px;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.instructions{font-size:13px}.instructions ul{color:var(--color-text-secondary);margin:0;padding-left:20px}.instructions li{margin-bottom:4px}.selection-table-empty{text-align:center;color:var(--color-text-secondary);padding:24px}.selection-table-empty .hint{color:var(--color-text-tertiary);margin-top:8px;font-size:13px}.selection-table{flex-direction:column;height:100%;display:flex}.selection-table-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.selection-table-header h3{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.clear-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px}.clear-btn:hover{background:var(--color-surface-elevated)}.selection-table-content{border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;overflow-y:auto}.selection-table-content table{border-collapse:collapse;width:100%;font-size:13px}.selection-table-content th,.selection-table-content td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 12px}.selection-table-content th{background:var(--color-surface-elevated);color:var(--color-text-secondary);font-weight:600;position:sticky;top:0}.selection-table-content tr.clickable{cursor:pointer}.selection-table-content tr.clickable:hover{background:var(--color-surface-elevated)}.username-cell{align-items:center;gap:8px;display:flex}.table-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.table-avatar-placeholder{background:var(--color-border);color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.username-info{flex-direction:column;display:flex}.username-info .username{color:var(--color-text);font-weight:500}.username-info .fullname{color:var(--color-text-secondary);font-size:12px}.status-badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:500}.status-badge.public{background:var(--color-success-bg);color:var(--color-success)}.status-badge.private{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.status-badge.completed{background:var(--color-success-bg);color:var(--color-success)}.status-badge.failed{background:var(--color-error-bg);color:var(--color-error)}.status-badge.running{color:var(--color-primary);background:#6366f126}.status-badge.pending{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.selection-table-footer{border-top:1px solid var(--color-border);gap:8px;margin-top:12px;padding-top:12px;display:flex}.copy-btn,.export-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:1;padding:8px;font-size:12px}.copy-btn:hover,.export-btn:hover{background:var(--color-surface-elevated)}.crawl-panel{flex-direction:column;gap:16px;display:flex}.crawl-panel .panel-header{justify-content:space-between;align-items:center;display:flex}.crawl-panel .panel-header h3{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.server-status{border-radius:var(--radius-sm);padding:4px 8px;font-size:11px}.server-status.online{background:var(--color-success-bg);color:var(--color-success)}.server-status.offline{background:var(--color-error-bg);color:var(--color-error)}.server-status.unknown,.server-status.checking{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.server-status.needs-login{color:#f59e0b;background:#f59e0b1a}.empty-state{text-align:center;height:100%;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:16px;display:flex}.empty-state p{color:var(--color-text);margin:0 0 8px;font-size:16px}.empty-state .hint{color:var(--color-text-secondary);font-size:14px}.error-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.error-message p{color:var(--color-text);margin:0 0 8px;font-size:16px}.error-message .error-detail{color:var(--color-error);margin-bottom:16px;font-size:14px}.error-message button{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500}.error-message button:hover{background:var(--color-primary-hover)}.error-banner{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-bottom:24px;padding:12px 16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.dashboard-page{height:100%;padding:24px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header h1{margin:0;font-size:24px;font-weight:600}.new-crawl-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .15s}.new-crawl-btn:hover:not(:disabled){background:var(--color-primary-hover)}.new-crawl-btn:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.running-job-banner{border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;background:#6366f11a;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;transition:background-color .15s;display:flex}.running-job-banner:hover{background:#6366f126}.running-indicator{color:var(--color-primary);align-items:center;gap:8px;font-weight:500;display:flex}.running-indicator .pulse{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.running-job-banner .target{color:var(--color-text);font-weight:600}.running-job-banner .progress{color:var(--color-text-secondary)}.running-job-banner .view-link{color:var(--color-primary);margin-left:auto;font-weight:500}.jobs-table-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.jobs-table{border-collapse:collapse;width:100%}.jobs-table th,.jobs-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px}.jobs-table th{background:var(--color-surface-elevated);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:12px;font-weight:600}.jobs-table tr:last-child td{border-bottom:none}.jobs-table .loading-cell,.jobs-table .empty-cell{text-align:center;color:var(--color-text-secondary);padding:48px}.jobs-table .target-cell{font-weight:500}.jobs-table .actions-cell{gap:8px;display:flex}.jobs-table .action-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px}.jobs-table .action-btn:hover{background:var(--color-surface-elevated)}.jobs-table .action-btn.graph{border-color:var(--color-primary);color:var(--color-primary)}.jobs-table .action-btn.graph:hover{background:#6366f11a}.scrape-page{height:100%;padding:24px;overflow-y:auto}.scrape-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.scrape-header h1{margin:0;font-size:24px;font-weight:600}.scrape-form{gap:12px;margin-bottom:24px;display:flex}.scrape-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-width:400px;color:var(--color-text);outline:none;flex:1;padding:12px 16px;font-size:16px}.scrape-form input:focus{border-color:var(--color-primary)}.scrape-form input::placeholder{color:var(--color-text-tertiary)}.scrape-form button{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .15s}.scrape-form button:hover:not(:disabled){background:var(--color-primary-hover)}.scrape-form button:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.scrape-form .cancel-btn{border:1px solid var(--color-error);color:var(--color-error);background:0 0}.scrape-form .cancel-btn:hover{background:var(--color-error-bg)}.crawl-filters{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:24px;padding:16px}.crawl-filters .filter-row{flex-wrap:wrap;gap:16px;display:flex}.crawl-filters .filter-item{flex-direction:column;gap:6px;min-width:150px;display:flex}.crawl-filters .filter-item label{color:var(--color-text-secondary);font-size:13px}.crawl-filters .filter-item select,.crawl-filters .filter-item input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);outline:none;padding:8px 12px;font-size:14px}.crawl-filters .filter-item select{cursor:pointer}.crawl-filters .filter-item select:focus,.crawl-filters .filter-item input:focus{border-color:var(--color-primary)}.crawl-filters .filter-item select:disabled,.crawl-filters .filter-item input:disabled{background:var(--color-surface);color:var(--color-text-tertiary);cursor:not-allowed}.scrape-progress{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:24px;padding:20px}.progress-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.progress-header .target-user{font-size:18px;font-weight:600}.progress-stats{flex-direction:column;gap:12px;display:flex}.progress-item{align-items:center;gap:12px;display:flex}.progress-item .label{width:80px;color:var(--color-text-secondary);font-size:13px}.progress-item .progress-bar{background:var(--color-surface-elevated);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-item .progress-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s}.progress-item .count{text-align:right;width:100px;color:var(--color-text-secondary);font-size:13px}.scraped-data{grid-template-columns:1fr 1fr;gap:24px;display:grid}.scraped-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.scraped-section h2{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);margin:0;padding:16px 20px;font-size:16px;font-weight:600}.user-list{max-height:400px;overflow-y:auto}.user-card{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 20px;display:flex}.user-card:last-child{border-bottom:none}.user-avatar{object-fit:cover;background:var(--color-border);border-radius:50%;width:40px;height:40px}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-info .username{color:var(--color-text);font-weight:500}.user-info .fullname{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-stats{color:var(--color-text-tertiary);text-align:right;font-size:12px}.graph-page{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.graph-header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:24px;padding:0 24px;display:flex}.graph-header .header-left{align-items:center;gap:12px;display:flex}.graph-header h1{margin:0;font-size:18px;font-weight:600}.graph-header .target-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:4px 10px;font-size:13px;font-weight:500}.graph-header .header-center{flex:1;align-items:center;gap:16px;display:flex}.graph-header .header-right{align-items:center;gap:16px;display:flex}.stats-summary{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.stat-divider{color:var(--color-text-tertiary)}.graph-content{flex:1;display:flex;position:relative;overflow:hidden}.graph-main{flex:1;min-width:0;position:relative;overflow:hidden}.graph-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);border-left:2px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:linear-gradient(90deg,#1a1a1af2,#1a1a1a);flex-direction:column;transition:width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.graph-sidebar.collapsed{opacity:0;pointer-events:none;border-left:none;width:0;min-width:0;max-width:0;padding:0}.sidebar-panel{border-bottom:1px solid var(--color-border);padding:16px}.sidebar-panel:last-child{border-bottom:none;flex:1;overflow-y:auto}.sidebar-toggle-btn{top:calc(var(--nav-height) + var(--header-height) + 12px);z-index:15;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:12px}.sidebar-toggle-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 0 20px #6366f166}.username-search{align-items:center;gap:8px;display:flex}.autocomplete-wrapper{align-items:center;gap:4px;display:flex;position:relative}.username-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text);outline:none;width:200px;padding:8px 14px;font-size:14px}.username-input:focus{border-color:var(--color-primary)}.username-input::placeholder{color:var(--color-text-tertiary)}.autocomplete-dropdown{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:280px;max-height:300px;box-shadow:var(--shadow-lg);z-index:100;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto}.autocomplete-item{cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.autocomplete-item:hover{background:var(--color-surface)}.autocomplete-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.autocomplete-avatar-placeholder{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.autocomplete-info{flex-direction:column;gap:2px;min-width:0;display:flex}.autocomplete-username{color:var(--color-text);font-size:14px;font-weight:500}.autocomplete-fullname{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .15s}.search-btn:hover:not(:disabled){background:var(--color-primary-hover)}.search-btn:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.seed-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.seed-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.seed-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.seed-btn:disabled{opacity:.5;cursor:not-allowed}.seed-badge{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden;background:#8b5cf6!important;font-size:12px!important}.status{border-radius:var(--radius-md);background:var(--color-surface-elevated);padding:6px 12px;font-size:13px;font-weight:500}.status.loading{color:var(--color-warning)}.status.connected{color:var(--color-success)}.status.error{color:var(--color-error)}.insights-panel-wrapper{overflow:visible}.insights-panel{flex-direction:column;gap:12px;display:flex}.insights-tabs{background:var(--color-bg);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.insights-tab{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex:1;padding:8px 4px;font-size:12px;font-weight:500;transition:all .15s}.insights-tab:hover{color:var(--color-text)}.insights-tab.active{background:var(--color-surface-elevated);color:var(--color-primary)}.insights-content{flex-direction:column;gap:8px;display:flex}.insights-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.insights-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.insights-clear-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:4px 12px;font-size:11px;transition:all .15s}.insights-clear-btn:hover{border-color:var(--color-error);color:var(--color-error)}.community-chips-grid{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.community-toggle-chip{cursor:pointer;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.community-toggle-chip.active{box-shadow:0 0 8px var(--chip-color,#6366f14d)}.community-toggle-chip.dimmed{opacity:.35;filter:grayscale(.5)}.community-toggle-chip .chip-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.community-toggle-chip .chip-count{opacity:.7;font-size:11px}.community-toggle-chip .chip-toggle{background:var(--color-border);border-radius:8px;flex-shrink:0;width:28px;height:16px;transition:background .2s;position:relative}.community-toggle-chip.active .chip-toggle{background:var(--chip-color,var(--color-primary))}.community-toggle-chip .chip-toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.community-toggle-chip.active .chip-toggle:after{transform:translate(12px)}.community-detail-card{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:10px;margin-bottom:8px;padding:14px;transition:all .2s}.community-detail-card.highlighted{border-color:var(--card-color,var(--color-primary));background:var(--card-bg,#6366f10f);box-shadow:0 0 0 1px var(--card-color,var(--color-primary))}.community-detail-card.greyed{opacity:.35;filter:grayscale(.4)}.community-detail-card .card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.community-detail-card .card-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.community-detail-card .card-stat{background:#ffffff08;border-radius:6px;flex-direction:column;align-items:center;padding:6px;display:flex}.community-detail-card .card-stat-value{color:var(--color-text);font-size:14px;font-weight:600}.community-detail-card .card-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.community-detail-card .card-members{flex-wrap:wrap;gap:4px;display:flex}.community-detail-card .member-chip{background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;transition:all .15s}.community-detail-card .member-chip:hover{background:var(--color-primary);color:#fff}.metric-toggle{background:var(--color-bg);border-radius:var(--radius-sm);gap:2px;margin-bottom:8px;padding:2px;display:flex}.metric-toggle button{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;padding:6px 4px;font-size:11px;font-weight:500;transition:all .15s}.metric-toggle button:hover{color:var(--color-text-secondary)}.metric-toggle button.active{background:var(--color-surface-elevated);color:var(--color-text)}.key-player-row{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.key-player-row:hover{background:var(--color-surface-elevated);border-color:var(--color-border)}.color-mode-toggle{background:var(--color-bg);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.color-mode-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex:1;padding:8px 4px;font-size:12px;font-weight:500;transition:all .15s}.color-mode-btn:hover{color:var(--color-text)}.color-mode-btn.active{background:var(--color-primary);color:#fff}.stats-extra{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.stat-item-inline{justify-content:space-between;align-items:center;font-size:13px;display:flex}.stat-item-inline .stat-label{color:var(--color-text-secondary)}.stat-value-sm{color:var(--color-text);font-weight:600}.stat-desc{color:var(--color-text-tertiary);font-size:10px;font-weight:400}.stat-desc-inline{color:var(--color-text-tertiary);margin-left:4px;font-size:10px;font-weight:400}.queue-page{max-width:1400px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.queue-header{margin-bottom:32px}.queue-header h1{margin:0 0 8px;font-size:28px;font-weight:700}.queue-subtitle{color:var(--color-text-secondary);margin:0;font-size:14px}.queue-input-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.queue-input-section h2{margin:0 0 16px;font-size:18px;font-weight:600}.queue-textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:120px;color:var(--color-text);resize:vertical;padding:12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.queue-textarea:focus{border-color:var(--color-primary);outline:none}.queue-input-controls{align-items:center;gap:16px;margin-top:16px;display:flex}.delay-control{flex:1;align-items:center;gap:8px;display:flex}.delay-control label{color:var(--color-text-secondary);font-size:13px}.delay-control input[type=number]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:80px;color:var(--color-text);padding:8px;font-size:13px}.queue-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.queue-stats{gap:32px;display:flex}.queue-actions{gap:12px;display:flex}.queue-status-banner{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:24px;padding:16px 24px;font-size:14px;font-weight:500;display:flex}.current-job-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.current-job-card h3{color:var(--color-text);margin:0 0 16px;font-size:16px;font-weight:600}.job-progress{flex-direction:column;gap:16px;display:flex}.queue-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.queue-table-container h2{border-bottom:1px solid var(--color-border);margin:0;padding:20px 24px;font-size:18px;font-weight:600}.queue-table{border-collapse:collapse;width:100%}.queue-table thead{background:var(--color-surface-elevated)}.queue-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:12px;font-weight:600}.queue-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:16px;font-size:13px}.queue-table tbody tr:hover{background:var(--color-surface-elevated)}.queue-table tbody tr.status-running{background:#6366f11a}.username-link:hover{text-decoration:underline}.error-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;color:var(--color-error);font-size:12px;overflow:hidden}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:6px 12px;font-size:13px;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-success{background:var(--color-success);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background:var(--color-error);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-remove{background:var(--color-error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s}.btn-remove:hover{background:#dc2626}.cancel-btn{border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px}.cancel-btn:hover{background:var(--color-error-bg)}.users-page{height:100%;padding:24px;overflow-y:auto}.users-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.users-header h2{margin:0;font-size:24px;font-weight:600}.users-count{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.filter-pending{animation:1.5s ease-in-out infinite pulse;display:inline-block}.users-table-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:400px;position:relative;overflow-x:auto}.users-table-container.loading{opacity:.6}.table-loading-overlay{background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);z-index:10;padding:16px 32px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--color-surface-elevated);z-index:2;position:sticky;top:0}.users-table-header th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.users-table-header th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.users-table-header th.sortable:hover{color:var(--color-text);background:var(--color-surface)}.users-table-header th.numeric{text-align:right}.users-table-filters td{border-bottom:2px solid var(--color-border);background:var(--color-surface-elevated);padding:8px 16px}.filter-input-small,.filter-select-small{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);outline:none;padding:6px 8px;font-size:12px}.filter-input-small:focus,.filter-select-small:focus{border-color:var(--color-primary)}.filter-select-small{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.range-inputs{gap:4px;display:flex}.range-inputs input{flex:1;min-width:0}.users-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s}.users-table tbody tr:hover{background:var(--color-surface-elevated)}.users-table td{color:var(--color-text);padding:12px 16px;font-size:13px}.users-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.users-table td.date-cell{color:var(--color-text-tertiary);font-size:12px}.user-profile-pic,.user-profile-pic-placeholder{object-fit:cover;border-radius:50%;width:36px;height:36px}.user-profile-pic-placeholder{background:var(--color-border);color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.username-link{color:var(--color-primary);font-weight:500;text-decoration:none}.username-link:hover{color:var(--color-primary-hover);text-decoration:underline}.badge{border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-verified{background:var(--color-success-bg);color:var(--color-success)}.badge-private{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.badge-fetched{background:var(--color-success-bg);color:var(--color-success)}.badge-pending{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.badge-ad{color:#f59e0b;letter-spacing:.04em;background:#fbbf2426;font-size:10px;font-weight:700}.empty-cell{text-align:center;color:var(--color-text-secondary);padding:48px}.users-pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.pagination-info{color:var(--color-text-secondary);font-size:13px}.pagination-controls{align-items:center;gap:12px;display:flex}.pagination-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.pagination-size{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.pagination-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:6px 28px 6px 8px;font-size:13px}.pagination-select:focus{border-color:var(--color-primary);outline:none}@media (max-width:1024px){.scraped-data{grid-template-columns:1fr}}@media (max-width:768px){.search-bar{display:none}.graph-header{flex-wrap:wrap;gap:12px;height:auto;padding:16px 24px}.users-pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}.insights-page{max-width:1400px;height:100%;margin:0 auto;padding:32px;overflow-y:auto}.insights-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.insights-header h1{background:linear-gradient(135deg,var(--color-primary),#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}.insights-subtitle{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px}.insights-actions{align-items:center;gap:12px;display:flex}.insights-export-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.insights-export-btn:hover{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-primary)}.insights-timestamp{color:var(--color-text-tertiary);font-size:12px}.insights-report-tabs{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:2px;margin-bottom:24px;padding:4px;display:flex}.insights-report-tab{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);text-align:center;background:0 0;border:none;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.insights-report-tab:hover{color:var(--color-text);background:var(--color-surface-elevated)}.insights-report-tab.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.insights-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}@media (max-width:1024px){.insights-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.insights-metrics-grid{grid-template-columns:1fr}}.insights-metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:20px;transition:all .2s;display:flex}.insights-metric-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.insights-metric-card .metric-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.insights-metric-card .metric-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.insights-metric-card .metric-sub{color:var(--color-text-tertiary);margin-top:4px;font-size:11px}.insights-tier-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}@media (max-width:768px){.insights-tier-grid{grid-template-columns:1fr}}.insights-tier-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:4px solid var(--tier-color,var(--color-border));padding:20px;transition:all .2s}.insights-tier-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.insights-tier-card .tier-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.insights-tier-card .tier-name{color:var(--color-text);font-size:16px;font-weight:600}.insights-tier-card .tier-count{background:var(--tier-color-bg,var(--color-surface-elevated));color:var(--tier-color,var(--color-text));border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.insights-tier-card .tier-description{color:var(--color-text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.insights-tier-card .tier-stats{background:var(--color-bg);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:12px;display:grid}.insights-tier-card .tier-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.insights-tier-card .tier-stat-value{color:var(--color-text);font-size:16px;font-weight:600}.insights-tier-card .tier-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.insights-tier-card .tier-members{flex-direction:column;gap:6px;display:flex}.insights-tier-card .tier-member{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.insights-tier-card .tier-member:hover{background:var(--color-surface-elevated)}.insights-tier-card .tier-member-rank{width:20px;color:var(--color-text-tertiary);text-align:center;font-size:12px;font-weight:600}.insights-tier-card .tier-member-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.insights-tier-card .tier-member-avatar-placeholder{background:var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.insights-tier-card .tier-member-info{flex:1;min-width:0}.insights-tier-card .tier-member-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.insights-tier-card .tier-member-meta{color:var(--color-text-tertiary);font-size:11px}.insights-tier-card.tier-1{--tier-color:#f59e0b;--tier-color-bg:#f59e0b26}.insights-tier-card.tier-2{--tier-color:#10b981;--tier-color-bg:#10b98126}.insights-tier-card.tier-3{--tier-color:#3b82f6;--tier-color-bg:#3b82f626}.insights-tier-card.tier-4{--tier-color:#8b5cf6;--tier-color-bg:#8b5cf626}.insights-tier-badge{white-space:nowrap;border-radius:12px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.insights-tier-badge.tier-1{color:#f59e0b;background:#f59e0b26}.insights-tier-badge.tier-2{color:#10b981;background:#10b98126}.insights-tier-badge.tier-3{color:#3b82f6;background:#3b82f626}.insights-tier-badge.tier-4{color:#8b5cf6;background:#8b5cf626}.insights-targets-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;overflow:hidden}.insights-targets-table thead{background:var(--color-surface-elevated)}.insights-targets-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600;transition:color .15s}.insights-targets-table th:hover{color:var(--color-text)}.insights-targets-table th.sorted{color:var(--color-primary)}.insights-targets-table th.numeric{text-align:right}.insights-targets-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:10px 16px;font-size:13px}.insights-targets-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.insights-targets-table tbody tr{transition:background-color .15s}.insights-targets-table tbody tr:hover{background:var(--color-surface-elevated)}.insights-targets-table .rank-cell{text-align:center;width:40px;color:var(--color-text-tertiary);font-weight:600}.insights-targets-table .user-cell{align-items:center;gap:10px;display:flex}.insights-targets-table .user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.insights-targets-table .user-avatar-placeholder{background:var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.insights-targets-table .user-details{flex-direction:column;min-width:0;display:flex}.insights-targets-table .user-username{color:var(--color-primary);font-weight:500;text-decoration:none}.insights-targets-table .user-username:hover{color:var(--color-primary-hover);text-decoration:underline}.insights-targets-table .user-fullname{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:11px;overflow:hidden}.score-bar{align-items:center;gap:8px;display:flex}.score-bar-fill{background:var(--color-primary);border-radius:3px;height:6px;transition:width .3s}.score-bar-bg{background:var(--color-border);border-radius:3px;width:60px;height:6px;overflow:hidden}.score-bar-value{color:var(--color-text);min-width:40px;font-size:12px;font-weight:600}.insights-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.insights-filter-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.insights-filter-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.insights-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.insights-filter-btn .filter-count{background:#ffffff26;border-radius:10px;padding:1px 6px;font-size:11px}.insights-filter-btn.active .filter-count{background:#ffffff40}.insights-category-section{margin-bottom:24px}.insights-category-section h3{color:var(--color-text);border-bottom:1px solid var(--color-border);margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.insights-category-list{flex-direction:column;gap:4px;display:flex}.insights-category-item{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.insights-category-item:hover{background:var(--color-surface-elevated);border-color:var(--color-primary)}.insights-category-item .cat-rank{background:var(--color-surface-elevated);width:24px;height:24px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.insights-category-item:first-child .cat-rank{color:#f59e0b;background:#f59e0b33}.insights-category-item:nth-child(2) .cat-rank{color:#a8a29e;background:#a8a29e33}.insights-category-item:nth-child(3) .cat-rank{color:#b45309;background:#b4530933}.insights-category-item .cat-name{color:var(--color-text);flex:1;font-size:14px;font-weight:500}.insights-category-item .cat-name a{color:var(--color-primary);text-decoration:none}.insights-category-item .cat-name a:hover{text-decoration:underline}.insights-category-item .cat-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.insights-category-item .cat-sub{color:var(--color-text-tertiary);font-size:11px}.insights-categories-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:768px){.insights-categories-grid{grid-template-columns:1fr}}.insights-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;display:flex}.insights-loading .loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.insights-loading .loading-text{color:var(--color-text-secondary);font-size:16px;font-weight:500}.insights-loading .loading-sub{color:var(--color-text-tertiary);font-size:13px}.insights-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.insights-empty h2{color:var(--color-text);margin:0 0 8px;font-size:20px}.insights-empty p{color:var(--color-text-secondary);max-width:400px;margin:0;font-size:14px}.insights-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.growth-bar{align-items:center;gap:6px;display:flex}.growth-bar-bg{background:var(--color-border);border-radius:2px;width:48px;height:4px;overflow:hidden}.growth-bar-fill{background:var(--color-success);border-radius:2px;height:100%}.growth-bar-value{color:var(--color-text-secondary);font-size:11px}