:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#213e36;background:#f3f5f1}*{box-sizing:border-box}body{margin:0}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe3da;background:#fff}small{letter-spacing:3px;color:#6c897d}h1{font-size:26px;margin:8px 0}h2{font-size:21px}main{padding:10px 4% 50px}nav,.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button,select,input,textarea{font:inherit;border:1px solid #cad8cf;border-radius:8px;padding:10px 12px}button{background:white;color:#254c3e;cursor:pointer}button:hover{background:#eaf0e9}button:disabled{opacity:.5;cursor:default}.primary{background:#285e49;color:#fff}.card{background:white;border:1px solid #e0e6dd;border-radius:16px;padding:25px;margin:15px 0;box-shadow:0 4px 24px #19362b05}.login{max-width:440px;margin:60px auto}.layout{display:grid;grid-template-columns:290px 1fr;gap:25px}.layout aside{align-self:start}label{display:block;margin:15px 0;color:#546b5f}input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:8px;background:#fcfdfb;color:#24382e}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:auto}.muted,p{color:#718075;font-size:14px;line-height:1.8}#notice{margin:0;padding:10px 5%;min-height:40px;color:#984431;white-space:pre-wrap}#projectList button{display:block;width:100%;text-align:left;margin-top:12px}#preview{width:100%;height:750px;border:1px solid #e1e6de;margin-top:18px;border-radius:8px;background:#fafbf8}#editor{height:450px;font:13px/1.7 monospace}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}fieldset{border:1px solid #dce4dc;border-radius:12px;padding:20px}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:20px}#gallery img{width:100%;border-radius:10px}#gallery p{max-height:80px;overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}a{color:#346b56;cursor:pointer}#jobs p{padding:8px;background:#f4f6f1;border-radius:7px}.user{padding:15px 0;border-bottom:1px solid #ddd}footer{text-align:center;padding:20px;color:#8b9a8e;font-size:12px}[hidden]{display:none!important}@media(max-width:900px){header{display:block}.layout,.columns{grid-template-columns:1fr}.card{padding:18px}nav{margin-top:15px}#preview{height:600px}}
dialog{border:1px solid #dce4dc;border-radius:16px;padding:30px;width:420px;max-width:95vw}dialog::backdrop{background:#1d302855}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.metric{padding:22px;border:1px solid #dce4dc;border-radius:12px;background:#fafcf9}.metric>span{color:#61776b}.metric strong{display:block;font-size:28px;margin:16px 0}.metric small{display:block;letter-spacing:0;line-height:1.8}.metric progress{display:block;width:100%;height:8px;margin:0 0 16px;accent-color:#347558}#monitorError{color:#a14d35}