:root{--ink:#14211d;--muted:#68746e;--line:#d9e1dc;--bg:#f4f7f4;--panel:#fff;--accent:#167d59;--dark:#13352a;--warn:#9b5c00;--bad:#ae3030}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,"Microsoft YaHei",Arial,sans-serif;display:flex;min-height:100vh}aside{width:238px;background:var(--dark);color:#e8f3ee;display:flex;flex-direction:column;padding:24px 14px}.brand{font-size:20px;font-weight:700;line-height:1.18;padding:4px 10px 25px}.brand small{font-weight:400;font-size:12px;color:#b7c8c0}nav{display:grid;gap:4px}nav button{border:0;background:transparent;color:#c8d8d0;text-align:left;border-radius:5px;padding:10px 12px;font:inherit;cursor:pointer}nav button:hover,nav button.active{background:#245644;color:#fff}.foot{margin-top:auto;color:#a4b8af;font-size:12px;padding:12px 10px}main{width:calc(100% - 238px);padding:26px 34px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{margin:0;font-size:25px;letter-spacing:0}header p{margin:3px 0;color:var(--muted)}button{font:inherit;cursor:pointer}.icon,.primary,.secondary,.danger{border-radius:5px;border:1px solid var(--line);padding:8px 12px;background:#fff;color:var(--ink)}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.danger{color:#fff;background:var(--bad);border-color:var(--bad)}.secondary{background:#eff5f1}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.grid{display:grid;gap:14px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px}.metric span{color:var(--muted)}.metric strong{display:block;font-size:29px;margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;max-width:340px;overflow-wrap:anywhere}th{color:var(--muted);font-size:12px;font-weight:600;background:#f7faf8}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto}.empty{padding:34px;color:var(--muted);text-align:center;background:#fff;border:1px dashed var(--line)}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fff;border:1px solid var(--line);padding:16px;margin-bottom:16px}label{display:grid;gap:5px;color:var(--muted);font-size:12px}input,select,textarea{font:inherit;padding:8px;border:1px solid #cbd6d0;border-radius:4px;background:#fff;color:var(--ink)}textarea{min-height:84px;resize:vertical}.wide{grid-column:1/-1}.actions{display:flex;gap:7px;flex-wrap:wrap}.status{font-size:12px;border-radius:99px;padding:3px 7px;display:inline-block;background:#e8f0ec;color:#416154}.status.recording,.status.running{background:#dcf5ea;color:#087046}.status.failed,.status.blocked{background:#fbe2e2;color:var(--bad)}.status.queued{background:#fff2d5;color:var(--warn)}#toast{position:fixed;right:24px;bottom:22px;background:#183e31;color:#fff;padding:11px 14px;border-radius:5px;display:none;max-width:430px}.muted{color:var(--muted)}@media(max-width:850px){aside{width:68px;padding:16px 8px}.brand{font-size:0;padding:6px}.brand small,.foot{display:none}nav button{font-size:0;padding:12px}nav button::first-letter{font-size:15px}main{width:calc(100% - 68px);padding:18px}.metrics{grid-template-columns:1fr}form{grid-template-columns:1fr}}