:root { --bg:#f5f2eb; --panel:#fff; --ink:#27322a; --muted:#6e756f; --line:#ddd6ca; --orange:#e75d24; --orange-dark:#a53f1a; --green:#2d6a4f; --soft-green:#edf5ef; --soft-orange:#fff1e6; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:var(--bg); font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
button,a,input,textarea { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
.module-header { min-height:72px; display:grid; grid-template-columns:260px minmax(0,1fr) auto; align-items:center; gap:24px; padding:10px 28px; border-bottom:1px solid var(--line); background:#fff; }
.module-brand { display:flex; align-items:center; gap:12px; }
.module-brand img { width:104px; height:46px; object-fit:contain; }
.module-brand strong,.module-brand em { display:block; font-style:normal; }
.module-brand em { margin-top:3px; color:var(--muted); font-size:12px; }
.module-header > nav { justify-self:center; display:flex; gap:4px; }
.module-header > nav a { padding:10px 15px; border-bottom:3px solid transparent; color:var(--muted); font-weight:800; }
.module-header > nav a.is-active { border-bottom-color:var(--orange); color:var(--orange-dark); }
.back-admin { padding:10px 14px; border:1px solid var(--line); border-radius:4px; font-weight:800; }
.module-shell { min-height:calc(100vh - 72px); display:grid; grid-template-columns:250px minmax(0,1fr); }
.module-sidebar { padding:26px 18px; border-right:1px solid var(--line); background:#fff; }
.module-identity { display:flex; align-items:center; gap:12px; padding:0 8px 24px; border-bottom:1px solid var(--line); }
.module-identity > span { width:46px; height:46px; display:grid; place-items:center; border-radius:4px; color:#fff; background:var(--orange); font-weight:900; }
.module-identity strong,.module-identity small { display:block; }
.module-identity small { margin-top:4px; color:var(--muted); font-size:11px; }
.module-sidebar > nav { display:grid; gap:5px; margin-top:22px; }
.module-sidebar > nav button { min-height:45px; padding:0 13px; border:0; border-left:3px solid transparent; border-radius:0; color:var(--muted); background:transparent; text-align:left; font-weight:800; }
.module-sidebar > nav button.is-active { border-left-color:var(--orange); color:var(--orange-dark); background:var(--soft-orange); }
.module-state { display:flex; gap:10px; margin-top:30px; padding:14px; background:var(--soft-green); }
.module-state i { width:9px; height:9px; margin-top:5px; border-radius:50%; background:var(--green); }
.module-state strong,.module-state small { display:block; }
.module-state small { margin-top:3px; color:var(--muted); font-size:11px; }
.module-content { min-width:0; padding:38px 42px 70px; }
.content-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.content-heading p { max-width:720px; margin:0; color:var(--muted); line-height:1.65; }
.content-heading > div > p:first-child { margin-bottom:7px; color:var(--orange-dark); font-size:11px; font-weight:900; }
.content-heading h1 { margin:0 0 9px; font-size:32px; }
.content-heading button,.configuration button { min-height:43px; padding:0 17px; border:0; border-radius:4px; color:#fff; background:var(--green); font-weight:800; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:28px; }
.metric-grid article { min-height:135px; padding:20px; border:1px solid var(--line); border-top:4px solid var(--orange); background:#fff; }
.metric-grid article:nth-child(even) { border-top-color:var(--green); }
.metric-grid span,.metric-grid strong,.metric-grid small { display:block; }
.metric-grid span { color:var(--muted); font-size:13px; }
.metric-grid strong { margin:15px 0 8px; font-size:29px; }
.metric-grid small { color:#9a9e9b; }
.workspace-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr); gap:14px; margin-top:14px; }
.work-panel { border:1px solid var(--line); background:#fff; }
.work-panel > header { min-height:70px; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 20px; border-bottom:1px solid var(--line); }
.work-panel header span { color:var(--muted); font-size:11px; font-weight:800; }
.work-panel h2 { margin:4px 0 0; font-size:19px; }
.work-panel header b { padding:6px 9px; color:var(--orange-dark); background:var(--soft-orange); font-size:12px; }
.pipeline { display:grid; grid-template-columns:repeat(4,1fr); padding:24px; }
.pipeline article { position:relative; min-height:120px; padding:16px; border:1px solid var(--line); background:#faf9f6; }
.pipeline article + article { border-left:0; }
.pipeline span { color:var(--orange-dark); font-size:11px; font-weight:900; }
.pipeline strong,.pipeline small { display:block; }
.pipeline strong { margin:14px 0 7px; }
.pipeline small { color:var(--muted); line-height:1.5; }
.side-panel dl { margin:0; padding:8px 20px 18px; }
.side-panel dl div { display:flex; justify-content:space-between; gap:14px; padding:13px 0; border-bottom:1px solid var(--line); }
.side-panel dt { color:var(--muted); }
.side-panel dd { margin:0; text-align:right; font-weight:800; }
.side-panel .pending { color:var(--orange-dark); }
.configuration { margin-top:14px; }
.config-table { padding:0 20px 20px; }
.config-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(240px,1.6fr) 100px; align-items:center; gap:18px; min-height:66px; border-bottom:1px solid var(--line); }
.config-row p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.config-row em { color:var(--green); font-size:12px; font-style:normal; font-weight:900; text-align:right; }
dialog { width:min(520px,calc(100% - 32px)); padding:0; border:0; border-radius:4px; box-shadow:0 30px 80px rgba(34,40,35,.25); }
dialog::backdrop { background:rgba(32,38,33,.45); }
dialog form { position:relative; display:grid; gap:15px; padding:28px; }
dialog span { color:var(--orange-dark); font-size:12px; font-weight:900; }
dialog h2 { margin:0; }
dialog label { display:grid; gap:7px; font-weight:800; }
dialog input,dialog textarea { width:100%; padding:11px; border:1px solid var(--line); border-radius:4px; }
.dialog-close { position:absolute; top:14px; right:14px; width:34px; height:34px; border:0; background:#f0ede7; font-size:22px; }
dialog menu { display:flex; justify-content:flex-end; gap:8px; margin:4px 0 0; padding:0; }
dialog menu button { min-height:40px; padding:0 15px; border:1px solid var(--line); background:#fff; }
dialog menu button:last-child { color:#fff; border-color:var(--green); background:var(--green); }
body.module-mb .module-identity > span { background:var(--green); }
body.module-jk .module-identity > span { background:#177a83; }
@media(max-width:1000px){.metric-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}.module-header{grid-template-columns:1fr auto}.module-header>nav{grid-column:1/-1;justify-self:start}.module-shell{grid-template-columns:210px minmax(0,1fr)}.module-content{padding:30px 24px}}
@media(max-width:700px){.module-header{display:flex;flex-wrap:wrap;padding:10px 16px}.module-header>nav{order:3;width:100%;overflow-x:auto}.module-shell{display:block}.module-sidebar{padding:14px 16px}.module-sidebar>nav{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.module-state{display:none}.module-content{padding:24px 16px 50px}.content-heading{display:block}.content-heading button{width:100%;margin-top:16px}.metric-grid{grid-template-columns:1fr 1fr}.pipeline{grid-template-columns:1fr}.pipeline article+article{border-left:1px solid var(--line);border-top:0}.config-row{grid-template-columns:1fr;padding:14px 0;gap:7px}.config-row em{text-align:left}}