:root{--bg:#060b14;--bg-soft:#0b1322;--panel:#101928c7;--panel-soft:#141f339e;--panel-border:#8aa3be2e;--text:#e7edf5;--muted:#8aa3be;--accent:#2dd4bf;--high-score:#34d399;--mid-score:#60a5fa;--low-score:#9ca3af}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% -10%,#2dd4bf29,transparent 42%),radial-gradient(circle at 95% 0%,#60a5fa24,transparent 38%),linear-gradient(160deg,var(--bg-soft)0%,var(--bg)64%);color:var(--text);min-height:100vh;margin:0;font-family:SF Pro Display,Segoe UI,PingFang SC,Noto Sans SC,sans-serif}.glass{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 12px 30px #02060f57}.main{gap:28px;width:100%;min-height:100vh;margin:0;padding:28px 32px;display:flex}.workflow-sidebar{flex-direction:column;align-self:flex-start;gap:10px;width:340px;min-width:340px;height:calc(100vh - 56px);padding:10px;display:flex;position:sticky;top:28px}.workflow-sidebar.collapsed{width:0;min-width:0;box-shadow:none;pointer-events:none;background:0 0;border:0;margin-right:-28px;padding:0}.workflow-sidebar-head{justify-content:space-between;align-items:center;display:flex}.workflow-sidebar-toggle.floating{z-index:60;pointer-events:auto;position:fixed;top:22px;left:14px}.workflow-sidebar-title{color:#cfe0f5;letter-spacing:.02em;font-size:13px;font-weight:700}.workflow-sidebar-section{background:#08101e73;border:1px solid #8aa3be33;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.workflow-sidebar-label{color:#9ff3e6;background:#2dd4bf1f;border:1px solid #2dd4bf66;border-radius:999px;width:fit-content;padding:2px 7px;font-size:11px;display:inline-flex}.workflow-sidebar-main-title{margin:0;font-size:18px;line-height:1.35}.workflow-sidebar-sub{color:var(--muted);margin:0;font-size:12px}.workflow-sidebar-actions{flex-direction:column;gap:8px;display:flex}.workflow-sidebar-actions .cta-btn{text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.workflow-sidebar-row{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.h1{background:linear-gradient(90deg,#e8eef8 0%,#afc5df 100%);color:#0000;letter-spacing:-.4px;-webkit-background-clip:text;margin:0;font-size:32px;font-weight:780}.muted{color:var(--muted);font-size:13px}.live-status{color:#8ddac8;background:#34d3991f;border:1px solid #34d39957;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.status-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399b3}.kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 16px;display:grid}.kpi-card{text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:border-color .2s,transform .2s;display:flex}.kpi-card:hover{border-color:#60a5fa61;transform:translateY(-2px)}.kpi-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.kpi-value{font-size:38px;font-weight:760;line-height:1}.kpi-delta{font-size:12px;font-weight:600}.kpi-delta.up{color:#34d399}.kpi-delta.down{color:#f87171}.kpi-delta.flat{color:var(--muted)}.cta-panel{background:linear-gradient(95deg,#2dd4bf17,#101928d1 34%);border-color:#2dd4bf3d;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.cta-copy{min-width:0}.cta-label{color:#9ff3e6;letter-spacing:.04em;text-transform:uppercase;background:#2dd4bf24;border:1px solid #2dd4bf73;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.cta-actions{flex-wrap:wrap;gap:8px;display:flex}.cta-btn{background:var(--accent);color:#062015;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 11px;font-size:13px;font-weight:700;text-decoration:none}.cta-btn.ghost{color:#b8cff6;background:#60a5fa24;border:1px solid #60a5fa4d}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-card{min-height:280px;padding:16px}.chart-title{color:#f8fbff;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:680;display:flex}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.insight-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.workflow-tools{background:#08101e73;border:1px dashed #8aa3be42;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:-4px;margin-bottom:8px;padding:8px 10px;display:flex}.insight-key-state{color:#a9bdd7;align-items:center;gap:6px;font-size:12px;display:inline-flex}.insight-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.cubox-editor{flex-direction:column;gap:12px;margin-top:8px;margin-bottom:8px;padding:12px;display:flex}.cubox-editor.compact{box-shadow:none;background:0 0;border:0;margin-top:0;margin-bottom:0;padding:0}.cubox-editor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cubox-field{flex-direction:column;gap:6px;display:flex}.cubox-field-label{color:#c9d8ea;font-size:12px;font-weight:600}.cubox-field-help{color:#8aa3be;font-size:12px}.cubox-get-link{color:#7dd3fc;font-size:12px;text-decoration:none}.cubox-get-link:hover{text-decoration:underline}.cubox-editor-row{align-items:center;gap:8px;display:flex}.cubox-save-btn{border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:108px;padding:8px 12px;display:inline-flex}.action-message{z-index:120;-webkit-backdrop-filter:blur(8px);border-radius:8px;align-items:center;gap:7px;max-width:min(420px,100vw - 24px);padding:8px 11px;font-size:12px;display:inline-flex;position:fixed;top:18px;right:20px;box-shadow:0 10px 24px #02060f6b}.action-message.success{color:#8ee8c4;background:#34d3991f;border:1px solid #34d39947}.action-message.error{color:#fecaca;background:#f871711f;border:1px solid #f8717142}.export-preview{margin-top:8px;margin-bottom:8px;padding:12px}.export-overlay{z-index:80;justify-content:center;align-items:stretch;padding:16px;display:flex;position:fixed;inset:0}.export-overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#030814b8;position:absolute;inset:0}.export-preview-modal{flex-direction:column;width:min(1240px,100vw - 36px);max-height:calc(100vh - 32px);margin:0;display:flex;position:relative}.settings-modal{flex-direction:column;gap:12px;width:min(680px,100vw - 36px);max-height:calc(100vh - 32px);margin:auto;padding:14px;display:flex;position:relative;overflow:auto}.settings-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-section{background:#08101e73;border:1px solid #8aa3be33;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.export-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.export-preview-title-wrap{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.export-selected-inline{color:#9fb5cf;font-size:12px;font-weight:600}.export-preview-list{flex-direction:column;gap:8px;max-height:calc(100vh - 180px);display:flex;overflow:auto}.export-scope-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.export-scope-label{color:#9fb5cf;font-size:12px}.export-preview-item{background:#08101ca6;border:1px solid #8aa3be33;border-radius:8px;padding:8px 8px 8px 34px;position:relative}.export-check{position:absolute;top:9px;left:10px}.export-check input{width:14px;height:14px}.export-preview-title{color:#dce9f7;font-size:13px;font-weight:600;text-decoration:none}.export-preview-meta{color:#90a9c7;flex-direction:column;gap:2px;margin-top:4px;font-size:11px;display:flex}.export-preview-more{color:#8aa3be;text-align:center;padding:4px 0;font-size:12px}.tertiary-card{background:var(--panel-soft);min-height:0}.insight-panel-card{padding:14px}.insight-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.insight-panel-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.insight-panel-actions .filter-btn{padding:5px 10px}.icon-only-btn{justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;padding:0!important}.insight-list{flex-direction:column;gap:10px;margin:0;padding:0 0 0 18px;display:flex}.insight-list li{color:#cbd5e1;font-size:13px;line-height:1.72}.controls-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-btn{color:var(--text);cursor:pointer;background:#8aa3be24;border:1px solid #8aa3be40;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.filter-btn.active{color:#b4fff2;background:#2dd4bf2e;border-color:#2dd4bf99}.search-input{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#ffffff0a;border-radius:12px;outline:none;padding:8px 34px;font-size:13px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:#60a5fa9e;box-shadow:0 0 0 3px #60a5fa26}.search-input-primary{padding-top:10px;padding-bottom:10px;font-size:14px}.source-badge{color:#bfdbfe;white-space:nowrap;background:#60a5fa21;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.source-filter-active{color:#d8c7ff!important;background:#a78bfa2e!important;border-color:#a78bfa75!important}.timeline{flex-direction:column;gap:14px;margin-top:12px;display:flex}.timeline-item{display:block}.feed-group{flex-direction:column;gap:8px;display:flex}.feed-group-head{color:#d7e6f8;cursor:pointer;background:#8aa3be12;border:1px solid #8aa3be3d;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.feed-group-title{font-size:13px;font-weight:700}.feed-group-meta{color:var(--muted);margin-left:auto;font-size:11px}.feed-group-body{flex-direction:column;gap:10px;display:flex}.timeline-content{color:inherit;padding:12px 14px;text-decoration:none;transition:border-color .2s,background .2s;display:block}.timeline-content:hover{background:#141f33d6;border-color:#60a5fa70}.timeline-compact{min-height:0}.t-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.node-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.glow-green{background:var(--high-score)}.glow-blue{background:var(--mid-score)}.glow-gray{background:var(--low-score)}.node-time{color:var(--muted);white-space:nowrap;font-size:11px;line-height:1.2}.t-title{color:#f8fafc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:620;line-height:1.45;display:-webkit-box;overflow:hidden}.t-cover-wrap{background:#08101e7a;border:1px solid #8aa3be33;border-radius:10px;margin:2px 0 8px;display:block;overflow:hidden}.t-cover{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.timeline-high{background:#102026b3;border-color:#34d3996b!important}.timeline-high:hover{border-color:#34d3999e!important}.hashtag{color:#9bc2ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#60a5fa1f;border-radius:999px;padding:2px 7px;font-size:11px;transition:background .15s}.hashtag:hover{background:#60a5fa3d}.hashtag-active{color:#d8e8ff!important;background:#60a5fa57!important}.t-reason-preview{color:#a8bdd5;background:#0003;border-left:2px solid #2dd4bf8f;border-radius:7px;padding:6px 8px;font-size:12px;display:block}.t-reason-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.t-ai-content{opacity:0;max-height:0;transition:max-height .35s,opacity .25s;overflow:hidden}.t-ai-content.expanded{opacity:1;max-height:560px;margin-top:8px}.t-expand-hint{color:var(--muted);opacity:.72;margin:6px 0 0;font-size:11px}.timeline-content.hover-open .t-expand-hint{opacity:.08}.t-ai-box{border:1px solid #ffffff0f;border-radius:8px;margin-top:8px;padding:12px}.ai-text{color:#e7edf5;margin:0;font-size:13px;line-height:1.6}.dashboard-left{flex-direction:column;flex:3;min-width:0;display:flex}.dashboard-right{border-left:1px solid #8aa3be33;flex-direction:column;flex:1.25;align-self:flex-start;min-width:380px;height:calc(100vh - 48px);padding-left:24px;display:flex;position:sticky;top:24px}.timeline-container{flex:1;padding-right:6px;overflow:hidden auto}.timeline-container::-webkit-scrollbar{width:6px}.timeline-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:#8aa3be52;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:#8aa3be85}@media (max-width:1280px){.main{gap:20px;padding:22px}.workflow-sidebar{width:300px;min-width:300px}.workflow-sidebar.collapsed{width:0;min-width:0;margin-right:-20px}.dashboard-right{min-width:340px;padding-left:18px}.charts-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.main{flex-direction:column;padding:16px}.workflow-sidebar{width:100%;min-width:0;height:auto;position:static}.workflow-sidebar.collapsed{width:100%;min-width:0;margin-right:0}.workflow-sidebar-toggle.floating{top:14px;left:10px}.dashboard-right{border-top:1px solid #8aa3be33;border-left:none;min-width:0;height:auto;padding-top:14px;padding-left:0;position:static}.cta-panel{flex-direction:column;align-items:flex-start}.cta-actions{width:100%}.insight-grid{grid-template-columns:1fr}.workflow-tools,.insight-panel-head{align-items:flex-start}.cubox-editor-row{flex-direction:column}.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.h1{font-size:28px}}@media (max-width:640px){.kpi{grid-template-columns:1fr}.header-container{align-items:flex-start}.h1{font-size:24px}.muted{margin-left:0!important}.timeline-content{padding:11px 12px}}