*{box-sizing:border-box}body{margin:0;background:#fff;color:#202526;font:15px system-ui}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce1df;background:#fff;border-radius:9px;padding:9px 12px;color:inherit}button:hover,.selected{background:#e4ebe7!important}button:disabled{opacity:.5}input{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px}.app{display:flex;height:100dvh}aside{width:260px;flex-shrink:0;background:#f5f7f5;padding:16px;display:flex;flex-direction:column;gap:14px}nav{flex:1;overflow:auto}.chat{display:flex;align-items:center;border-radius:9px}.chat>button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;border:0;background:transparent}.chat details{position:relative}.chat details[open]{background:#fff;z-index:2}.chat summary{cursor:pointer;padding:8px}.chat details button{display:block}.profile{text-align:left}main{flex:1;min-width:0;display:flex;flex-direction:column}header{padding:20px;border-bottom:1px solid #edf0ed;font-weight:600}small{font-size:12px;color:#737e78}header small{margin-left:14px;font-weight:400}.conversation{flex:1;overflow:auto;padding:24px max(20px,calc((100% - 850px)/2))}article{margin-bottom:22px;padding:14px;border-radius:12px}article.user{background:#f0f4f1}article p{white-space:pre-wrap;line-height:1.6;margin:8px 0}form{display:flex;gap:10px;margin:10px auto;width:min(90%,850px);border:1px solid #d2dcd5;border-radius:16px;padding:10px;box-shadow:0 3px 12px #0001}textarea{resize:vertical;flex:1;border:0;min-height:50px;padding:8px;outline:none}footer{text-align:center;font-size:11px;color:#6b7770;padding:10px}.welcome{margin:12vh auto;max-width:750px;text-align:center}.welcome button{margin:6px}.welcome h1{font-size:28px;font-weight:500}.grid{overflow:auto;border:1px solid #e1e6e2;border-radius:10px;padding:10px}table{border-collapse:collapse;font-size:13px;width:100%;margin-top:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ebe8}th{background:#f5f7f5}.overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:16px;width:min(100%,1050px);height:80vh;box-shadow:0 20px 100px #0003;display:flex;flex-direction:column;padding:20px}.tabs{display:flex;gap:8px;border-bottom:1px solid #ddd;padding-bottom:16px}.close{align-self:flex-end;margin-bottom:10px}.pane{overflow:auto;padding:10px}.pane pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f5;padding:14px;font-size:12px}.pane details{padding:10px;border-bottom:1px solid #ddd}.cards{display:flex;gap:20px}.cards>div{background:#f1f6f2;padding:20px;flex:1;border-radius:12px}progress{width:100%;accent-color:#367651}.error{color:#9c2e20;padding:10px;text-align:center}@media(max-width:700px){aside{width:170px;padding:8px}.tabs{overflow:auto}.cards{flex-direction:column}.conversation{padding:12px}header small{display:block;margin:0}}
