*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#192234;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.side{position:relative;padding:24px 16px;background:#fff;border-right:1px solid #e8edf6;box-shadow:8px 0 24px rgba(31,66,120,.03)}.brand{display:flex;align-items:center;gap:14px;margin:2px 8px 28px;font-size:24px;font-weight:900}.brand span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1f75ff,#5aa0ff);color:#fff;font-weight:900}.nav{display:flex;align-items:center;width:100%;height:50px;margin-bottom:8px;border:0;border-radius:10px;background:transparent;color:#34415a;text-align:left;padding:0 16px;font-size:16px;font-weight:800;cursor:pointer}.nav i{width:28px;font-style:normal;color:#1f6ff2}.nav.active,.nav:hover{background:#eaf2ff;color:#1f6ff2}.nav.sub{height:40px;margin-left:28px;width:calc(100% - 28px);padding-left:18px;color:#7a879d;font-size:14px}.nav.sub.active{color:#1f6ff2}.group-title{display:flex;align-items:center;justify-content:space-between;margin:16px 16px 8px;color:#34415a;font-weight:900}.collapse{position:absolute;left:28px;bottom:28px;background:transparent;color:#7a879d;padding:0}.main{min-width:0}.top{height:80px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8edf6}.menu-btn{width:40px;height:40px;padding:0;background:transparent;color:#34415a;font-size:24px}.top-search{position:relative;width:380px}.top-search input{width:100%;height:44px;border-radius:24px;padding:0 48px 0 22px}.top-search span{position:absolute;right:18px;top:10px;color:#526078}.admin-box{display:flex;align-items:center;gap:16px}.bell{position:relative;font-size:24px;color:#253149}.bell em{position:absolute;right:-8px;top:-9px;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;background:#f04747;color:#fff;font-size:11px;font-style:normal}.admin-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#1f6ff2;font-weight:900}.admin-box strong{display:block}.admin-box small{color:#0ba66b}.panel{padding:20px}.card{background:#fff;border:1px solid #e4ebf5;border-radius:16px;box-shadow:0 10px 28px rgba(30,55,98,.05)}.login{max-width:420px;padding:26px;margin:80px auto}.login h1{margin:0 0 20px}.login input,.login button{width:100%;margin-top:12px}.hidden{display:none!important}.status{min-height:22px;margin-top:10px;color:#d64040;font-size:14px}.status.ok{color:#078b4f}input,textarea,button,select{font:inherit}input,textarea,select{min-height:42px;border:1px solid #dce4ef;border-radius:10px;padding:9px 12px;background:#fff}textarea{min-height:92px;resize:vertical}button{border:0;border-radius:10px;padding:10px 16px;background:#1f6ff2;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:18px}.metric{height:122px;padding:22px;display:flex;align-items:center;gap:18px}.metric i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:28px;box-shadow:0 10px 22px rgba(31,111,242,.22)}.metric:nth-child(1) i{background:linear-gradient(135deg,#2878ff,#6ba6ff)}.metric:nth-child(2) i{background:linear-gradient(135deg,#24c3a6,#5fd8c5)}.metric:nth-child(3) i{background:linear-gradient(135deg,#7b55e8,#a27cff)}.metric:nth-child(4) i{background:linear-gradient(135deg,#f49b26,#ffbe5c)}.metric:nth-child(5) i{background:linear-gradient(135deg,#24b8d6,#55d4ee)}.metric b{display:block;margin-top:4px;font-size:28px}.metric span{color:#7f8aa3}.metric small{display:block;margin-top:4px;color:#16a66a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h2,.block h2{margin:0;font-size:20px}.card-head small{color:#7f8aa3;font-weight:500}.card-head a{color:#1f6ff2;font-size:14px}.card-head button{height:34px;padding:0 14px}.line-chart{height:250px;border-radius:12px;background-size:100% 100%;position:relative;overflow:hidden}.line-chart:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#e9eef6 48px)}.line-chart.blue{background-image:linear-gradient(180deg,rgba(31,111,242,.2),rgba(31,111,242,.02)),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%231f6ff2' stroke-width='5' points='0,130 70,155 140,118 210,112 280,82 350,116 420,95 500,48 600,78'/%3E%3C/svg%3E")}.line-chart.green{background-image:linear-gradient(180deg,rgba(36,195,166,.22),rgba(36,195,166,.03)),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%2324c3a6' stroke-width='5' points='0,170 80,145 150,122 220,135 300,98 380,80 470,72 600,42'/%3E%3C/svg%3E")}.middle-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-top:18px}.block{padding:20px}.donut-wrap{display:flex;align-items:center;gap:24px}.donut{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2878ff 0 45%,#24c3a6 45% 71%,#ffb33f 71% 88%,#d6dfea 88%);color:#192234;font-weight:900}.donut-wrap ul{list-style:none;margin:0;padding:0;line-height:2}.donut-wrap li b{display:inline-block;width:12px;height:12px;border-radius:3px;background:#2878ff;margin-right:8px}.donut-wrap li:nth-child(2) b{background:#24c3a6}.donut-wrap li:nth-child(3) b{background:#ffb33f}.donut-wrap span{color:#7f8aa3}.icon-grid,.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid{grid-template-columns:repeat(2,1fr)}.icon-grid button,.quick-grid button{height:74px;background:#f4f7fb;color:#34415a}.right-col{display:grid;gap:18px;align-content:start}.activity-feed{display:grid;gap:14px}.feed-item{display:flex;align-items:flex-start;gap:12px}.feed-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#1f6ff2}.feed-item h3{margin:0;font-size:15px}.feed-item p{margin:4px 0 0;color:#7f8aa3;font-size:13px}.notice-list p{display:flex;align-items:center;gap:10px;margin:0;padding:11px 0;border-bottom:1px solid #eef3fa;color:#526078}.notice-list p:last-child{border:0}.notice-list span{padding:3px 8px;border-radius:6px;background:#eaf2ff;color:#1f6ff2}.notice-list time{margin-left:auto;color:#7f8aa3}.content-table{margin-top:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid #eef3fa;text-align:left}.table th{color:#526078;background:#f8fbff}.table td{color:#33405a}.grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:16px;margin-bottom:18px}.grid textarea{grid-column:span 2}.grid button{grid-column:span 4}.inline{display:flex;gap:12px;padding:14px;margin-bottom:18px}.inline input{flex:1}.list{display:grid;gap:12px}.list.compact{gap:8px}.row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px;background:#fff;border:1px solid #e7edf6;border-radius:14px}.row h3{margin:0 0 6px;font-size:17px}.row p{margin:0;color:#69758d;font-size:14px}.row-actions{display:flex;gap:8px}.danger{background:#ffe8e8;color:#a40000}.ghost{background:#eef3fb;color:#40506c}.muted{color:#7f8aa3}.pill{display:inline-block;margin:2px 5px 2px 0;padding:4px 9px;border-radius:999px;background:#eaf2ff;color:#1f6ff2;font-size:12px}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#eaf2ff}.with-avatar{display:flex;align-items:center;gap:12px}@media (max-width:1400px){.dashboard-grid{grid-template-columns:1fr}.right-col{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.shell{grid-template-columns:1fr}.side{position:static}.metric-grid,.chart-row,.middle-row,.grid,.right-col{grid-template-columns:1fr}.grid textarea,.grid button{grid-column:auto}.top{height:auto;align-items:flex-start;gap:12px;flex-direction:column}.top-search{width:100%}.icon-grid{grid-template-columns:1fr 1fr}}
.section-title{margin:0 0 18px}.section-title h2{font-size:22px;margin:0 0 6px;color:#172033}.section-title p{margin:0;color:#748094}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.guide-card{background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:18px;box-shadow:0 8px 22px rgba(21,33,58,.05)}.guide-card b{display:block;font-size:16px;color:#172033;margin-bottom:8px}.guide-card span{display:block;color:#748094;line-height:1.7}.split-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.stack{display:flex;flex-direction:column;gap:12px}.stack h3{margin:0;color:#172033}.stack textarea{min-height:112px}.empty-state{padding:18px;color:#8a94a6;text-align:center}.table button,.card-head button{border:0;border-radius:8px;background:#eef5ff;color:#1f73f1;padding:8px 12px;cursor:pointer}.table button:hover,.card-head button:hover{background:#dcecff}.row-actions{display:flex;gap:8px}.row-actions button,.row button{border:0;border-radius:8px;background:#f0f6ff;color:#1f73f1;padding:8px 12px;cursor:pointer}.row-actions .danger,.row .danger{background:#fff0f0;color:#e05252}@media(max-width:1100px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-row{grid-template-columns:1fr}}@media(max-width:720px){.guide-grid{grid-template-columns:1fr}}
.notification-panel{position:absolute;right:28px;top:72px;z-index:20;width:420px;max-height:620px;overflow:auto;padding:18px;background:#fff;border:1px solid #e4ebf5;border-radius:16px;box-shadow:0 18px 48px rgba(30,55,98,.16)}
.notification-panel .row{cursor:pointer}
.admin-form{padding:18px;margin-bottom:18px}
.admin-form fieldset{border:1px solid #e4ebf5;border-radius:14px;padding:16px;margin:0 0 14px;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}
.admin-form legend{padding:0 8px;color:#1f6ff2;font-weight:900}
.admin-form textarea{grid-column:span 4;min-height:150px}
.admin-form label{display:flex;align-items:center;gap:8px;color:#526078}
.admin-form button{width:100%;height:44px}
.field-label{display:flex;flex-direction:column!important;align-items:stretch!important;gap:7px!important}.field-label>span{font-size:13px;font-weight:800;color:#526078}.field-label input,.field-label select{width:100%}.row-actions button,.admin-form button,.grid button,.inline button{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center}
.notification-item h3{font-size:15px}
@media(max-width:900px){.notification-panel{left:16px;right:16px;top:120px;width:auto}.admin-form fieldset{grid-template-columns:1fr}.admin-form textarea{grid-column:auto}}
.session-field{grid-column:span 4}.editor-wrap{grid-column:span 4;border:1px solid #dce4ef;border-radius:12px;overflow:hidden;background:#fff}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border-bottom:1px solid #e8edf5;background:#f7f9fc}.editor-toolbar button{grid-column:auto!important;width:auto!important;height:36px!important;padding:0 12px}.editor-toolbar select{min-height:36px}.editor-toolbar input[type=color]{width:42px;min-height:36px;padding:3px}.rich-editor{min-height:260px;padding:18px;outline:0;line-height:1.75}.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa4b4}.rich-editor img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:8px}.rich-editor blockquote{margin:14px 0;padding:10px 16px;border-left:4px solid #1f6ff2;background:#f3f7ff;color:#526078}@media(max-width:900px){.session-field,.editor-wrap{grid-column:auto}}
.region-field{position:relative;display:grid;gap:8px}.region-field>input{width:100%}.region-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.region-selects select{min-width:0}.region-suggestions{position:absolute;z-index:30;top:44px;left:0;right:0;max-height:300px;overflow:auto;padding:6px;border:1px solid #dce4ef;border-radius:10px;background:#fff;box-shadow:0 14px 36px rgba(30,55,98,.18)}.region-suggestions button{display:flex;justify-content:space-between;width:100%;padding:9px 10px;background:#fff;color:#26334b;text-align:left}.region-suggestions button:hover{background:#eef5ff}.region-suggestions span{color:#7f8aa3;font-size:12px}.emoji-palette{position:absolute;z-index:35;display:grid;grid-template-columns:repeat(8,34px);gap:4px;padding:8px;border:1px solid #dce4ef;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(30,55,98,.16)}.emoji-palette button{width:34px!important;height:34px!important;padding:0!important;background:#fff;font-size:20px}.editor-toolbar{position:relative}.member-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.member-gallery img{width:72px;height:72px;border-radius:8px;object-fit:cover;cursor:zoom-in}.image-missing{display:none}.image-preview{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:50px;background:rgba(0,0,0,.78)}.image-preview img{max-width:90vw;max-height:86vh;object-fit:contain}.image-preview button{position:absolute;right:30px;top:24px;width:44px;height:44px;border-radius:50%;padding:0;font-size:28px;background:#fff;color:#111}
.publisher-switch{display:grid;grid-template-columns:120px 240px 1fr;align-items:center;gap:14px;margin-bottom:18px;padding:16px}.publisher-switch label{font-weight:900}.publisher-switch span{color:#748094}.publisher-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.publisher-lists .row{grid-template-columns:1fr}.publisher-lists .row-actions{margin-top:10px}.legacy-panel{display:none!important}@media(max-width:1000px){.publisher-switch,.publisher-lists{grid-template-columns:1fr}}
.module-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.module-guide>div{padding:16px;border:1px solid #e4ebf5;border-radius:14px;background:#fff}.module-guide b,.module-guide span{display:block}.module-guide span{margin-top:7px;color:#748094;line-height:1.6}.module-row{grid-template-columns:52px 1fr auto}.module-swatch{width:44px;height:44px;border-radius:12px;border:1px solid #dce4ef}.module-row .row-actions{align-items:center}@media(max-width:900px){.module-guide{grid-template-columns:1fr}.module-row{grid-template-columns:52px 1fr}.module-row .row-actions{grid-column:1/-1}}
.module-row{min-height:92px;transition:opacity .2s,border-color .2s}.module-row.module-disabled{opacity:.62;background:#f8fafc}.module-actions{display:flex;align-items:center;gap:18px}.module-actions>.ghost{padding:9px 15px}.module-switch{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.module-switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:46px;height:26px;border-radius:999px;background:#cbd4df;transition:background .2s}.switch-track i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(23,39,68,.22);transition:transform .2s}.module-switch input:checked+.switch-track{background:#21b99a}.module-switch input:checked+.switch-track i{transform:translateX(20px)}.module-switch b{min-width:48px;font-size:14px;color:#526078}.module-switch input:focus-visible+.switch-track{outline:3px solid rgba(31,111,242,.2)}@media(max-width:900px){.module-actions{grid-column:1/-1;justify-content:flex-end}}
#sectionForm .section-save{grid-column:auto;justify-self:end;min-width:180px;height:44px}@media(max-width:900px){#sectionForm .section-save{justify-self:stretch;width:100%}}
.avatar-stack{position:relative;flex:0 0 52px;width:52px;height:52px}.avatar-stack .avatar{position:absolute;inset:0}.avatar-fallback{display:grid;place-items:center;background:#b8f13d;color:#111;font-weight:900}.avatar-photo{object-fit:cover}
.permission-hidden{display:none!important}
.portal-form{max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-form .field-label:has(textarea),.portal-form .toggle-field{grid-column:1/-1}.portal-form textarea{min-height:180px}.portal-form>button{grid-column:2;justify-self:end;width:200px;min-height:44px}.pin-pill{background:#fff2c7!important;color:#8a5a00!important}@media(max-width:800px){.portal-form{grid-template-columns:1fr}.portal-form .field-label:has(textarea),.portal-form .toggle-field,.portal-form>button{grid-column:1}.portal-form>button{width:100%}}
.real-chart{height:250px;min-width:0}.real-chart svg{display:block;width:100%;height:100%}.chart-grid line{stroke:#e8eef7;stroke-width:1}.chart-grid text,.chart-labels text{fill:#7f8aa3;font-size:11px}.chart-empty{height:100%;display:grid;place-items:center;color:#8a96aa;background:#f8fbff;border-radius:12px}.filter-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr) 1.5fr auto;gap:10px;margin-bottom:14px}.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.stat-strip>div{padding:14px;border-radius:10px;background:#f4f8ff}.stat-strip span{display:block;color:#71809a}.stat-strip b{font-size:24px}.permission-matrix{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;padding:14px;border:1px solid #e3eaf5;border-radius:10px}.permission-matrix label,.toggle-field{display:flex;align-items:center;gap:8px}.permission-matrix input,.toggle-field input{min-height:auto}.media-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.media-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#edf2f8}.emoji-palette{position:fixed!important;z-index:300;max-width:min(390px,calc(100vw - 24px));max-height:260px;overflow:auto;grid-template-columns:repeat(8,34px)}
@media(max-width:1100px){.filter-grid,.permission-matrix{grid-template-columns:1fr 1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}}