:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#182233;background:#f5f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.shell{max-width:1060px;margin:0 auto;padding:24px 18px 48px}h1,h2,p{margin:0}h1{font-size:1.55rem;letter-spacing:-.03em}h2{font-size:1.15rem;letter-spacing:-.02em}.eyebrow,.section-label{font-size:.72rem;letter-spacing:.11em;color:#718096;font-weight:700}.login-card{max-width:420px;margin:12vh auto 0;padding:32px;background:#fff;border:1px solid #e7ebf2;border-radius:22px;box-shadow:0 16px 45px #1d2b4b12}.login-card h1{font-size:2rem;margin:8px 0}.intro{color:#64748b;margin-bottom:20px}label{display:block;font-weight:600;font-size:.88rem;margin:15px 0}input,textarea,button{font:inherit}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #d7dfeb;border-radius:12px;background:#fff;color:#182233;padding:13px;font-size:16px;outline:none}input:focus,textarea:focus{border-color:#377cf6;box-shadow:0 0 0 3px #377cf622}textarea{min-height:142px;resize:vertical}button{border:0;border-radius:12px;background:#276ef1;color:white;font-size:16px;font-weight:700;padding:13px 18px;cursor:pointer;min-height:48px}button:focus-visible{outline:3px solid #9abbff;outline-offset:2px}.quiet{width:auto;background:#eaf0fc;color:#2555ab;padding:10px 14px;min-height:42px}.topbar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px;gap:16px}.topbar h1{margin-top:2px}.server-card,.agent-card,.panel{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 3px 14px #1d2b4b08}.server-heading,.panel-title,.task-top,.task-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-heading h2{margin-top:3px}.online{font-size:.75rem;letter-spacing:.04em;background:#e9f8ee;color:#16733c;padding:5px 8px;border-radius:999px;vertical-align:middle;margin-left:7px}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20a958;margin-right:5px}.server-heading time,.task-top time,.task-meta{color:#718096;font-size:.78rem}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.metrics div{padding:12px;border-radius:12px;background:#f7f9fd;min-width:0}.metrics small{display:block;color:#718096;font-size:.72rem}.metrics strong{display:block;font-size:.84rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card{border-color:#cfe0ff;background:linear-gradient(135deg,#fff 0%,#f4f8ff 100%)}.agent-card h2{margin:4px 0 15px}.task-actions{margin-top:10px;align-items:center}.task-actions span{color:#718096;font-size:.78rem}.task-actions button{width:auto}.form-message{display:block;min-height:1.3em;margin-top:10px;color:#276ef1;font-size:.88rem}.error{color:#c2362b!important}.panel-title{margin-bottom:12px}.panel-title>span{color:#718096;font-size:.82rem}.task-list{display:grid;gap:10px}.task-card{border:1px solid #e7ebf2;border-radius:14px;padding:15px}.badge{font-size:.72rem;font-weight:750;letter-spacing:.04em;border-radius:999px;padding:5px 8px;background:#edf1f7;color:#526174}.badge.success{background:#e9f8ee;color:#16733c}.badge.running{background:#e8f0ff;color:#225fbf}.badge.queued{background:#fff4d9;color:#966000}.badge.failed{background:#feebeb;color:#b22b2b}.badge.waiting_approval{background:#fff2df;color:#9a5a00}.task-prompt{margin:11px 0 5px;font-weight:600}.conclusion{border-left:3px solid #377cf6;background:#f6f9ff;padding:10px 12px;margin-top:12px;border-radius:0 9px 9px 0}.conclusion p{white-space:pre-wrap;margin-top:4px;font-size:.9rem}.approval-note{color:#9a5a00;margin-top:10px;font-size:.86rem}.task-card details{margin-top:12px}.task-card summary{cursor:pointer;color:#355a91;font-size:.86rem}.task-card pre{white-space:pre-wrap;word-break:break-word;background:#f7f9fd;padding:10px;border-radius:9px;font-size:.77rem;max-height:300px;overflow:auto}.approvals{display:flex;align-items:center;justify-content:space-between;gap:12px}.approvals p{color:#718096;font-size:.9rem}.empty{color:#718096;padding:10px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.shell{padding:16px 14px 34px}.topbar{margin-bottom:16px}.server-card,.agent-card,.panel{padding:16px;border-radius:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics div:last-child{grid-column:span 2}.server-heading{align-items:flex-start;flex-direction:column}.task-actions{align-items:stretch;flex-direction:column}.task-actions button{width:100%}.approvals{align-items:flex-start;flex-direction:column}.task-top{align-items:flex-start;flex-direction:column;gap:6px}}@media(min-width:760px){.shell{padding-top:42px}.server-card{padding:24px}.agent-card{padding:24px}.panel{padding:22px}}@media(prefers-color-scheme:dark){:root{color:#edf3fb;background:#101722}.login-card,.server-card,.agent-card,.panel{background:#172130;border-color:#29384d;box-shadow:none}.agent-card{background:linear-gradient(135deg,#172130,#192b49)}input,textarea{background:#111a28;color:#edf3fb;border-color:#3a4b63}.metrics div,.task-card pre{background:#121c2a}.task-card{border-color:#2c3b50}.quiet{background:#273952;color:#c7dcff}.intro,.task-actions span,.approvals p,.empty,.task-meta,.server-heading time,.task-top time,.metrics small{color:#aab8cc}.conclusion{background:#142442}.online{background:#143725;color:#87e6aa}}
