:root{font-family:Inter,system-ui,sans-serif;color:#203a32;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e0e7df}.brand{display:flex;gap:14px;align-items:center;color:#215940;text-decoration:none;font-size:44px;font-weight:800}.brand span{font-size:18px;letter-spacing:-.4px}.brand small{display:block;font-size:12px;font-weight:400;color:#7c8981;margin-top:4px;letter-spacing:0}.live{font-size:13px;color:#538466}main{max-width:1100px;margin:48px auto;padding:0 24px}.heading,.toolbar,.orderHead,.orderBottom,.dialogHead{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#748779}h1{font-size:42px;letter-spacing:-1.6px;margin:10px 0}h2{font-size:21px;margin:10px 0}.muted{color:#7a887f;font-size:14px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.stats article{padding:22px 26px;border:1px solid #dfe6dd;border-radius:14px;background:#fff}.stats span{font-size:13px;color:#7a887f}.stats strong{display:block;font-size:34px;margin-top:12px;font-weight:600}.toolbar{margin:32px 0 20px}.tabs{display:flex;gap:5px;padding:5px;background:#e8ede5;border-radius:10px}button{font:inherit;border:0;background:#285b40;color:#fff;border-radius:8px;padding:12px 19px;cursor:pointer;font-size:14px;font-weight:600}button:hover{filter:brightness(.93)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fff;color:#365542;border:1px solid #dce4d9}.tabs button{background:transparent;color:#788679}.tabs .active{background:white;color:#285b40;box-shadow:0 2px 5px #203a3210}input,textarea,select{font:inherit;border:1px solid #dbe3d8;border-radius:8px;padding:12px;background:#fff;color:#243e31;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #7b9e80;outline-offset:2px}.order{background:#fff;border:1px solid #dfe6dd;border-radius:14px;padding:24px;margin-bottom:14px}.badge{font-size:12px;padding:7px 12px;border-radius:30px;background:#eaf1e6;color:#44663e}.badge.pending,.badge.error{background:#fff1d7;color:#9d702d}.orderBottom{border-top:1px solid #edf0ea;margin-top:20px;padding-top:16px;font-size:13px}.comment{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#5c7061}.empty{background:#fff;border:1px dashed #d6e0d1;border-radius:14px;text-align:center;padding:65px 20px}.foot{font-size:12px;margin-top:25px}#notice:empty{display:none}#notice{margin-top:24px;border-radius:8px;background:#fff2d9;color:#806536;font-size:14px;padding:14px 18px}dialog{border:0;border-radius:16px;max-width:520px;width:calc(100% - 32px);padding:28px;color:inherit;box-shadow:0 20px 90px #18332730}dialog::backdrop{background:#10251eb0}label{display:block;font-size:13px;margin:20px 0}label input,label textarea,label select{display:block;width:100%;margin-top:8px}#submit{width:100%}#formError,.errorText{color:#b04f35;font-size:13px}.dialogHead h2{margin:0}.dialogHead button{padding:6px 12px;font-size:20px}@media(max-width:650px){header{padding:0 20px;height:80px}.live{display:none}main{margin:28px auto;padding:0 16px}.stats{gap:8px}.stats article{padding:16px 12px}.stats span{font-size:11px}.stats strong{font-size:27px}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.tabs button{flex:1}.order{padding:18px}.orderBottom{align-items:flex-start;flex-direction:column}.orderBottom button{width:100%}.heading{gap:10px}h1{font-size:35px}.brand span{font-size:16px}}

.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.sourcePanel{background:#fff;border:1px solid #dfe6dd;border-radius:14px;padding:22px;min-width:0}.sourcePanel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;max-height:65vh;overflow:auto;background:#f4f6f2;padding:14px;border-radius:8px}.sourcePanel summary{font-size:13px;cursor:pointer;margin-top:16px}dialog{max-width:980px}.editorLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}.editorLayout .sourcePanel{background:#f8faf6}@media(max-width:800px){.workspace,.editorLayout{grid-template-columns:1fr}.sourcePanel pre{max-height:40vh}}