:root{--nav:#1e2a30;--nav2:#26343b;--bg:#f4f6f5;--panel:#fff;--line:#dfe5e2;--text:#1c262b;--muted:#66777f;--accent:#8a6b3d;--blue:#2d5f86;--green:#2f7a55;--red:#a04444;--yellow:#9a762f;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:13px}.app{grid-template-columns:236px 1fr;height:100vh;display:grid}.side{background:var(--nav);color:#dfe8e6;padding:16px 12px;overflow:auto}.brand{border-bottom:1px solid #ffffff1f;margin-bottom:12px;padding:8px 10px 16px}.brand b{font-size:17px;display:block}.brand span{color:#9fb0b6;font-size:12px}.nav button{color:#bed0d5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;margin:2px 0;padding:9px 10px;font-size:13px}.nav button.active,.nav button:hover{background:var(--nav2);color:#fff}.main-s{overflow:auto}.top{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 22px;display:flex;position:sticky;top:0}.crumb{font-weight:650}.actions{gap:8px;display:flex}.btn{color:#27363b;cursor:pointer;background:#fff;border:1px solid #ccd5d1;border-radius:6px;padding:7px 10px;font-size:13px}.btn.primary{color:#fff;background:#26343b;border-color:#26343b}.btn.warn{color:#7a5520;background:#fff7e8;border-color:#e4c98e}.content{padding:20px 22px 48px}.head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.head h1{margin:0 0 6px;font-size:22px}.head p{color:var(--muted);margin:0}.grid{gap:12px;display:grid}.cols4{grid-template-columns:repeat(4,1fr)}.cols3{grid-template-columns:repeat(3,1fr)}.cols2{grid-template-columns:repeat(2,1fr)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.ph{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ph b{font-size:14px}.pb{padding:14px}.metric label{color:var(--muted);margin-bottom:8px;display:block}.metric strong{font-size:23px}.metric small{color:var(--muted);margin-top:6px;display:block}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8eeeb;padding:10px 9px}th{color:#5a6a71;background:#f9fbfa;font-size:12px;font-weight:650}.tag{color:#405057;background:#f7faf8;border:1px solid #d3ddd8;border-radius:999px;padding:2px 7px;font-size:12px;display:inline-block}.ok{color:var(--green);background:#f0faf4;border-color:#bad7c8}.bad{color:var(--red);background:#fff2f2;border-color:#e3c1c1}.info{color:var(--blue);background:#f0f6fa;border-color:#bed2e0}.warn{color:var(--yellow);background:#fff8e8;border-color:#dfc68e}.filters{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.field{color:#53656d;background:#fff;border:1px solid #d7dfdb;border-radius:6px;min-width:130px;padding:8px 9px}.split{grid-template-columns:1.05fr .95fr;gap:12px;display:grid}.docbox{color:#2d2d2d;background:#f3f1ea;border:1px solid #ddd4c2;border-radius:6px;height:430px;padding:18px}.paper{background:#fff;border:1px solid #e6e1d6;height:100%;padding:18px;box-shadow:0 10px 24px #0000000f}.formgrid{grid-template-columns:130px 1fr;align-items:center;gap:8px;display:grid}.formgrid label{color:#65747a}.formgrid div{background:#fff;border:1px solid #dce4e0;border-radius:5px;padding:8px}.queue{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lane{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.lane h3{color:#44535a;margin:0 0 10px;font-size:14px}.task{background:#fbfcfb;border:1px solid #e2e9e5;border-radius:7px;margin-bottom:8px;padding:10px}.task b{margin-bottom:5px;display:block}.task p{color:#69797f;margin:0 0 8px;line-height:1.5}.note{border-left:3px solid var(--accent);color:#5c5548;background:#fffdf8;margin:12px 0;padding:10px 12px}.kbd{background:#eef2f0;border-radius:4px;padding:2px 5px;font-family:ui-monospace,Menlo,monospace}.settings-form{gap:10px;display:grid}.settings-form label{color:var(--muted);margin-bottom:6px;display:block}.settings-form input{border:1px solid #d7dfdb;border-radius:6px;width:100%;padding:8px 9px;font-size:13px}@media (width<=1100px){.cols4,.cols3,.cols2,.split,.queue,.app{grid-template-columns:1fr}.side{display:none}}