:root{font-family:Inter,Segoe UI,sans-serif;color:#183343;background:#f3f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#123d50;color:white;padding:24px max(5vw,20px);display:flex;justify-content:space-between;align-items:center}h1{margin:4px 0;font-size:27px}h2{font-size:21px}.eyebrow{letter-spacing:2px;font-size:11px;color:#b9dbe4}main{max-width:1180px;margin:24px auto;padding:0 20px}.card{background:white;border:1px solid #d9e3e8;border-radius:12px;padding:24px;margin:18px 0;box-shadow:0 3px 12px #14334308}#login,#invitation{max-width:460px;margin:50px auto}label{display:block;margin:12px 0;flex:1}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #b8cbd3;border-radius:6px;padding:10px;margin-top:6px}input[type=checkbox]{display:inline;width:auto}textarea{min-height:100px}button{font:inherit;background:#17617b;border:0;border-radius:6px;color:white;padding:10px 15px;cursor:pointer}button:disabled{opacity:.45;cursor:default}nav,.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav button[aria-pressed=true]{background:#102f40;box-shadow:0 0 0 3px #bcdde8}.row h2{flex:1}p{line-height:1.6}a{color:#126884}summary{cursor:pointer;font-weight:600;padding:10px 0}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e2e9ee;overflow-wrap:anywhere}#records,#lines{overflow:auto;margin:15px 0}#message:not(:empty){padding:14px;background:#fff1cc;border-radius:8px}dialog{width:min(850px,94vw);max-height:90vh;overflow:auto;border:1px solid #bdced6;border-radius:12px;padding:24px}dialog::backdrop{background:#102a3c80}footer{text-align:center;color:#5a7280;padding:25px}small{color:#57717e}#members p{display:flex;gap:10px;align-items:center;flex-wrap:wrap}pre{white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:600px){.card{padding:16px}main{padding:0 12px}.row{align-items:stretch}.row label{flex-basis:100%}nav button{flex:1 1 28%;padding:9px}header{padding:20px}td,th{min-width:95px}#records table{min-width:520px}}
@media(max-width:600px){#records table{min-width:0;width:100%}#records thead{display:none}#records tbody,#records tr{display:block}#records tr{padding:10px 0;border-bottom:2px solid #d9e3e8}#records td{display:grid;grid-template-columns:100px 1fr;gap:10px;min-width:0;padding:8px 0}#records td::before{content:attr(data-label);font-weight:600;text-transform:capitalize}#records td:last-child{display:flex;flex-wrap:wrap}#records td:last-child::before{display:none}}
