:root{color-scheme:dark;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#dfe9fa;background:#0a1120;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:230px;background:#0d172a;border-right:1px solid #22304a;padding:32px 20px;display:flex;flex-direction:column;position:fixed;height:100vh}.brand{font-size:28px;font-weight:700;letter-spacing:4px;color:#6db7ff}.brand span{display:block;font-size:13px;letter-spacing:2px;color:#9aabc5;margin-top:10px}.label{font-size:12px;color:#74849e;margin:45px 12px 14px}nav{display:grid;gap:8px}button{border:0;border-radius:7px;background:#357de9;color:white;padding:11px 18px;font:inherit;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}nav button{text-align:left;background:transparent;color:#9aabc5}nav button.selected{background:#18375e;color:#8dc5ff;border-left:3px solid #5da9ff}footer{margin-top:auto;color:#7c91ae;line-height:2}small{font-size:11px}main{margin-left:230px;width:calc(100% - 230px);padding:0 38px 40px}header{height:75px;border-bottom:1px solid #202d44;display:flex;align-items:center;justify-content:space-between;color:#8396b2}header button{margin-left:12px;padding:6px 12px;background:#1c2d48}.intro{padding:35px 0 22px}.eyebrow{color:#569dec;font-size:11px;letter-spacing:3px}h1{font-size:28px;margin:10px 0}p{color:#93a4bd;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 25px}.card,.panel{border:1px solid #23324c;background:#101d32;border-radius:10px;padding:22px}.card strong{font-size:30px;display:block;margin-top:14px}.card span{color:#95a7c2}.toolbar{display:flex;align-items:center;gap:15px;margin-bottom:20px}.toolbar h2{font-size:18px;margin-right:auto}.toolbar input{max-width:260px}.empty{text-align:center;padding:55px 20px;color:#8ba0bd}.empty h2{color:#dfe9fa}.tree{list-style:none;padding-left:25px;border-left:1px solid #304463}.tree li{padding:12px}.node{display:flex;gap:20px;align-items:center}.pill{font-size:12px;color:#77bcff;background:#163454;padding:5px 9px;border-radius:5px}.muted{color:#899cb8}.secondary{background:#22324b}.danger{background:#512d3b;color:#ffc2c9}.compact{padding:6px 10px;margin-right:6px}table{width:100%;border-collapse:collapse;text-align:left}th{color:#8399b8;font-weight:400;font-size:12px}td,th{padding:15px 12px;border-bottom:1px solid #22324b}td{max-width:280px;overflow-wrap:anywhere}.scroll{overflow:auto}input,select{background:#0a1528;border:1px solid #304562;color:#e4edfc;border-radius:6px;padding:11px;width:100%;font:inherit}label{display:block;color:#9fb1cc;margin:16px 0 7px}dialog{background:#111f35;color:#e0eafd;border:1px solid #334b70;border-radius:12px;width:480px;max-width:95vw;max-height:90vh;padding:26px}dialog::backdrop{background:#040a15bb}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}#notice{color:#ffcc8a;line-height:1.8;margin-bottom:18px}#form-error{color:#ffadad}.login{max-width:400px;margin:20px auto}.login button{margin-top:20px;width:100%}.hint{padding:12px 18px;background:#122a41;border-left:3px solid #53a5ed;color:#a9c8e4;margin-bottom:22px}@media(max-width:850px){aside{width:160px;padding:25px 12px}main{margin-left:160px;width:calc(100% - 160px);padding:0 16px}.cards{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}}@media(max-width:540px){body{display:block}aside{position:static;width:auto;height:auto}nav{grid-template-columns:repeat(3,1fr)}footer,.label{display:none}.brand{font-size:20px}.brand span{display:inline;margin-left:15px}main{margin:0;width:100%}header{height:60px}.intro{padding-top:22px}.panel{padding:12px}}
.nav-label{color:#6887a8;font-size:12px;letter-spacing:2px;margin:18px 12px 4px}aside{overflow:auto}nav{gap:3px}nav button{padding:9px 14px}aside footer{padding-top:24px}.material-filters{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;margin-bottom:20px}.material-item,.reminder{border-top:1px solid #263a52;padding:18px 0}.material-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#bfd0e6;line-height:1.8}.material-item h3{font-size:17px}textarea{width:100%;background:#0a1528;color:#e4edfc;border:1px solid #304562;border-radius:6px;font:inherit;padding:12px}.status{white-space:nowrap;border-radius:18px;padding:6px 11px;background:#26394c;color:#b5cadf;font-size:12px}.status-recording{background:#063b51;color:#72d8ed}.status-submitted{background:#4c3e1c;color:#ffd685}.status-approved{background:#113e38;color:#7ae2c4}.status-rejected,.status-not_live{background:#4a2737;color:#ffabbf}a{color:#70c8ee;text-decoration:none}.panel+.panel{margin-top:18px}@media(max-width:700px){.material-filters{grid-template-columns:1fr 1fr}}@media(max-width:540px){nav{grid-template-columns:repeat(2,1fr)}.nav-label{grid-column:1/-1}}