body{margin:0;background:#f4f6f8;color:#172f3c;font:16px/1.6 system-ui}header,main{padding:28px 4vw}header{background:#143d4a;color:white}h1{margin:8px 0}small{letter-spacing:2px;color:#a8d7d3}a{color:#b9eeeb;margin-right:20px}button,select{font:inherit;padding:8px 14px;border:1px solid #b8c9cf;border-radius:6px;background:white;color:#173b49}button:disabled{opacity:.45}section,nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0}.scroll{overflow:auto;max-height:65vh;background:white;border:1px solid #d3dfe3}table{border-collapse:collapse;font-size:14px;white-space:nowrap}td,th{padding:10px 14px;border-bottom:1px solid #e1e7eb;text-align:left}th{position:sticky;top:0;background:#eaf0f3}tbody tr:nth-child(even){background:#f8fafb}.note{color:#516974}#status{padding:12px 16px;background:#e2eff1;border-radius:8px}