:root{font-family:Arial,Helvetica,sans-serif;color:#1b2b44;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:0 auto;padding:28px 20px 60px}h1{font-size:29px;margin:8px 0 14px}h2{font-size:20px;margin:4px 0 18px}h3{font-size:15px;margin:0 0 10px}p{line-height:1.5}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #d4dce8;padding-bottom:14px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#547092;font-weight:700}.panel,.dataarea{background:white;border:1px solid #dbe3ec;border-radius:12px;padding:25px;margin-bottom:18px;box-shadow:0 4px 18px #1d355009}.narrow{max-width:520px;margin:60px auto}.tabs,.inline,.controls,.headrow,.topline,nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.headrow,.topline{justify-content:space-between}nav{margin:16px 0}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:18px;align-items:start}button{background:#185f93;color:white;border:1px solid #185f93;border-radius:8px;padding:11px 16px;font-weight:600;cursor:pointer}button:hover{filter:brightness(.94)}button.subtle{background:white;color:#185f93}button.active{background:#132b50}button.danger{background:#8b3142;border-color:#8b3142}label{display:block;font-size:13px;font-weight:600;margin:14px 0 8px}input:not([type=checkbox]),textarea{font:inherit;border:1px solid #a9b9ca;border-radius:7px;padding:11px;width:100%;margin-top:6px}input:focus,textarea:focus{outline:2px solid #8fc2e6}.task{padding:18px 0;border-bottom:1px solid #e0e7ef}.task-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.task-head span{font-size:12px;color:#60758e}.task p{font-size:14px}.checks{display:flex;flex-wrap:wrap;gap:8px 22px}.checks label{font-weight:400;min-width:100px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#eef4f8}td,th{padding:9px;border-bottom:1px solid #e0e8f0;white-space:nowrap}.dataarea{position:sticky;top:12px}.dataarea h3:not(:first-child){margin-top:25px}.hint{color:#687a8c;font-size:12px}.error{color:#a0293e}.notice{background:#ebf5fb;padding:14px;overflow-wrap:anywhere}.clickable{cursor:pointer}.clickable:hover{background:#eff8fb}.controls{justify-content:flex-end;padding-top:18px}@media(max-width:820px){.workspace{grid-template-columns:1fr}.dataarea{position:static}.narrow{margin:15px auto}main{padding:18px 12px}}
