*{box-sizing:border-box}body{margin:0;background:#f3f5f0;color:#193e39;font:16px system-ui}header{display:flex;justify-content:space-between;padding:24px;background:white}nav{display:flex;gap:20px}a{color:#23634d}main{max-width:1050px;margin:30px auto;padding:0 20px}.banner{background:#ffeac0;padding:15px;text-align:center;font-weight:700}section{background:white;border:1px solid #dce3d8;border-radius:16px;padding:28px;margin:18px 0}h1{font-size:32px}h2{font-size:23px}p{line-height:1.6}button,.button{display:inline-block;background:#245b48;color:white;border:0;border-radius:8px;padding:13px 18px;font:inherit;cursor:pointer;margin:6px 5px 6px 0;text-decoration:none}button:disabled{opacity:.45}.secondary{background:#e5ece5;color:#193e39}.danger{background:#994a34}input,select{font:inherit;padding:12px;border:1px solid #b8cabc;border-radius:8px;width:100%;margin:7px 0 16px}label{display:block}small,.small{font-size:14px;color:#53655b}th,td{text-align:left;padding:15px 10px;border-bottom:1px solid #dce3d8}table{width:100%;border-collapse:collapse}.scroll{overflow:auto}.notice{background:#eef4e8;padding:16px;border-radius:8px}.dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:5px}.slot{background:#edf4ed;color:#193e39}footer{padding:24px;text-align:center;font-size:14px}#error{color:#a72c21}.recap{border-left:4px solid #318564;padding:20px;background:#f0f6ed}.token{overflow-wrap:anywhere}button:hover{filter:brightness(.95)}

.metrics{display:flex;gap:16px}.metrics section{flex:1;margin:0}.metrics strong{display:block;font-size:32px}.badge{display:inline-block;background:#edf4ed;padding:4px 8px;border-radius:6px;font-weight:600} @media(max-width:700px){.metrics{flex-direction:column}}

.comment-preview{white-space:pre-wrap;line-height:1.8;border-left:4px solid #318564;padding:18px;background:#f0f6ed}