:root{--red: #f70052;--red-2: #d10046;--red-3: #990c3c;--orange: #ff6100;--orange-3: #bf4800;--indigo: #3e009f;--indigo-3: #24005c;--purple: #6400ac;--purple-2: #52008c;--white: #fafcff;--line: #e6e2f2;--line-2: #d9d6e8;--soft: #f5f0ff;--red-soft: #ffe8f0;--orange-soft: #fff1e6;--green: #1d9e75;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Fira Sans,sans-serif;font-size:14px;color:var(--indigo-3);background:var(--white);min-width:1100px}button{font-family:inherit;font-size:13px;cursor:pointer;border-radius:var(--radius);height:34px;padding:0 14px;border:.5px solid #b4a8d6;background:#fff;color:var(--indigo)}button:hover{background:var(--soft)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--red);color:#fff;border:none}button.primary:hover{background:var(--red-2)}button.ok{background:var(--green);color:#fff;border:none}input,select,textarea{font-family:inherit;font-size:14px;color:var(--indigo-3);border:.5px solid var(--line-2);border-radius:var(--radius);padding:0 10px;height:36px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--purple);outline-offset:-1px}.muted{color:var(--purple-2);font-size:12px}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:1px 7px;font-size:11px;background:#fff;border:.5px solid var(--line-2);color:var(--indigo)}.chip.red{background:var(--red-soft);color:var(--red-3);border:none}.chip.orange{background:var(--orange-soft);color:var(--orange-3);border:none}.pill{border:.5px solid var(--line-2);border-radius:16px;padding:5px 12px;font-size:12px;color:var(--purple-2);background:#fff;height:auto}.pill.on{background:var(--indigo);color:#fff;border-color:var(--indigo)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;background:var(--indigo);color:#fff;flex:none}.error{color:var(--red-2);font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#24005c59;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#fff;border-radius:12px;width:420px;max-height:90vh;overflow:auto}.modal h3{margin:0;padding:14px 16px;border-bottom:.5px solid var(--line);font-weight:500;font-size:16px;display:flex;justify-content:space-between}.modal .body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.modal .foot{padding:12px 16px;border-top:.5px solid var(--line);display:flex;justify-content:flex-end;gap:8px}
