:root{color:#1f2933;background:#f7f7f2;font-family:ui-sans-serif,system-ui,sans-serif}body{margin:0}main{max-width:760px;margin:auto;padding:48px 20px 80px}header{border-left:5px solid #0f766e;margin-bottom:28px;padding-left:18px}h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.8rem,9vw,4.8rem);line-height:.9}h2{margin-top:0;font-size:1.1rem}.eyebrow{color:#0f766e;letter-spacing:.14em;margin:0 0 10px;font-size:.75rem;font-weight:700}section,.notice{background:#fff;border:1px solid #d8ddd8;border-radius:12px;margin:16px 0;padding:20px}label{gap:6px;margin:12px 0;font-size:.9rem;font-weight:600;display:grid}input,select{font:inherit;border:1px solid #9ca3af;border-radius:7px;padding:10px}label.inline{align-items:center;display:flex}label.inline input{width:auto}button{color:#fff;font:inherit;cursor:pointer;background:#0f766e;border:0;border-radius:7px;padding:10px 16px;font-weight:700}button:hover{background:#115e59}ul{padding:0;list-style:none}li{border-top:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:12px 0;display:flex}li span{color:#52606d;font-size:.9rem}.muted{color:#52606d;font-size:.82rem}.metrics{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.metrics div{background:#f1f5f3;border-radius:8px;padding:12px}.metrics dt{color:#52606d;font-size:.8rem}.metrics dd{margin:4px 0 0;font-size:1.6rem;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;min-width:100%}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:9px 12px;font-size:.88rem}th{color:#52606d;background:#f1f5f3;font-size:.76rem}