*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:#263d42;background:#f4f7f8}aside{position:fixed;width:235px;background:#102e34;height:100vh;color:#d8e6e8;padding:26px 18px}.brand{font-size:19px;font-weight:700;display:flex;align-items:center;gap:10px}.logo{display:inline-grid;place-items:center;background:#40ceb2;color:#103c36;width:34px;height:34px;border-radius:10px;font-weight:800}aside p,header p{font-size:10px;letter-spacing:2px;margin:32px 0 15px;color:#7d999e}aside button{display:block;width:100%;text-align:left;background:transparent;color:#bed1d4;margin:5px 0;padding:12px}aside button.active{background:#20484c;color:#6ce3ca}aside small{display:block;margin-top:45px;color:#7d999e}main{margin-left:235px;padding:30px}header{display:flex;align-items:center;justify-content:space-between}header p{margin:0}h1{font-size:27px;margin:8px 0 24px}h3{font-size:15px}.badge{font-size:11px;background:#dcf6ee;color:#17765f;padding:7px 10px;border-radius:20px}.notice{background:#fff5dd;color:#846321;padding:12px 16px;border-radius:9px;margin-bottom:24px}button{border:0;border-radius:7px;background:#147c69;color:white;padding:11px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:default}input,select,textarea{border:1px solid #d5e0e1;background:white;border-radius:7px;padding:11px;font:inherit;max-width:100%}textarea{min-height:90px;resize:vertical}form{display:grid;gap:10px}article{background:white;border:1px solid #e1e9e9;border-radius:10px;padding:22px;margin-bottom:16px}article p{white-space:pre-wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.workspace{display:grid;grid-template-columns:210px minmax(250px,1fr) 240px;background:white;border:1px solid #e1e9e9;border-radius:12px;overflow:hidden;min-height:650px}.people,.details{padding:18px}.people{border-right:1px solid #e1e9e9}.people button{background:#edf6f3;color:#234740;width:100%;text-align:left}.people small{display:block;margin-top:5px}.chat{border-right:1px solid #e1e9e9;display:flex;flex-direction:column}.chat h3{padding:0 20px}.messages{padding:18px;background:#f7faf9;flex:1;max-height:470px;overflow:auto}.message{background:white;padding:12px;border:1px solid #e3eae8;border-radius:10px;margin:10px 30px 10px 0}.message.outgoing{background:#ddf4eb;margin:10px 0 10px 30px}.message.note{background:#fff3d0}.message small{font-size:10px;color:#628079}.message p{white-space:pre-wrap;margin-bottom:2px}.chat form{padding:18px}.details label{font-size:11px;color:#77908d}.details form{margin-top:25px}.empty{color:#7c9592;padding:30px}.login{margin:12vh auto;background:white;padding:40px;border-radius:16px;max-width:420px}.login label,.login input{display:block;width:100%;margin:10px 0}#error{color:#a73333}@media(max-width:1100px){.workspace{grid-template-columns:170px 1fr}.details{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:15px}aside button{display:inline-block;width:auto}aside p,aside small{display:none}main{margin:0;padding:15px}.workspace{display:block}.people{display:flex;gap:8px;overflow:auto}.people h3{display:none}.people button{min-width:150px}.cards{grid-template-columns:1fr 1fr}.login{margin:30px auto}}
label{display:grid;gap:6px}label select,label textarea,label input{width:100%}dt{font-size:11px;color:#63847d;margin-top:14px}dd{margin:5px 0;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.secondary{background:#e8f0ed;color:#245449}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.error,#dialog-error{color:#a22c36;background:#fff0ee;border-radius:8px;padding:12px}.error[hidden]{display:none}#dialog-error:empty{display:none}dialog{border:1px solid #d3e0db;border-radius:16px;max-width:540px;width:calc(100% - 30px);padding:28px;color:#263d42}dialog::backdrop{background:#102e3477}.checkbox{display:flex;align-items:flex-start;gap:10px}.checkbox input{width:auto}aside{overflow:auto}aside small{margin-top:20px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3dbba0;outline-offset:2px}article form{max-width:600px}.details select{width:100%}small,dd{overflow-wrap:anywhere}
.mapping{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.mapping{grid-template-columns:1fr}}
.mode-status{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#dff2e9;border:1px solid #a3d5c1;padding:16px;border-radius:10px;margin-bottom:20px}.mode-status p{margin:6px 0 0}.mode-preview{background:#f1f8f5;border:1px solid #c9e0d6;white-space:pre-wrap;overflow-wrap:anywhere;min-height:80px;padding:16px;border-radius:8px}.mode-body{white-space:pre-wrap;overflow-wrap:anywhere}.mode-active{border:2px solid #278b70}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.mode-grid article{margin-bottom:0}details{margin-top:20px}summary{cursor:pointer;padding:15px;background:#e7f0eb;border-radius:8px}#mode-editor{scroll-margin-top:20px}@media(max-width:700px){.mode-status{align-items:flex-start;flex-direction:column}.mode-status button{width:100%}}
.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px;text-align:left;border-bottom:1px solid #dce6e1;vertical-align:top}th{background:#eff5f2}td small{display:block;max-width:170px;overflow-wrap:anywhere}td p{margin:7px 0}#report-date{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}#report-date input{min-width:180px}
.media-gallery{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.media-gallery:empty{display:none}.media-gallery figure{margin:0;max-width:260px;border:1px solid #d5e3dc;padding:10px;border-radius:8px;background:white}.media-gallery img{display:block;width:100%;max-width:240px;max-height:200px;object-fit:contain}.media-gallery figcaption{font-size:12px;color:#526e64;margin:8px 0}.media-gallery button{font-size:12px}.knowledge-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.help-links{padding-left:20px;overflow-wrap:anywhere}.help-links a{color:#14745e}#article-editor{scroll-margin-top:18px}#knowledge-save-status:empty{display:none}#knowledge-save-status{padding:12px;border-radius:8px;background:#e8f5ee;color:#236443}input[type=file]{background:#f4f8f5;padding:14px}.message .media-gallery figure{max-width:100%}