body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#d3d3d3}.hero{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem}h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#000}.flex{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}select{padding:.4rem .6rem;border-radius:6px;border:1px solid #ccc;background-color:#fff;font-size:1rem;cursor:pointer;transition:border-color .2s}select:hover{border-color:#000}table{width:100%;max-width:800px;border-collapse:collapse;margin-top:1rem;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}thead{background-color:gray;color:#fff}th,td{padding:.75rem 1rem;text-align:left}tbody tr:nth-child(2n){background-color:#f2f2f2}tbody tr:hover{background-color:#c3c8ce}button{padding:.4rem .8rem;border:none;border-radius:6px;background-color:gray;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s}button:hover{background-color:#a9a9a9}p{margin:0 1rem;font-weight:700}