:root{color:#2a2427;font-synthesis:none;background:#f7f5f4;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fff 0,#f7f5f4 260px);min-width:1180px;margin:0}button{font:inherit}a{color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #6c354847}.session-warning{z-index:3000;width:430px;max-width:calc(100vw - 48px);position:fixed;bottom:24px;right:24px;box-shadow:0 12px 36px #38252b26}.topbar{z-index:10;background:#fffffff0;border-bottom:1px solid #ece6e3;grid-template-columns:230px 1fr 180px;align-items:center;height:64px;padding:0 28px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{color:#fff;letter-spacing:1px;background:#6c3548;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.global-nav{justify-content:center;height:100%;display:flex}.global-nav button{color:#70676a;cursor:pointer;background:0 0;border:0;min-width:78px;position:relative}.global-nav button.active{color:#6c3548;font-weight:700}.global-nav button.active:after{content:"";background:#6c3548;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:20px;right:20px}.account-button{color:#70676a;cursor:pointer;background:0 0;border:0;justify-self:end;font-size:14px}.page-container{max-width:1440px;margin:0 auto;padding:34px 42px 60px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-heading h1{margin:0 0 8px;font-size:26px}.page-heading p{color:#8b8184;margin:0}.page-heading__aside{flex-shrink:0;align-items:center;gap:12px;display:flex}.stage-tag{color:#6c3548;background:#f5e9ed;border-radius:999px;padding:7px 12px;font-size:13px}.page-actions{align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #eee8e5;border-radius:14px;box-shadow:0 8px 26px #38252b0b}.metric-card{flex-direction:column;gap:12px;padding:21px;display:flex}.metric-card span{color:#756d70;font-size:14px}.metric-card strong{font-size:28px}.metric-card small{color:#aaa1a4}.metric-card small.positive{color:#438064}.dashboard-metrics{grid-template-columns:repeat(4,minmax(180px,1fr))}.dashboard-chart-panel{min-height:410px;margin-top:18px}.dashboard-chart{width:100%;height:340px}.dashboard-footnote{color:#8b8184;margin-top:18px;font-size:13px}.dashboard-table{margin-top:16px}.dashboard-table h2{margin:0 0 18px}.monitoring-metrics{grid-template-columns:repeat(4,minmax(180px,1fr))}.monitoring-section{margin-top:16px}.monitoring-section h2{margin:0 0 18px}.panel-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:18px;display:grid}.panel{min-height:270px;padding:24px}.panel h2{margin:0;font-size:17px}.empty-state{color:#aaa1a4;text-align:center;place-items:center;min-height:190px;display:grid}.placeholder{min-height:420px}.placeholder .empty-state{min-height:350px}.login-page{background:#f5f1ef;grid-template-columns:minmax(520px,1.25fr) minmax(420px,.75fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 15% 10%,#fff3,#0000 25%),linear-gradient(145deg,#8b4d62,#4d2735);flex-direction:column;justify-content:center;padding:10vw;display:flex}.brand-mark.large{width:52px;height:52px;margin-bottom:38px;font-size:16px}.eyebrow{letter-spacing:.16em;margin:0 0 16px;font-size:12px;font-weight:700}.login-brand-panel h1{max-width:620px;margin:0 0 24px;font-size:clamp(38px,4vw,64px);line-height:1.15}.login-brand-panel p:last-child{color:#ffffffb8;max-width:520px;line-height:1.8}.login-card{background:#fff;border-radius:20px;align-self:center;width:min(400px,100% - 64px);margin:0 auto;padding:48px;box-shadow:0 26px 70px #3c232c1f}.login-card h2{margin:0 0 8px;font-size:30px}.muted,.local-notice{color:#8b8184}.login-card .muted{margin:0 0 28px}.wide-button{width:100%;margin-top:6px}.local-notice{text-align:center;margin:24px 0 0;font-size:12px}.compact-panel{min-height:0}.compact-panel .el-pagination{justify-content:flex-end;margin-top:20px}.permission-layout{grid-template-columns:250px 1fr;gap:16px;display:grid}.role-list{padding:10px}.role-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;width:100%;padding:14px 16px;display:flex}.role-list button.active{color:#6c3548;background:#f5e9ed}.role-list button span{color:#94898d;margin-top:4px;font-size:12px}.permission-panel h2{margin:0 0 18px}.check-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px 18px;display:grid}.permission-checks .el-checkbox{align-items:flex-start;height:auto}.permission-checks small{color:#94898d;font-weight:400;display:block}.form-panel{max-width:620px;min-height:0}.module-tabs{border-bottom:1px solid #e8e1de;gap:4px;margin:-10px 0 18px;display:flex}.module-tabs button{color:#756d70;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 18px}.module-tabs button.active{color:#6c3548;border-bottom-color:#6c3548;font-weight:700}.product-editor{min-height:0}.product-editor h2{border-bottom:1px solid #eee8e5;margin:4px 0 22px;padding-bottom:10px}.product-editor h2:not(:first-child){margin-top:30px}.form-grid{grid-template-columns:repeat(2,minmax(300px,1fr));gap:0 28px;display:grid}@media (width<=1300px){.topbar{grid-template-columns:190px 1fr 150px;padding:0 18px}.global-nav button{min-width:66px}.login-brand-panel{padding:7vw}}@media (width<=1440px){.page-container{padding-inline:28px}.dashboard-metrics,.monitoring-metrics{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width>=1800px){.page-container{max-width:1680px}.panel,.metric-card{padding:28px}}