:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17201e;background:#f4f6f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17201e;--muted: #76817e;--line: #e5e9e7;--panel: #ffffff;--green: #2f7465;--green-dark: #245d52;--green-light: #e7f1ee;--navy: #0c1322;--shadow: 0 12px 38px rgba(28, 42, 38, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 2%,rgba(75,141,125,.06),transparent 26%),#f4f6f5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:256px;flex-direction:column;overflow:hidden;color:#d9e0df;background:radial-gradient(circle at 20% 5%,rgba(66,140,121,.16),transparent 28%),linear-gradient(165deg,#111a2a,#0b1120 62%,#0b1420);border-right:1px solid rgba(255,255,255,.05)}.brand{display:flex;min-height:82px;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{position:relative;width:34px;height:34px;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#dcece7,#6fa394);box-shadow:0 7px 20px #5ca18d33}.brand-mark span:first-child{position:absolute;right:-4px;bottom:-7px;width:30px;height:30px;transform:rotate(42deg);border-radius:8px;background:#173b35}.brand-mark span:last-child{position:absolute;right:7px;bottom:7px;width:9px;height:9px;border-radius:50%;background:#d9c595}.brand>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.brand strong{color:#fff;font-size:18px;letter-spacing:.2em}.brand small{color:#75817f;font-size:8px;letter-spacing:.14em}.workspace-card{display:flex;align-items:center;gap:10px;margin:22px 16px 13px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.workspace-avatar{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border-radius:9px;color:#bed4ce;background:#223c39;font-size:11px;font-weight:700}.workspace-card>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.workspace-card span{color:#73817f;font-size:10px}.workspace-card strong{overflow:hidden;color:#e6ecea;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.workspace-card svg{color:#64726f}.sidebar-nav{padding:8px 12px}.sidebar-nav p{margin:11px 12px 10px;color:#5d6968;font-size:10px;font-weight:600;letter-spacing:.1em}.sidebar-nav button{display:flex;width:100%;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;color:#879391;border:0;border-radius:9px;background:transparent;font-size:13px;text-align:left;transition:.16s ease}.sidebar-nav button:hover{color:#e5ecea;background:#ffffff0a}.sidebar-nav button.active{color:#e9f1ef;background:linear-gradient(90deg,#43827147,#4382711a);box-shadow:inset 2px 0 #69a694}.sidebar-nav button em{display:grid;min-width:19px;height:19px;place-items:center;margin-left:auto;padding:0 5px;color:#dcebe7;border-radius:9px;background:#347d6b;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto;padding:15px 16px 20px}.storage{margin-bottom:16px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ffffff06}.storage-head{display:flex;justify-content:space-between;margin-bottom:9px;color:#87928f;font-size:10px}.storage-head strong{color:#a9b6b3;font-weight:500}.progress-track{height:4px;overflow:hidden;border-radius:10px;background:#25302f}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b8d7b,#7cb5a5)}.storage small{display:block;margin-top:8px;color:#5c6866;font-size:9px}.profile-row{display:flex;width:100%;align-items:center;gap:10px;padding:3px 5px;color:inherit;border:0;background:transparent;text-align:left}.profile-avatar{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border-radius:50%;color:#193d35;background:linear-gradient(145deg,#e1d5b3,#9bbcaf);font-size:12px;font-weight:700}.profile-row>span:nth-child(2){display:flex;flex:1;flex-direction:column}.profile-row strong{color:#d9e0de;font-size:11px;font-weight:500}.profile-row small{margin-top:1px;color:#687572;font-size:9px}.profile-row svg{color:#586461}.main-shell{min-height:100vh;margin-left:256px}.topbar{position:sticky;top:0;z-index:20;display:flex;height:82px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(221,226,223,.9);background:#f8f9f8e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.title-wrap{display:flex;align-items:center;gap:12px}.title-wrap span{display:block;margin-bottom:2px;color:#8e9795;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.title-wrap h1{margin:0;color:#192320;font-size:20px;font-weight:650;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{display:flex;width:245px;height:38px;align-items:center;gap:9px;padding:0 11px;color:#86908e;border:1px solid #e0e5e2;border-radius:9px;background:#fff}.global-search input,.table-search input,.message-search input{width:100%;min-width:0;color:var(--ink);border:0;outline:0;background:transparent;font-size:11px}.global-search input::placeholder,.table-search input::placeholder,.message-search input::placeholder{color:#a6aeac}.global-search kbd{padding:2px 5px;color:#929b99;border:1px solid #e0e5e2;border-radius:4px;background:#f7f8f7;font-family:inherit;font-size:8px;white-space:nowrap}.icon-button{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;color:#65716e;border:1px solid #e1e5e3;border-radius:9px;background:#fff}.icon-button:hover{color:var(--green);border-color:#cddbd7}.notification-button{position:relative}.notification-button span{position:absolute;top:8px;right:8px;width:6px;height:6px;border:1.5px solid white;border-radius:50%;background:#d47565}.primary-button,.secondary-button,.light-button,.ghost-light-button,.select-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-size:11px;font-weight:600}.primary-button{min-height:40px;padding:0 17px;color:#fff;border:1px solid var(--green);background:linear-gradient(135deg,#3b8271,#2b6a5d);box-shadow:0 7px 18px #2f746529}.primary-button:hover{background:var(--green-dark)}.primary-button.compact{min-height:38px;padding:0 14px}.secondary-button{min-height:40px;padding:0 15px;color:#42504c;border:1px solid #dce2df;background:#fff}.page-content{max-width:1600px;margin:0 auto;padding:28px 34px 48px}.welcome-card{position:relative;display:flex;min-height:224px;align-items:center;overflow:hidden;padding:36px 43px;color:#fff;border:1px solid rgba(255,255,255,.05);border-radius:17px;background:linear-gradient(105deg,#0f1c27f5,#193f39ed),#10201f;box-shadow:0 18px 50px #16342d29}.welcome-card:after{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px;content:"";-webkit-mask-image:linear-gradient(90deg,transparent 25%,black);mask-image:linear-gradient(90deg,transparent 25%,black)}.welcome-orb{position:absolute;border:1px solid rgba(185,219,208,.1);border-radius:50%}.orb-one{top:-126px;right:60px;width:360px;height:360px}.orb-two{right:-54px;bottom:-138px;width:320px;height:320px;background:radial-gradient(circle,rgba(80,151,131,.12),transparent 65%)}.welcome-content{position:relative;z-index:2;max-width:640px}.welcome-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:17px;padding:5px 10px;color:#bcd5ce;border:1px solid rgba(188,213,206,.18);border-radius:20px;background:#ffffff0e;font-size:9px;letter-spacing:.06em}.welcome-content h2{margin:0 0 9px;font-size:28px;font-weight:600;letter-spacing:.01em}.welcome-content p{max-width:530px;margin:0;color:#a6b8b4;font-size:12px;line-height:1.75}.welcome-content p strong{color:#e0d3aa;font-weight:600}.welcome-actions{display:flex;gap:9px;margin-top:24px}.light-button{height:37px;padding:0 14px;color:#183d35;border:1px solid #d8e6e1;background:#e8f0ed}.ghost-light-button{height:37px;padding:0 13px;color:#afc0bc;border:1px solid rgba(255,255,255,.13);background:#ffffff09}.health-ring{position:relative;z-index:2;display:grid;width:126px;height:126px;place-items:center;margin-left:auto;margin-right:35px}.health-ring svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.health-ring circle{fill:none;stroke:#ffffff14;stroke-width:6}.health-ring .health-progress{stroke:url(#health);stroke:#81b5a7;stroke-linecap:round;stroke-dasharray:98 100;filter:drop-shadow(0 0 5px rgba(129,181,167,.4))}.health-ring>div{display:flex;flex-direction:column;align-items:center}.health-ring strong{font-size:28px;font-weight:600}.health-ring span{margin-top:-2px;color:#8fa7a1;font-size:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}.stat-card{display:grid;grid-template-columns:auto 1fr;gap:12px;min-width:0;padding:19px;border:1px solid #e5e9e7;border-radius:13px;background:#fff;box-shadow:0 6px 22px #192a2409}.stat-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:10px}.stat-icon.green,.activity-icon.green{color:#397665;background:#e5f0ed}.stat-icon.blue,.activity-icon.blue{color:#547795;background:#eaf0f5}.stat-icon.violet,.activity-icon.violet{color:#75699b;background:#efedf6}.stat-icon.amber,.activity-icon.amber{color:#9a7842;background:#f6f0e5}.stat-main{display:flex;flex-direction:column}.stat-main span{color:#7d8784;font-size:10px}.stat-main strong{margin-top:5px;color:#202a27;font-size:22px;font-weight:650;letter-spacing:-.04em}.stat-trend{display:flex;grid-column:2;align-items:center;margin-top:-3px;font-size:9px;font-weight:600}.stat-trend.positive{color:#43806f}.stat-trend.negative{color:#b2685c}.stat-trend small{margin-left:5px;color:#a0a8a6;font-weight:400}.dashboard-grid,.analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:16px;margin-top:18px}.panel{min-width:0;border:1px solid #e4e9e6;border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.panel-head{display:flex;min-height:76px;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #edf0ee}.panel-head>div{display:flex;flex-direction:column}.panel-head span{color:#89928f;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.panel-head h3{margin:3px 0 0;color:#222c29;font-size:14px;font-weight:650}.select-button{height:31px;padding:0 10px;color:#69736f;border:1px solid #e1e5e3;background:#fff;font-size:9px}.text-button{padding:5px 0;color:var(--green);border:0;background:transparent;font-size:9px}.chart-summary{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 24px 0}.chart-summary>div:first-child{display:flex;align-items:baseline;gap:8px}.chart-summary span{color:#8e9794;font-size:9px}.chart-summary strong{color:#202a27;font-size:20px}.chart-summary em{display:inline-flex;align-items:center;color:#42816f;font-size:9px;font-style:normal;font-weight:600}.chart-legend{display:flex;gap:16px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot.primary{background:#347d6d}.legend-dot.secondary{background:#9aa8b7}.traffic-chart{display:flex;height:225px;gap:10px;padding:16px 22px 20px}.chart-y-axis,.bar-chart-y{display:flex;width:22px;flex-direction:column;justify-content:space-between;padding-bottom:22px;color:#a1aaa7;font-size:8px;text-align:right}.chart-canvas,.bars-area{position:relative;flex:1;min-width:0}.grid-lines{position:absolute;top:0;right:0;bottom:22px;left:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines span{width:100%;height:1px;background:#eef1ef}.chart-canvas svg{position:absolute;top:0;right:0;bottom:22px;left:0;width:100%;height:calc(100% - 22px);overflow:visible}.chart-canvas .area{fill:url(#areaFill)}.primary-line,.secondary-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.primary-line{stroke:#347d6d;stroke-width:2.2}.secondary-line{stroke:#a6b2bf;stroke-dasharray:4 5;stroke-width:1.5}.chart-canvas circle{fill:#347d6d}.chart-canvas circle.dot-ring{fill:#347d6d24}.chart-tooltip{position:absolute;top:22px;right:10%;display:flex;flex-direction:column;padding:7px 9px;border:1px solid #dce4e1;border-radius:7px;background:#fffffff5;box-shadow:0 7px 20px #1c2a2617;transform:translate(50%)}.chart-tooltip span{color:#8a9491;font-size:7px}.chart-tooltip strong{color:#26322e;font-size:9px}.chart-x-axis{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;color:#a0a9a6;font-size:7px}.activity-list{padding:5px 20px 10px}.activity-item{position:relative;display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid #eff2f0}.activity-item:last-child{border-bottom:0}.activity-item:not(:last-child):after{position:absolute;top:44px;bottom:-15px;left:16px;width:1px;background:#edf0ee;content:""}.activity-icon{z-index:1;display:grid;width:32px;height:32px;place-items:center;flex:0 0 auto;border-radius:9px}.activity-item>div{display:flex;min-width:0;flex:1;flex-direction:column;padding-top:1px}.activity-item strong{overflow:hidden;color:#34403c;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.activity-item div span{overflow:hidden;margin-top:3px;color:#939b99;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.activity-item time{padding-top:2px;color:#a4aca9;font-size:7px;white-space:nowrap}.content-overview{margin-top:18px}.mini-content-list{padding:0 21px 4px}.mini-content-row{display:grid;grid-template-columns:auto minmax(200px,1.6fr) 90px 90px 70px 30px;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #edf0ee}.mini-content-row:last-child{border-bottom:0}.content-thumb{position:relative;display:block;width:53px;height:39px;overflow:hidden;flex:0 0 auto;border-radius:7px}.content-thumb:before,.content-thumb:after,.content-thumb span,.content-thumb i{position:absolute;content:""}.content-thumb:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e423d,#6a9b8d)}.content-thumb:after{right:-8px;bottom:-16px;width:45px;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.content-thumb span{top:9px;left:9px;width:17px;height:2px;background:#ffffffad;box-shadow:0 5px #ffffff61}.content-thumb i{right:9px;bottom:8px;width:7px;height:7px;border-radius:50%;background:#d7c48d}.content-thumb.blue:before{background:linear-gradient(135deg,#24384c,#6c8ba4)}.content-thumb.violet:before{background:linear-gradient(135deg,#39304e,#8c7fa5)}.content-thumb.amber:before{background:linear-gradient(135deg,#4b3826,#af8a5f)}.content-thumb.rose:before{background:linear-gradient(135deg,#4d3035,#a8757c)}.mini-content-title,.table-title-cell>div{display:flex;min-width:0;flex-direction:column}.mini-content-title strong,.table-title-cell strong{overflow:hidden;color:#303b37;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mini-content-title span,.table-title-cell span{margin-top:3px;color:#939c99;font-size:8px}.status-badge{display:inline-flex;width:fit-content;align-items:center;gap:5px;padding:4px 8px;border-radius:15px;font-size:8px;font-weight:500;white-space:nowrap}.status-badge i{width:5px;height:5px;border-radius:50%}.status-已发布,.status-已回复{color:#3e7666;background:#e7f1ed}.status-已发布 i,.status-已回复 i{background:#4b8e7a}.status-草稿,.status-已归档{color:#737c79;background:#f0f2f1}.status-草稿 i,.status-已归档 i{background:#89918f}.status-待审核,.status-待处理{color:#8c6a37;background:#f6f0e4}.status-待审核 i,.status-待处理 i{background:#b08b4f}.metric-cell{display:flex;align-items:center;gap:5px;color:#747e7b;font-size:9px}.metric-cell svg{color:#a2aaa8}.engagement-cell{display:flex;flex-direction:column}.engagement-cell span{color:#485450;font-size:9px;font-weight:600}.engagement-cell small{margin-top:2px;color:#a0a8a6;font-size:7px}.row-action{display:grid;width:28px;height:28px;place-items:center;color:#919a97;border:0;border-radius:7px;background:transparent}.row-action:hover{color:#54615d;background:#f3f5f4}.stack-page,.messages-page{display:flex;flex-direction:column;gap:18px}.page-intro,.messages-hero{display:flex;min-height:142px;align-items:center;justify-content:space-between;padding:26px 31px;overflow:hidden;border:1px solid #e2e8e5;border-radius:15px;background:radial-gradient(circle at 88% 22%,rgba(73,132,115,.1),transparent 23%),linear-gradient(120deg,#fff,#f4f8f6);box-shadow:var(--shadow)}.section-kicker{display:block;margin-bottom:8px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-intro h2,.messages-hero h2{margin:0;color:#1d2925;font-size:23px;font-weight:650;letter-spacing:-.025em}.page-intro p,.messages-hero p{margin:8px 0 0;color:#7d8884;font-size:11px}.content-summary-grid,.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e4e9e6;border-radius:13px;background:#fff;box-shadow:0 6px 20px #1a2b2509}.summary-icon{display:grid;width:39px;height:39px;place-items:center;color:#3e7868;border-radius:10px;background:#e9f2ef}.summary-card>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 6px}.summary-card div>span{grid-column:1 / -1;color:#8a9491;font-size:9px}.summary-card strong{color:#25302c;font-size:20px}.summary-card small{color:#9aa3a0;font-size:8px}.table-panel{overflow:visible}.table-toolbar{display:flex;min-height:70px;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid #e9ecea}.table-search,.message-search{display:flex;height:36px;align-items:center;gap:8px;padding:0 11px;color:#8f9996;border:1px solid #e0e5e2;border-radius:8px;background:#fafbfa}.table-search{width:225px}.filter-tabs{display:flex;gap:3px}.filter-tabs button,.message-tabs button,.chart-pills button{padding:7px 11px;color:#7b8582;border:0;border-radius:7px;background:transparent;font-size:9px}.filter-tabs button.active,.message-tabs button.active,.chart-pills button.active{color:#306e5f;background:#eaf2ef;font-weight:600}.table-toolbar .secondary-button{min-height:36px;margin-left:auto}.content-table-head,.content-table-row{display:grid;grid-template-columns:minmax(280px,1.7fr) 100px 90px 90px 110px 35px;align-items:center;gap:12px;padding:0 20px}.content-table-head{min-height:42px;color:#929b98;background:#fafbfa;border-bottom:1px solid #eaeeeb;font-size:8px;font-weight:600;letter-spacing:.04em}.content-table-row{min-height:68px;border-bottom:1px solid #edf0ee}.content-table-row:hover{background:#fbfcfb}.table-title-cell{display:flex;min-width:0;align-items:center;gap:11px}.number-cell,.date-cell{color:#5f6a66;font-size:9px}.date-cell{color:#87918e}.action-wrap{position:relative}.row-menu{position:absolute;top:31px;right:0;z-index:10;width:145px;padding:5px;border:1px solid #e1e6e3;border-radius:9px;background:#fff;box-shadow:0 12px 32px #182a2324}.row-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:8px;color:#56615d;border:0;border-radius:6px;background:transparent;font-size:9px;text-align:left}.row-menu button:hover{background:#f2f5f3}.row-menu button.danger{color:#b15f54}.empty-state,.empty-detail{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;color:#98a19e}.empty-state strong,.empty-detail strong{margin-top:10px;color:#56615d;font-size:11px}.empty-state span{margin-top:4px;font-size:9px}.table-footer{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 20px;color:#8d9693;font-size:9px}.table-footer>div{display:flex;gap:4px}.table-footer button{min-width:28px;height:27px;padding:0 8px;color:#78827f;border:1px solid #e0e5e2;border-radius:6px;background:#fff;font-size:8px}.table-footer button.active{color:#fff;border-color:var(--green);background:var(--green)}.messages-hero{min-height:132px}.message-summary{display:flex;align-items:center;gap:23px;padding:15px 23px;border:1px solid #dde6e2;border-radius:11px;background:#ffffffb3}.message-summary>div{display:flex;flex-direction:column;align-items:center;gap:3px}.message-summary span{color:#8b9592;font-size:8px}.message-summary strong{color:#26322e;font-size:17px}.message-summary>i{width:1px;height:26px;background:#e2e7e4}.message-console{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:630px;overflow:hidden}.message-list-pane{min-width:0;border-right:1px solid #e7ebe9}.message-list-head{display:flex;height:73px;align-items:center;justify-content:space-between;padding:0 18px}.message-list-head>div{display:flex;align-items:baseline;gap:8px}.message-list-head h3{margin:0;color:#28332f;font-size:15px}.message-list-head span{color:#929b98;font-size:8px}.message-list-head .icon-button,.detail-actions .icon-button{width:32px;height:32px}.message-search{margin:0 17px 11px}.message-tabs{display:flex;gap:4px;padding:0 17px 10px;border-bottom:1px solid #e9edea}.message-tabs button{flex:1}.message-list{max-height:480px;overflow:auto}.message-card{position:relative;display:flex;width:100%;gap:10px;padding:15px 17px;color:inherit;border:0;border-bottom:1px solid #edf0ee;background:#fff;text-align:left}.message-card:hover,.message-card.active{background:#f3f7f5}.message-card.active:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--green);content:""}.message-avatar{display:grid;width:35px;height:35px;place-items:center;flex:0 0 auto;border-radius:10px;font-size:10px;font-weight:700}.message-avatar.jade{color:#2e6658;background:#dfece8}.message-avatar.indigo{color:#5c638a;background:#e7e8f1}.message-avatar.amber{color:#8a6b39;background:#f3eadb}.message-avatar.rose{color:#95625d;background:#f2e5e3}.message-avatar.slate{color:#596b73;background:#e4eaec}.message-avatar.large{width:44px;height:44px;border-radius:12px;font-size:12px}.message-card-copy{display:flex;min-width:0;flex:1;flex-direction:column}.message-card-top{display:flex;align-items:center;justify-content:space-between}.message-card-top strong{color:#3a4541;font-size:10px}.message-card-top time{color:#a1a9a6;font-size:7px}.message-card-copy b{overflow:hidden;margin-top:4px;color:#57625e;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.message-card-copy>span:last-child{display:-webkit-box;overflow:hidden;margin-top:4px;color:#969e9b;font-size:8px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.unread-dot{position:absolute;top:20px;right:8px;width:5px;height:5px;border-radius:50%;background:#3d806f}.message-detail{display:flex;min-width:0;flex-direction:column}.message-detail-head{display:flex;min-height:82px;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e8ecea}.sender-profile{display:flex;align-items:center;gap:11px}.sender-profile h3{margin:0;color:#2f3b37;font-size:13px}.sender-profile div span{display:block;margin-top:3px;color:#939c99;font-size:8px}.detail-actions{display:flex;align-items:center;gap:8px}.message-body{flex:1;padding:29px 34px}.message-metadata{display:flex;align-items:center;justify-content:space-between;color:#919a97;font-size:8px}.message-body h2{margin:21px 0 12px;color:#27332f;font-size:18px;font-weight:650}.message-body>p{max-width:680px;margin:0;color:#65716d;font-size:11px;line-height:1.9}.message-context{display:flex;align-items:center;gap:11px;max-width:480px;margin-top:27px;padding:13px 15px;color:#4d796e;border:1px solid #e2eae7;border-radius:9px;background:#f6f9f8}.message-context>div{display:flex;flex-direction:column}.message-context strong{color:#52605b;font-size:9px}.message-context span{margin-top:2px;color:#929b98;font-size:8px}.reply-box{margin:0 24px 24px;overflow:hidden;border:1px solid #dce3e0;border-radius:11px;background:#fafbfa}.reply-head{display:flex;height:40px;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #e3e8e5}.reply-head span{color:#67726e;font-size:9px}.reply-head button{display:flex;align-items:center;gap:4px;color:#78837f;border:0;background:transparent;font-size:8px}.reply-box textarea{width:100%;height:90px;resize:none;padding:13px;color:#34413d;border:0;outline:0;background:#fff;font-size:10px;line-height:1.7}.reply-box textarea::placeholder{color:#a2aaa8}.reply-actions{display:flex;min-height:48px;align-items:center;gap:7px;padding:0 10px;border-top:1px solid #e6eae8}.reply-actions .icon-button{width:30px;height:30px;background:transparent}.reply-actions>span{color:#a0a8a5;font-size:7px}.reply-actions .primary-button{margin-left:auto}.analytics-kpi{padding:19px;border:1px solid #e3e8e5;border-radius:13px;background:#fff;box-shadow:0 6px 22px #1a2a2409}.analytics-kpi>span{color:#87918e;font-size:9px}.analytics-kpi>div:nth-child(2){display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 13px}.analytics-kpi strong{color:#25312d;font-size:21px}.analytics-kpi em{display:inline-flex;align-items:center;color:#3f7b6b;font-size:8px;font-style:normal;font-weight:600}.kpi-track{height:4px;overflow:hidden;border-radius:5px;background:#edf1ef}.kpi-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#347d6c,#83b3a5)}.analytics-kpi small{display:block;margin-top:7px;color:#a0a8a6;font-size:7px}.engagement-chart-panel{min-height:390px}.chart-pills{display:flex;gap:3px;padding:17px 22px 2px}.bar-chart{display:flex;height:260px;gap:10px;padding:18px 22px 21px}.bars{position:absolute;top:0;right:0;bottom:22px;left:0;display:flex;align-items:flex-end;justify-content:space-around}.bar-pair{display:flex;width:5.5%;height:100%;align-items:flex-end;justify-content:center;gap:2px}.bar-pair i,.bar-pair b{width:7px;min-height:3px;border-radius:4px 4px 1px 1px}.bar-pair i{background:#b9d2ca}.bar-pair b{background:#3e806f}.bar-pair span{position:absolute;bottom:-20px;color:#9ca5a2;font-size:7px}.source-panel{padding-bottom:18px}.donut-wrap{display:grid;place-items:center;padding:22px 0 15px}.donut{display:grid;width:140px;height:140px;place-items:center;border-radius:50%;background:conic-gradient(#3d7e6d 0,#3d7e6d 42%,#1e2f40 42%,#1e2f40 70%,#7f9fb2 70%,#7f9fb2 88%,#d5be8e 88%,#d5be8e)}.donut:before{width:92px;height:92px;border-radius:50%;background:#fff;content:""}.donut>div{position:absolute;display:flex;flex-direction:column;align-items:center}.donut strong{color:#26322e;font-size:20px}.donut span{color:#929b98;font-size:8px}.source-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 21px;padding:0 25px}.source-legend>div{display:flex;align-items:center;justify-content:space-between;font-size:8px}.source-legend span{display:flex;align-items:center;gap:6px;color:#75807c}.source-legend i{width:6px;height:6px;border-radius:50%}.source-legend i.green{background:#3d7e6d}.source-legend i.navy{background:#1e2f40}.source-legend i.blue{background:#7f9fb2}.source-legend i.sand{background:#d5be8e}.source-legend strong{color:#56615d;font-size:9px}.analytics-grid.bottom{grid-template-columns:1.25fr .75fr}.ranking-list{padding:4px 21px 8px}.ranking-row{display:grid;grid-template-columns:28px minmax(180px,1fr) 70px 70px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0ee}.ranking-row:last-child{border-bottom:0}.rank-number{display:grid;width:23px;height:23px;place-items:center;color:#76817d;border-radius:7px;background:#f0f3f1;font-size:9px;font-weight:700}.rank-number.rank-1{color:#80642e;background:#f3ead5}.ranking-row>div{display:flex;min-width:0;flex-direction:column}.ranking-row div strong{overflow:hidden;color:#3a4541;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ranking-row div span,.ranking-row>span:not(.rank-number) small{margin-top:2px;color:#9aa2a0;font-size:7px}.ranking-row>span:not(.rank-number){display:flex;flex-direction:column;color:#56615d;font-size:9px}.audience-panel{overflow:hidden}.audience-map{position:relative;height:185px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(145deg,#172b31,#1d4a42);background-size:25px 25px,25px 25px,auto}.map-glow{position:absolute;top:25px;right:40px;width:150px;height:120px;border:1px solid rgba(171,209,199,.18);border-radius:50% 40% 55% 35%;transform:rotate(-12deg)}.map-dot{position:absolute;width:7px;height:7px;border:2px solid rgba(221,207,161,.4);border-radius:50%;background:#decf9e;box-shadow:0 0 0 7px #ddcfa114}.dot-shanghai{top:72px;right:70px}.dot-beijing{top:45px;right:106px}.dot-shenzhen{top:113px;right:114px}.dot-hangzhou{top:90px;right:92px}.map-copy{position:absolute;bottom:21px;left:23px;display:flex;flex-direction:column}.map-copy span{color:#86a39b;font-size:7px}.map-copy strong{margin-top:2px;color:#fff;font-size:18px}.map-copy small{margin-top:2px;color:#93aaa4;font-size:8px}.audience-tags{display:flex;gap:6px;padding:15px 18px}.audience-tags span{padding:5px 8px;color:#64716c;border-radius:15px;background:#eff3f1;font-size:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#09101894;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .15s ease}.content-modal{width:min(570px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:16px;background:#fff;box-shadow:0 30px 90px #07141047;animation:modal-in .18s ease}.modal-head{display:flex;min-height:78px;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e8ecea}.modal-head .section-kicker{margin-bottom:3px}.modal-head h2{margin:0;color:#25312d;font-size:18px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:22px 24px}.form-field{position:relative;display:flex;flex:1;flex-direction:column;gap:7px}.form-field>span{color:#5e6a66;font-size:9px;font-weight:600}.form-field em{color:#c16b5f;font-style:normal}.form-field input,.form-field textarea,.form-field select{width:100%;color:#34413c;border:1px solid #dce3e0;border-radius:8px;outline:0;background:#fafbfa;font-size:10px;transition:.15s ease}.form-field input,.form-field select{height:40px;padding:0 11px}.form-field textarea{height:78px;resize:none;padding:11px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#75a598;background:#fff;box-shadow:0 0 0 3px #3a7e6c14}.form-field small{position:absolute;right:9px;bottom:7px;color:#a0a8a6;font-size:7px}.form-row{display:flex;gap:13px}.upload-zone{display:flex;min-height:115px;align-items:center;justify-content:center;flex-direction:column;color:#71807a;border:1px dashed #cdd8d4;border-radius:10px;background:#f8faf9;cursor:pointer}.upload-zone:hover,.upload-zone.has-file{border-color:#75a598;background:#f2f7f5}.upload-zone input{display:none}.upload-icon{display:grid;width:39px;height:39px;place-items:center;margin-bottom:8px;color:#528475;border-radius:10px;background:#e6f0ed}.upload-icon.success{color:#fff;background:#47806f}.upload-zone strong{font-size:10px}.upload-zone small{margin-top:4px;color:#9aa4a0;font-size:8px}.modal-footer{display:flex;min-height:70px;align-items:center;justify-content:flex-end;gap:9px;padding:0 24px;border-top:1px solid #e8ecea;background:#fafbfa}.toast{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;min-width:200px;align-items:center;gap:9px;padding:12px 15px;color:#e8f0ee;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#152823;box-shadow:0 14px 35px #0d201b40;font-size:10px;animation:toast-in .18s ease}.toast-icon{display:grid;width:23px;height:23px;place-items:center;color:#17372f;border-radius:50%;background:#9bc8bc}.menu-button,.sidebar-close,.sidebar-backdrop{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:1180px){.stats-grid,.content-summary-grid,.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.analytics-grid,.analytics-grid.bottom{grid-template-columns:1fr}.mini-content-row{grid-template-columns:auto minmax(180px,1fr) 85px 75px 30px}.mini-content-row .metric-cell{display:none}.message-console{grid-template-columns:300px minmax(0,1fr)}.content-table-head,.content-table-row{grid-template-columns:minmax(250px,1.5fr) 90px 75px 90px 35px}.content-table-head span:nth-child(4),.content-table-row>span:nth-child(4){display:none}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.is-open{transform:translate(0);box-shadow:20px 0 60px #070f1747}.sidebar-close{display:grid;width:30px;height:30px;margin-left:auto;color:#81908d;border-color:#ffffff14;background:#ffffff0a}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;width:100%;border:0;background:#090f1675}.main-shell{margin-left:0}.menu-button{display:grid}.message-console{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:720px){.topbar{height:72px;padding:0 18px}.page-content{padding:20px 17px 36px}.global-search,.topbar .primary-button{display:none}.welcome-card{min-height:260px;padding:29px 25px}.health-ring{display:none}.welcome-content h2{font-size:24px}.stats-grid,.content-summary-grid,.analytics-kpis{grid-template-columns:1fr}.mini-content-row{grid-template-columns:auto minmax(150px,1fr) 75px 30px}.mini-content-row>.status-badge,.mini-content-row .engagement-cell{display:none}.page-intro,.messages-hero{align-items:flex-start;flex-direction:column;gap:20px}.message-summary{width:100%;justify-content:space-around}.message-console{display:block}.message-list-pane{border-right:0}.message-list{max-height:340px}.message-detail{border-top:1px solid #e4e9e6}.table-toolbar{flex-wrap:wrap;padding:13px}.table-search{width:100%}.filter-tabs{overflow-x:auto}.table-toolbar .secondary-button,.content-table-head{display:none}.content-table-row{grid-template-columns:minmax(0,1fr) 75px 30px;gap:8px;padding:10px 13px}.content-table-row>.number-cell,.content-table-row>.date-cell{display:none}.form-row{flex-direction:column}}