*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#233b34;font-family:system-ui,-apple-system,PingFang SC,sans-serif;line-height:1.7}.top{display:flex;justify-content:space-between;padding:22px 6%;border-bottom:1px solid #dce2d9;background:#fff}.top span,small{font-size:13px;color:#66786f}main{max-width:1200px;margin:auto;padding:48px 28px}.eyebrow{font-size:13px;letter-spacing:2px;color:#648071}h1{font-size:clamp(32px,4vw,52px);line-height:1.3;letter-spacing:-1px;margin:16px 0 22px}h2{font-size:25px;line-height:1.5}h3{font-size:16px}.hero>p{max-width:730px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.cards article{padding:24px;background:#fff;border:1px solid #e0e6dc;border-radius:12px}.cards p{font-size:14px;color:#617168}.workspace{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #dde4d8}form{padding:32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:14px;display:block}select{display:block;width:100%;padding:12px;margin-top:7px;background:#fafbf7;border:1px solid #cdd7ce;border-radius:7px;font:inherit;color:inherit}.check{margin:24px 0;display:flex;gap:8px}button{background:#214d3c;color:#fff;border:0;border-radius:8px;padding:14px 23px;font:inherit;cursor:pointer}button:disabled{opacity:.6}aside{background:#e7eddd;padding:38px}.tag{font-size:12px;border:1px solid #9aac8e;padding:5px 10px;border-radius:20px}li{margin:12px 0;font-size:14px}.notice{padding:24px 0;font-size:14px;color:#617168}.error{color:#a32929}input,select,button{accent-color:#214d3c}button:focus-visible,select:focus-visible{outline:3px solid #b39947;outline-offset:3px}@media(max-width:700px){main{padding:28px 18px}.top{padding:18px;gap:12px;flex-wrap:wrap}.cards,.workspace,.fields{grid-template-columns:1fr}.cards{gap:12px}.cards article{padding:18px}form,aside{padding:24px}h2{font-size:22px}}input:not([type=checkbox]),textarea{display:block;width:100%;padding:12px;margin:7px 0 14px;background:#fafbf7;border:1px solid #cdd7ce;border-radius:7px;font:inherit;color:inherit}textarea{resize:vertical}input[type=checkbox]{width:17px;height:17px;flex-shrink:0}.accountbar,.loginpanel,.inline,.recordhead{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.accountbar{margin:24px 0}.accountbar>div{flex:1}.accountbar small{display:block}.loginpanel{background:#fff;border:1px solid #dde4d8;border-radius:12px;padding:24px}.loginpanel label{flex:1;min-width:130px}.wide{width:100%;margin:0}.secondary{background:#edf1e8;color:#214d3c;border:1px solid #c7d3c2}.muted{color:#647268;font-size:13px}.tabs{display:flex;gap:8px;margin:24px 0}.tabs button{background:transparent;color:#41574b;border:1px solid #d2dbcf}.tabs .active{background:#214d3c;color:#fff}.feedback{padding:14px 18px;background:#e7eddd;border-radius:9px}.feedback.error{background:#f8e7e3}.create{border-top:1px solid #ddd;margin-top:24px;padding-top:20px}.panel{margin:24px 0;padding:28px;background:#fff;border:1px solid #dde4d8;border-radius:14px}.panel form{padding:0}.panel h2{margin-top:0}.spacegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.spacecard{padding:20px;background:#f7f8f2;border:1px solid #e0e6dc;border-radius:10px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions button{font-size:13px;padding:10px 14px}.record{padding:22px 0;border-top:1px solid #e0e5dc}.recordhead{justify-content:space-between}.recordhead h3{margin:0}.record p{overflow-wrap:anywhere}.record>span{float:right}.record button{margin:8px 8px 8px 0}.inline label{flex:1;min-width:200px}.preview{background:#e7eddd}.plain{white-space:pre-wrap}.history{background:#f4f6ef;padding:20px}hr{border:0;border-top:1px solid #ddd;margin:28px 0}code{font-size:12px;overflow-wrap:anywhere}@media(max-width:700px){.panel{padding:20px}.loginpanel,.accountbar{align-items:stretch}.loginpanel label{flex-basis:100%}.inline{display:block}.tabs button{padding:10px 13px;font-size:14px}.accountbar>div{flex-basis:100%}.spacegrid{grid-template-columns:1fr}}
