:root {
  --navy:#14375b; --blue:#2f6ea5; --teal:#2b8b80; --green:#4f9b71;
  --ink:#182432; --muted:#6b7785; --line:#dfe6ec; --paper:#ffffff; --bg:#f4f7f9;
  --danger:#b54747; --warning:#a56a16; --shadow:0 12px 36px rgba(20,55,91,.08);
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink)} button,input{font:inherit}
button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:linear-gradient(180deg,#102f4e,#173f64);color:white;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#55b99f,#4c86c5);display:grid;place-items:center;font-weight:800;font-size:20px}.brand strong{display:block;font-size:16px}.brand span{display:block;font-size:11px;color:rgba(255,255,255,.68);margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:32px}.sidebar nav button{border:0;background:transparent;color:rgba(255,255,255,.82);text-align:left;padding:11px 13px;border-radius:10px}.sidebar nav button:hover{background:rgba(255,255,255,.1);color:white}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}.user-name{font-weight:600;margin-bottom:8px}.text-button{border:0;background:transparent;color:var(--blue);padding:0}.sidebar .text-button{color:rgba(255,255,255,.72)}
.main{min-width:0;padding:0 32px 48px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar h1{margin:4px 0 0;font-size:26px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-weight:700}.system-state{font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:999px}
.panel,.companion-card,.project-hero{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2,.project-hero h2{margin:5px 0 7px;font-size:22px}.panel-head p,.project-hero p{margin:0;color:var(--muted);line-height:1.65}.companion-card{background:linear-gradient(135deg,#eef8f5,#f2f7fb);border-color:#cfe8df}.companion-card p{font-size:18px;line-height:1.7;margin:8px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-grid article{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.metric-grid span,.metric-grid small{display:block;color:var(--muted)}.metric-grid strong{display:block;font-size:28px;margin:8px 0;color:var(--navy)}
.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#edf1f4;color:#536273}.badge-success{background:#e8f5ed;color:#357452}.badge-warning{background:#fff3de;color:#8a5c18}.badge-danger{background:#fdeaea;color:#a04444}.badge-neutral{background:#edf1f4;color:#536273}.action-list,.task-list,.content-list,.timeline{display:grid;gap:12px}.action-card,.task-list article,.content-list article,.timeline article{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.action-card{justify-content:flex-start}.action-index{width:30px;height:30px;border-radius:10px;background:#e9f1f8;display:grid;place-items:center;color:var(--blue);font-weight:800}.action-title{font-weight:700}.action-card p,.task-list p,.content-list p{color:var(--muted);margin:6px 0;line-height:1.55}.action-card small,.task-list small,.content-list small{color:var(--muted);display:block}.empty-inline,.empty-state{padding:28px;text-align:center;color:var(--muted)}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:700}td strong{display:block}td small{display:block;color:var(--muted);margin-top:4px}.project-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.hero-metrics{display:flex;gap:28px}.hero-metrics>div{min-width:92px}.hero-metrics span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.hero-metrics strong{font-size:18px}.module-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-grid article,.admin-grid article{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.module-grid article>span{color:var(--teal);font-size:12px;font-weight:700}.module-grid h3,.admin-grid h3{margin:7px 0}.module-grid p,.admin-grid p{color:var(--muted);line-height:1.55}.module-grid article>div{display:flex;justify-content:space-between;align-items:center}.timeline article{align-items:center;justify-content:flex-start}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--teal);flex:0 0 auto}.timeline article .badge{margin-left:auto}.focus-list{line-height:1.9;color:var(--ink)}.logic-flow{display:flex;align-items:center;gap:10px;overflow:auto;padding:16px 0}.logic-flow div{white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#f9fbfc}.logic-flow span{color:var(--teal);font-weight:800}.notice{border-radius:12px;padding:14px 16px;margin:12px 0}.notice-info{background:#eaf3fb;color:#285c86}.notice-danger{background:#fdeaea;color:#9c3e3e}.loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:40px}.spinner{width:18px;height:18px;border:2px solid #cfd9e1;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.2fr) minmax(320px,.8fr);background:white}.login-panel{padding:48px 8vw;display:flex;flex-direction:column}.brand-login span{color:var(--muted)}.login-welcome{margin:auto 0 32px;max-width:680px}.login-welcome h1{font-size:42px;line-height:1.25;color:var(--navy);margin:12px 0}.login-welcome p{font-size:17px;line-height:1.75;color:var(--muted)}.login-form{max-width:420px;display:grid;gap:16px}.login-form label{display:grid;gap:7px;font-weight:600}.login-form input{border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:none}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,110,165,.12)}.primary-button{border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(135deg,var(--blue),var(--teal));color:white;font-weight:700}.primary-button:disabled{opacity:.55}.form-error{min-height:20px;color:var(--danger);font-size:13px}.login-aside{background:linear-gradient(145deg,#14375b,#246477);display:grid;place-items:center;padding:40px}.quote-card{color:white;max-width:360px}.quote-card p{font-size:28px;line-height:1.55;margin:0 0 16px}.quote-card span{color:rgba(255,255,255,.7)}
@media (max-width:1000px){.shell{grid-template-columns:84px 1fr}.sidebar{padding:20px 10px}.brand>div:last-child,.sidebar nav button{font-size:0}.sidebar nav button::first-letter{font-size:15px}.sidebar-footer{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.module-grid,.admin-grid{grid-template-columns:repeat(2,1fr)}.project-hero{display:block}.hero-metrics{margin-top:20px}.login-page{grid-template-columns:1fr}.login-aside{display:none}}
@media (max-width:680px){.shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto}.sidebar nav{margin:0 0 0 16px;flex-direction:row}.main{padding:0 16px 32px}.topbar{height:76px}.metric-grid,.module-grid,.admin-grid{grid-template-columns:1fr}.project-hero,.content-list article,.task-list article{display:block}.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr)}.login-panel{padding:28px}.login-welcome h1{font-size:30px}}
.secondary-button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:white;color:var(--navy);font-weight:700}.secondary-button:hover{border-color:var(--blue);background:#f5f9fc}.inline-form{display:grid;grid-template-columns:minmax(260px,1fr) 170px auto;gap:12px;align-items:center;margin-bottom:18px}.inline-form input,.inline-form select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:white}.issue-list{display:grid;gap:12px}.issue-card{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.issue-card p{margin:8px 0;color:var(--muted);line-height:1.6}.issue-card small{color:var(--muted)}.issue-title{display:flex;align-items:center;gap:9px}.issue-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:190px}.issue-resolved{background:#f5faf7;border-color:#cfe5d6}.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artifact-grid article{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:14px;padding:16px}.artifact-grid small{display:block;color:var(--muted);margin-top:5px}.notice details{margin-top:10px}.notice summary{cursor:pointer;font-weight:700}.notice pre{max-height:380px;overflow:auto;white-space:pre-wrap;background:rgba(255,255,255,.65);padding:12px;border-radius:9px;font-size:12px}.project-hero>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
@media (max-width:850px){.inline-form{grid-template-columns:1fr}.issue-card{display:block}.issue-actions{justify-content:flex-start;margin-top:12px}.artifact-grid{grid-template-columns:1fr}.project-hero>div:last-child{align-items:flex-start}}