*{box-sizing:border-box}body{margin:0;background:#ece5dd;color:#172c32;font:15px/1.55 Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#075e54;color:white;padding:28px max(24px,calc((100% - 940px)/2))}.brand{font-size:11px;letter-spacing:2px;color:#c4dfd7}h1{margin:3px 0;font-size:30px}header p{margin:4px 0;color:#cce4de}main{max-width:940px;margin:auto;padding:24px}button,input{font:inherit;border:1px solid #b9cbc6;border-radius:7px;padding:11px 14px}button{background:#075e54;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}header button{background:transparent;border-color:#94c8bb;color:white;font-size:12px}input{display:block;background:white;width:100%;margin-top:5px}label{display:block;font-size:12px;color:#385b56}.login{max-width:420px;margin:45px auto;background:white;padding:30px;border-radius:12px}.login h2{margin-top:0}.login label{margin:18px 0}.login button{width:100%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar strong{font-size:13px}.toolbar p{font-size:12px;color:#526c64;margin:3px 0}#filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:22px}.search{flex:1;min-width:180px}.note{font-size:12px;color:#5d6d6c}#error,#loginError{color:#a32828;white-space:pre-wrap}#error:empty,#loginError:empty{display:none}#totals{font-weight:bold;font-size:13px}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0 28px}nav a{background:white;border-radius:8px;padding:12px 16px;color:#075e54;text-decoration:none;font-weight:bold}small{display:block;color:#687a7b;font-size:12px;font-weight:normal}.conversation{background:#e5ddd5;border-radius:12px;padding:24px;margin-bottom:30px;display:flow-root;scroll-margin-top:16px}.conversation h2{background:#075e54;color:white;margin:-24px -24px 0;padding:17px 24px;border-radius:12px 12px 0 0;font-size:19px}.sub{font-size:12px;color:#5d6d6c}.day{display:table;clear:both;margin:20px auto;background:#d5eaf1;padding:5px 15px;border-radius:8px;font-size:12px}article{clear:both;width:fit-content;max-width:85%;padding:12px 16px;margin:9px 0;border-radius:10px;background:white;box-shadow:0 1px 2px #0001}article b{font-size:12px;color:#075e54}.outgoing{float:right;background:#dcf8c6}.incoming{float:left}.text{white-space:pre-wrap;overflow-wrap:anywhere}time{display:block;text-align:right;font-size:11px;color:#657975;margin-top:6px}.back{display:block;clear:both;padding-top:20px;color:#075e54;font-size:12px}footer{text-align:center;color:#667a73;font-size:12px;padding:25px}[hidden]{display:none!important}:focus-visible{outline:3px solid #d69630;outline-offset:3px}@media(max-width:520px){header{padding:22px 18px;align-items:start}header p{font-size:12px}main{padding:18px}.conversation{padding:18px}.conversation h2{margin:-18px -18px 0;padding:15px 18px}article{max-width:94%}.toolbar{align-items:start}#identity{overflow-wrap:anywhere}}
