/* 深蓝灰 + 暖白：较强对比，避免纯黑背景和刺眼白色。 */
:root{--ink:#263346;--muted:#637083;--primary:#4d5dd0;--line:#dce1e6;--bg:#f2f1ee}
body{font-size:16px;background:var(--bg)}
.sidebar{background:#263545;border-color:#263545;color:#edf0f5;width:248px;padding-top:28px}
.shell{grid-template-columns:248px minmax(0,1fr)}
.brand{padding-left:7px}.brand b{font-size:21px;color:#f5f3ed;letter-spacing:.5px}.brand small{color:#b5c1ce;font-size:10px;letter-spacing:1.4px}.brandmark{background:#7d89db;box-shadow:none;color:#fff}
.workspace{background:#314355;border-color:#48596a;padding:15px}.workspace b{font-size:14px;color:#f0f1f3}.workspace small{font-size:12px;color:#bec9d4}.workspace .mini{background:#52637c;color:#f4f1e9}
.nav-label{color:#a7b7c7;font-size:12px;letter-spacing:1px;padding-top:21px}.nav{color:#d4dde6;font-size:15px;padding:14px 12px;gap:11px}.nav svg{width:20px;height:20px}.nav:hover{background:#34485b}.nav.active{background:#5867bd;color:#fff;box-shadow:0 3px 10px #17263630}.nav .count{background:#3a4d60;color:#dce5ee;font-size:12px}.nav.active .count{background:#7886d0;color:white}.sidebar-note{border-color:#4a5a6b;color:#b8c6d4;font-size:12px}
.topbar{background:#fafaf7;height:78px;border-color:#dadfdf}.breadcrumb{font-size:14px;color:#687689}.breadcrumb b{color:#334355}.person b{font-size:15px}.person small{font-size:12px;color:#687589}.avatar{width:38px;height:38px;background:#e2e6f5;color:#4957a1;font-size:15px}.iconbtn{color:#66778b}
.content{padding:30px 34px 38px;max-width:1700px}.pagehead{padding:27px 30px;border-radius:17px;background:linear-gradient(110deg,#2e4054,#3b4f65);margin-bottom:22px;color:#f4f3ed;box-shadow:0 6px 18px #2635450b}.pagehead h1{font-size:27px;font-weight:650;line-height:1.6;letter-spacing:.3px}.eyebrow{font-size:11px;color:#c0cad7;letter-spacing:2px;margin-bottom:9px}.pagehead .sub{color:#d6dfe8;font-size:15px;margin-top:9px}.pagehead .primary{background:#e5e8f9;border-color:#e5e8f9;color:#35458d;font-weight:650;box-shadow:none}.pagehead .primary:hover{background:#f0f2fc}
.btn{font-size:14px;padding:11px 16px;font-weight:500}.btn.small{font-size:13px;padding:9px 12px}.btn.primary{box-shadow:0 3px 8px #36479018}.actions{gap:10px}
.meeting-banner{background:#e7eaf4;border-color:#cbd2e5;padding:22px 25px}.meeting-banner h3{font-size:18px;color:#2b3d58}.meeting-banner p{font-size:13px;color:#596981;line-height:1.8;max-width:640px}.meeting-side small{font-size:12px;color:#596981}.calendar-icon{height:57px;width:54px;background:#fafbf9;border-color:#ccd4e3;color:#46568c}.calendar-icon span{font-size:11px}.calendar-icon strong{font-size:25px}
.stats{gap:16px;margin-bottom:22px}.stat{background:#fcfcf9;border-color:#d9dfe3;padding:19px 21px}.stat-top{font-size:15px;color:#4d5d72;font-weight:500}.stat-value{font-size:35px;color:#25364c;margin-top:12px}.stat-foot{font-size:12px;color:#627187;line-height:1.6}.stat-icon{width:36px;height:36px;background:#e6eafa;color:#5764b0}.stat-icon.orange{background:#f4e8d6;color:#8b672b}.stat-icon.red{background:#f5e1dc;color:#a85b4e}.stat-icon.green{background:#dceee5;color:#357b62}
.flow-summaries{gap:16px;margin-bottom:25px}.flow-summary{background:#fcfcf9;border-color:#d9dfe3;padding:22px}.flow-summary-title{font-size:15px;gap:8px;flex-wrap:wrap}.flow-summary-title svg{color:#6576a7}.flow-summary.primary-flow{background:#dfe5f5;border-color:#9fafd8;box-shadow:inset 4px 0 #5867b3}.flow-metrics strong{font-size:29px}.flow-metrics span{font-size:14px;color:#56667c}.primary-flow .flow-metrics strong{color:#344984}.flow-metrics button:hover{background:#d4dced}
.card{background:#fcfcf9;border-color:#d9dfe3}.priority-card{border-top:4px solid #5867b3}.cardhead{padding:22px 23px;background:#f6f7f6}.cardhead h2{font-size:18px;color:#2c3d52;font-weight:650}.cardhead p{font-size:13px;color:#667387;line-height:1.7}.textlink{font-size:13px;color:#4257ae;font-weight:500}.tabbar{gap:23px}.tab{font-size:14px;color:#657387;padding:17px 2px}.tab.active{color:#3d51ae}.tab span{font-size:12px;background:#e8ebf1;color:#526078}
.task-row{padding:22px 23px;border-color:#e5e8ea}.task-row:hover{background:#f2f5fb}.task-title{font-size:16px;line-height:1.8;color:#283b51;font-weight:550}.task-meta{font-size:12px;color:#647286;gap:9px}.task-side small{font-size:12px;color:#647286}.badge{font-size:12px;padding:5px 8px;color:#566476;background:#e9ecf0}.badge.purple{background:#e1e5f8;color:#43559e}.badge.orange{background:#f3e7d3;color:#80612b}.badge.green{background:#deeee4;color:#336e54}.badge.red{background:#f6e2db;color:#a14b3e}.task-dot{background:#6578b5}.task-dot.red{background:#be7666}
.discussion-row{font-size:15px;padding:20px 22px}.discussion-row small{font-size:12px;color:#617086}.discussion-row span{font-weight:550;color:#304359}.flow-foot{font-size:12px;color:#657388;background:#f0f2f4;line-height:1.8}.flow-step{padding:18px 22px}.flow-step h3{font-size:14px;color:#35475d}.flow-step p{font-size:12px;color:#637287}.step-num{background:#e5e9f4;color:#4a5f98;font-size:12px}.footer{font-size:12px;color:#69778a;gap:18px;line-height:1.8}
input,textarea,select{font-size:15px;padding:11px 12px;color:#304157;background:#fffffd;border-color:#c9d1dc}input::placeholder,textarea::placeholder{color:#7d899a}input:disabled,textarea:disabled,select:disabled{color:#687589;background:#edf0f3}.filters{padding:19px 22px}.search{min-width:260px}th{font-size:13px;color:#53647a;padding:17px 20px;background:#edf0f4}td{font-size:15px;padding:20px}.titlecell{min-width:270px;max-width:440px;font-weight:500}.idlabel{font-size:12px;color:#6d7b8d;letter-spacing:0}.tablefoot{font-size:12px;color:#657389}.overdue{color:#a25445}
.modal{background:#fcfcf9;width:800px}.modal-head{background:#edf0f5;border-radius:17px 17px 0 0}.modal-head h2{font-size:23px;color:#2b3c52;font-weight:600}.modal-head small{font-size:12px;color:#647389}.modal-body{padding:25px 29px}.field label{font-size:14px;color:#45576f;font-weight:600}.field small{font-size:12px;color:#6b788b}.form-note{font-size:13px;line-height:1.9;color:#52657d;background:#edf0f6;border-color:#d9e0ea}.section-label{font-size:14px;color:#485e96}.modal-foot small{font-size:12px;color:#68768a}.history h3{font-size:15px}.history-row{font-size:13px;color:#617188}.history-row small{font-size:12px}.history-row b{color:#42536a}.empty{font-size:14px;color:#657389}.notification{font-size:15px}.notification small{font-size:12px}.toast-visible{font-size:14px;background:#304258}
.login{background:radial-gradient(ellipse at top left,#dce3ef,transparent 60%),#eeede8}.login-card{width:470px;background:#fcfcf9;border-color:#cfd6e2;padding:36px}.login-card .brand b{color:#304259}.login-card .brand small{color:#65748a}.login-card h1{font-size:25px;color:#2c3e55}.login-card p{font-size:15px;color:#596b81}.login-card .notice{font-size:12px;color:#68778a}
.cardhead .textlink{flex-shrink:0;white-space:nowrap}.cardhead>div{min-width:0}.field .required{color:#6b53a2}
@media(max-width:1250px){.shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{width:232px}.content{padding:25px 25px}.pagehead{padding:23px}.pagehead h1{font-size:23px}.pagehead .sub{font-size:14px}.meeting-side small{display:none}.flow-summary-title{font-size:14px}.flow-summary .badge{font-size:11px}.flow-metrics button{padding:4px 7px}}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.meeting-banner{align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}.pagehead{align-items:flex-start}.flow-summaries{grid-template-columns:1fr 1fr}.flow-summary.primary-flow{grid-column:1/-1}}
@media(max-width:720px){.shell{display:block}.sidebar{width:100%;height:72px;padding:5px}.nav{font-size:10px;gap:5px;padding:9px 7px;min-width:73px}.nav svg{width:19px}.content{padding:18px 14px}.main{padding-bottom:72px}.topbar{padding:0 16px;height:69px}.pagehead{padding:23px 20px;display:block}.pagehead h1{font-size:23px;line-height:1.7}.pagehead .btn{margin-top:16px;font-size:14px;padding:10px 15px}.pagehead .sub{font-size:13px}.eyebrow{font-size:10px}.meeting-banner{padding:19px;display:block}.meeting-banner h3{font-size:16px}.meeting-banner p{font-size:12px}.meeting-side{margin-top:13px}.meeting-side .btn{font-size:13px;padding:9px 12px}.stats{gap:11px}.stat{padding:16px}.stat-top{font-size:14px}.stat-value{font-size:30px}.stat-foot{font-size:11px}.flow-summaries{grid-template-columns:1fr}.flow-summary-title{font-size:16px}.flow-metrics span{font-size:14px}.task-row{padding:18px 16px;gap:10px}.task-title{font-size:15px}.task-meta{font-size:12px}.task-side small{font-size:11px}.task-side .badge{font-size:11px}.cardhead{padding:20px 18px}.cardhead h2{font-size:17px}.tabbar{padding:0 18px;gap:19px}.aside-stack{display:flex}.field label{font-size:14px}.modal-head,.modal-body,.modal-foot{padding:20px}.modal-head h2{font-size:22px}.sidebar .nav:hover{background:#34485b}.footer{font-size:11px}.brand b{font-size:20px}.person b{font-size:14px}}
