:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#e9f0f9;background:#0b1018;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b1018}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:25px 15px 18px;background:#0d1420;border-right:1px solid #243248}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand-mark{height:38px;width:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#3a7df9,#5de0c8);font-size:23px;color:#fff;box-shadow:0 7px 20px #348fff35}.brand strong{display:block;font-size:16px;letter-spacing:1px}.brand small{display:block;color:#7288a4;font-size:9px;letter-spacing:1.25px;margin-top:3px}.nav-label{margin:12px 11px 9px;color:#7186a0;font-size:9px;font-weight:750;letter-spacing:1.5px}.main-nav{display:grid;gap:4px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9dafc4;text-align:left;font-size:12px}.nav-item:hover,.focus-link:hover{background:#172538}.nav-item.active{background:#1c2b40;border-color:#2a425f;color:#f3f8ff;font-weight:650}.nav-icon{width:18px;text-align:center;font-size:17px}.nav-count{margin-left:auto;background:#263d57;color:#bddaff;border-radius:6px;padding:2px 7px;font-size:10px}.sidebar-focus{margin-top:26px}.focus-link{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#a9bbcf;text-align:left;font-size:11px}.focus-link span{margin-left:auto;color:#7389a4}.focus-dot,.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#63aaff}.dot-1{background:#40d4bd}.dot-2{background:#f1be72}.online-dot{background:#40d4bd;box-shadow:0 0 9px #40d4bd55;margin-right:6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #243248;padding:16px 9px 0;color:#9aacc1;font-size:10px}.version-label{margin-top:9px;color:#627995;font-size:9px;letter-spacing:1px}.main-area{min-width:0}.topbar{height:65px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid #243248;background:#0d1520ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.breadcrumb{font-size:11px;color:#8498b2}.breadcrumb span{margin:0 9px;color:#536780}.breadcrumb strong{color:#e9f0f9;font-weight:600}.topbar-right{display:flex;align-items:center;gap:13px}.public-label{font-size:10px;color:#8fa4bd}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#263954;color:#bdd7f8;font-size:10px}.page-content{max-width:1660px;margin:0 auto;padding:29px 31px 55px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{color:#40d4bd;font-size:9px;font-weight:800;letter-spacing:1.8px}.page-heading h1,.placeholder-page h1{margin:5px 0 6px;font-size:28px;letter-spacing:-.8px}.page-heading p,.placeholder-page>p{margin:0;color:#8fa2ba;font-size:11px}.heading-date{white-space:nowrap;color:#8196af;font-size:10px;padding-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}.stat-card{min-width:0;padding:15px 17px;border:1px solid #243248;border-radius:12px;background:linear-gradient(145deg,#162235,#111a28)}.stat-label{color:#9aacc2;font-size:10px}.stat-value{margin:4px 0 2px;color:#eaf2fb;font-size:27px;font-weight:760;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat-value.teal-text{color:#55d7bd}.stat-value.gold-text{color:#f1be72}.stat-value.blue-text{color:#78b8ff}.stat-note{color:#7288a3;font-size:9px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px;align-items:start}.panel{min-width:0;overflow:hidden;border:1px solid #243248;border-radius:12px;background:#111a28}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #243248}.panel-heading h2{margin:0;color:#eaf1fa;font-size:14px;font-weight:720}.panel-heading p{margin:4px 0 0;color:#8094ad;font-size:10px}.live-pill{display:flex;align-items:center;gap:6px;padding:4px 7px;border-radius:5px;background:#123532;color:#63d9c2;font-size:8px;letter-spacing:.8px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#40d4bd}.filter-area{display:grid;grid-template-columns:minmax(180px,1fr) 130px 145px 120px;gap:8px;padding:15px 17px 11px}.search-box{height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #2a3b54;border-radius:8px;background:#0c1623}.search-box>span{color:#8ca1bb;font-size:19px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e9f0f9;font-size:10px}.search-box input::placeholder{color:#6f829a}.search-box kbd{white-space:nowrap;padding:2px 4px;border:1px solid #31435b;border-radius:4px;color:#7086a0;font-size:8px}.filter-area select{width:100%;min-width:0;height:37px;padding:0 9px;border:1px solid #2a3b54;border-radius:8px;outline:0;background:#0c1623;color:#b9c9dc;font-size:10px}.topic-chips{display:flex;gap:6px;flex-wrap:wrap;padding:5px 17px 14px;border-bottom:1px solid #243248}.topic-chip{padding:5px 9px;border:1px solid #31435c;border-radius:6px;background:transparent;color:#9cb2cb;font-size:9px}.topic-chip:hover{color:#e8f0fa;border-color:#52749a}.topic-chip.selected{border-color:#3e88c1;background:#123451;color:#d9efff}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;color:#8297b0;font-size:10px}.feed-toolbar strong{color:#dce8f6}.feed-toolbar>div{display:flex;align-items:center;gap:13px}.saved-filter{display:flex;align-items:center;gap:5px;color:#9aacc1;white-space:nowrap}.saved-filter input{accent-color:#5aa7f6}.text-button{padding:0;border:0;background:transparent;color:#8ebcf0;font-size:9px}.sort-label{color:#6fd7c1;white-space:nowrap}.article-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:17px 18px;border-top:1px solid #223047;transition:background .15s}.article-card:hover{background:#172537}.article-main{min-width:0}.article-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}.topic-tag,.language-tag,.article-type{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;background:#23334a;color:#c0d1e5;font-size:9px;white-space:nowrap}.topic-tag.blue{background:#143456;color:#87bbff}.topic-tag.teal{background:#103d3c;color:#62dfc4}.topic-tag.gold{background:#41301c;color:#ffca8b}.language-tag{background:#202b3b;color:#9eb0c5}.article-type{padding-left:0;background:transparent;color:#8296ae}.article-title{display:block;padding:0;border:0;background:transparent;color:#e7eff9;text-align:left;font-size:13px;font-weight:680;line-height:1.5}.article-title:hover{color:#91c7ff}.article-summary{margin:6px 0 10px;color:#9dafc3;font-size:10px;line-height:1.7}.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7f93ac;font-size:9px}.article-actions{display:flex;align-items:flex-start;gap:6px;padding-top:4px}.scores{display:flex;gap:6px}.score-box{width:58px;padding:7px 4px;border:1px solid #29405a;border-radius:8px;background:#1b2c40;text-align:center}.score-box strong{display:block;color:#f1be72;font-size:17px;line-height:1.2;font-variant-numeric:tabular-nums}.score-box span{display:block;margin-top:4px;color:#89a0bd;font-size:8px;white-space:nowrap}.score-box.importance strong{color:#62dfc4}.save-button{width:25px;padding:3px 0;border:0;background:transparent;color:#7e91a8;font-size:19px}.save-button.saved{color:#f1be72}.feed-bottom{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #223047;color:#71869f;font-size:9px}.right-column{display:grid;gap:15px}.side-panel .panel-heading{padding:15px 15px 12px}.panel-heading.compact h2{font-size:13px}.panel-heading.compact p{font-size:9px}.more-mark{color:#7187a2;font-size:13px}.focus-list{padding:3px 15px 9px}.focus-card{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #27354a;background:transparent;color:#e7eff9;text-align:left}.focus-card:last-child{border-bottom:0}.focus-row{display:flex;justify-content:space-between;gap:8px;font-size:11px}.focus-row span{color:#8da4bf;font-size:9px}.focus-description{margin-top:4px;color:#8297b0;font-size:9px}.progress-track{height:4px;margin-top:8px;overflow:hidden;border-radius:6px;background:#2a3a4c}.progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#2f8dea,#4bd6c4)}.fill-1{background:linear-gradient(90deg,#209c90,#4bd6c4)}.fill-2{background:linear-gradient(90deg,#bd8740,#f1be72)}.mini-timeline{padding:12px 15px 14px}.timeline-item{position:relative;display:block;width:100%;padding:0 0 15px 15px;border:0;border-left:1px solid #33516a;background:transparent;color:#dce8f6;text-align:left}.timeline-item:last-child{padding-bottom:1px;border-left-color:transparent}.timeline-item:before{position:absolute;top:4px;left:-4px;width:7px;height:7px;border:2px solid #112031;border-radius:50%;background:#f1be72;content:""}.timeline-date{display:block;color:#8196af;font-size:9px}.timeline-item strong{display:block;margin:4px 0;color:#dce8f6;font-size:10px;font-weight:620;line-height:1.5}.timeline-topic{color:#d7ae70;font-size:8px}.workflow-note{display:flex;gap:11px;padding:14px;border:1px solid #365077;border-radius:11px;background:#17283e}.workflow-icon{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;background:#233c5b;color:#9cc9ff}.workflow-note strong{font-size:10px}.workflow-note p{margin:5px 0;color:#a7bad1;font-size:9px;line-height:1.6}.workflow-note span{color:#62d6c0;font-size:8px}.empty-state{display:grid;justify-items:center;gap:8px;padding:45px 20px;color:#8fa3bb;text-align:center}.empty-state strong{color:#e5edf8;font-size:13px}.empty-state span{font-size:10px}.secondary-button,.primary-button{padding:8px 12px;border:1px solid #31445d;border-radius:8px;background:#1a2a3d;color:#dce8f6;font-size:10px}.primary-button{border-color:#3b8ce9;background:#2870c5;color:#fff}.drawer-shade{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#040913c4}.detail-drawer{width:min(510px,100%);height:100%;overflow:auto;padding:27px;background:#131e2e;box-shadow:-15px 0 45px #02081360}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.icon-button{width:30px;height:30px;border:1px solid #31445d;border-radius:7px;background:#1b2b40;color:#c4d3e5}.detail-drawer h2{margin:13px 0;color:#eff5fc;font-size:21px;line-height:1.45}.drawer-summary,.detail-section p{color:#a9b9cf;font-size:11px;line-height:1.9}.detail-meta{display:grid;gap:6px;margin:18px 0;color:#8499b3;font-size:10px}.detail-section{margin-top:22px;padding-top:18px;border-top:1px solid #2a3a50}.detail-section h3{margin:0 0 10px;font-size:12px}.detail-scores{display:flex;gap:8px}.drawer-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid #2a3a50}.placeholder-page{max-width:750px;padding:25px 0}.placeholder-card{display:grid;gap:10px;margin-top:25px;padding:22px;border:1px solid #2b3d54;border-radius:12px;background:#111a28}.placeholder-card strong{font-size:14px}.placeholder-card span{color:#8fa2ba;font-size:11px}.placeholder-card button{justify-self:start}.drawer-shade{animation:fadein .15s ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:1180px){.workspace-grid{grid-template-columns:minmax(0,1fr) 270px}.filter-area{grid-template-columns:minmax(160px,1fr) 120px 130px 110px}.page-content{padding-right:22px;padding-left:22px}}@media(max-width:980px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.workspace-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-note{grid-column:1/-1}.filter-area{grid-template-columns:minmax(180px,1fr) 1fr 1fr}.search-box{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:relative;width:auto;height:auto;padding:13px 15px}.brand{padding:0}.sidebar .nav-label,.sidebar-focus,.sidebar-bottom{display:none}.main-nav{display:flex;gap:5px;margin-top:13px;overflow-x:auto}.nav-item{height:35px;flex:0 0 auto;padding:0 10px;font-size:10px}.nav-icon{display:none}.nav-count{margin-left:2px}.topbar{height:49px;padding:0 15px}.page-content{padding:21px 13px 35px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.heading-date{display:none}.stats-grid{gap:7px}.stat-card{padding:11px}.stat-value{font-size:23px}.filter-area{grid-template-columns:1fr 1fr;padding:12px}.search-box{grid-column:1/-1}.topic-chips{padding:3px 12px 12px}.topic-chip{font-size:8px}.feed-toolbar{align-items:flex-start;padding:11px 12px}.feed-toolbar>div{gap:8px;flex-wrap:wrap;justify-content:flex-end}.article-card{grid-template-columns:1fr;padding:14px 12px}.article-actions{justify-content:space-between;align-items:center}.scores{margin-left:auto}.article-meta{gap:8px}.right-column{grid-template-columns:1fr}.workflow-note{grid-column:auto}.detail-drawer{padding:21px}.public-label{font-size:9px}}
