:root{font-family:system-ui,-apple-system,sans-serif;color:#172033;background:#f3f5f9;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:36px auto;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}header span,.muted{color:#637086}h1{font-size:28px;margin:0}h2{font-size:20px;margin:0 0 16px}p{line-height:1.55}section{background:white;border:1px solid #e1e6ef;border-radius:14px;padding:24px;margin:18px 0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats section{margin:0}.stats strong{display:block;font-size:34px;margin-top:8px}label{display:block;font-weight:600;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #bdc7d6;border-radius:8px;font:inherit;margin-top:7px}button,.button{display:inline-block;background:#2465d3;border:0;border-radius:8px;color:white;padding:11px 17px;font:inherit;text-decoration:none;cursor:pointer}.secondary{background:#eaf0f9;color:#24539c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.logout{text-align:right}.error{color:#a62727;white-space:pre-wrap;overflow-wrap:anywhere}.notice{color:#246c48}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{padding:12px;text-decoration:none;border-radius:8px}nav a.selected{background:#dfe9fb}a{color:#205cbd}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #e4e8ef}th{color:#637086;font-size:14px}.table-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.table-title h2{margin:0}.pagination{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}.muted{font-size:14px}form{margin:0}@media(max-width:640px){main{padding:0 12px}.stats{gap:10px}section{padding:17px}.table-title,header{align-items:flex-start;flex-direction:column}h1{font-size:24px}th,td{padding:12px 4px;font-size:14px}}

.table-scroll{overflow-x:auto}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:240px;max-width:450px;vertical-align:top}td{vertical-align:top}
