*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1a1a1a}.login-page{display:flex;align-items:center;justify-content:center;height:100vh}.login-form{display:flex;flex-direction:column;gap:.75rem;width:20rem}.login-form label{display:flex;flex-direction:column;gap:.25rem}.error{color:#b00020}.panel{display:flex;height:100vh}.conversation-list{list-style:none;margin:0;padding:0;width:22rem;overflow-y:auto;border-right:1px solid #ddd}.conversation-list button{display:block;width:100%;text-align:left;padding:.6rem .8rem;border:none;border-bottom:1px solid #eee;background:none;cursor:pointer}.conversation-list button.selected{background:#e8f0fe}.conversation-row-top{display:flex;justify-content:space-between;font-weight:600}.conversation-row-bottom{display:flex;justify-content:space-between;color:#666;font-size:.85rem}.closed-window{color:#b00020;font-size:.8rem}.conversation-view{flex:1;display:flex;flex-direction:column;min-width:0}.conversation-view header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid #ddd}.conversation-view header h2{margin:0;font-size:1.1rem}.message-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:1rem}.message{margin-bottom:.75rem;max-width:60%;padding:.5rem .7rem;border-radius:.5rem;background:#f1f1f1}.message.outbound{margin-left:auto;background:#dcf0ff}.message-meta{display:flex;gap:.5rem;font-size:.75rem;color:#666}.message-error{font-size:.75rem;color:#b00020;word-break:break-all}.reply-box{display:flex;gap:.5rem;padding:.6rem 1rem;border-top:1px solid #ddd}.reply-box textarea{flex:1;resize:none;min-height:2.5rem}